5444 changed files with 347311 additions and 769721 deletions
@ -0,0 +1,115 @@ |
|||
import request from '@/utils/request'; |
|||
import { postinfp,tarData,addlist,deltarget,getgroupData,edittarget, position, getgroup, organd, postsss, addposttar, searchorgpos, setposttarget, table_base_post_target, getdetails, neweditposttarget } from './type'; |
|||
export function addPostCont(url:string,method:string,data?: postinfp){ |
|||
return request({ |
|||
url: url, |
|||
method: method, |
|||
data: data |
|||
}); |
|||
} |
|||
export function tarlist(data?:tarData){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_depart_tar_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function addtarget(data?:addlist){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_add_depar_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function deltarget(data?:deltarget){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_del_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getgroupusers(data?:getgroupData){ |
|||
return request({ |
|||
url:'/api/group/getgroupdepartmap', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function edittarget(data?:edittarget){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_edit_one_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function positionlist(data?:position){ |
|||
return request({ |
|||
url:'/hrapi/org/positionlist', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getgroupuser(data?:getgroup){ |
|||
return request({ |
|||
url:'/api/group/getgroupuser', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function organdpost(data?:organd){ |
|||
return request({ |
|||
url:'/hrapi/org/get_organdpost_three', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function posttarget(data?:postsss){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/get_posttarget_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function addposttargetcont(data?:addposttar){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/addposttargetcont', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function search_orgpost(data?:searchorgpos){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/search_orgpost_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function set_posttarget(data?:setposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/set_posttarget_state', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function table_base_post(data?:table_base_post_target){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/table_base_post_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getdetailslist(data?:getdetails){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/getdetailslist', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function neweditpost(data?:neweditposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/neweditposttarget', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
get_organdpost_ary |
|||
@ -0,0 +1,122 @@ |
|||
import request from '@/utils/request'; |
|||
import { postinfp,tarData,addlist,deltarget,getgroupData,edittarget, position, getgroup, organd, postsss, addposttar, searchorgpos, setposttarget, table_base_post_target, getdetails, neweditposttarget } from './type'; |
|||
export function addPostCont(url:string,method:string,data?: postinfp){ |
|||
return request({ |
|||
url: url, |
|||
method: method, |
|||
data: data |
|||
}); |
|||
} |
|||
export function tarlist(data?:tarData){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_depart_tar_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function addtarget(data?:addlist){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_add_depar_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function deltarget(data?:deltarget){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_del_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getgroupusers(data?:getgroupData){ |
|||
return request({ |
|||
url:'/api/group/getgroupdepartmap', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function edittarget(data?:edittarget){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_edit_one_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function positionlist(data?:position){ |
|||
return request({ |
|||
url:'/hrapi/org/positionlist', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getgroupuser(data?:getgroup){ |
|||
return request({ |
|||
url:'/api/group/getgroupuser', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function organdpost(data?:organd){ |
|||
return request({ |
|||
url:'/hrapi/org/get_organdpost_three', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function posttarget(data?:postsss){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/get_posttarget_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function addposttargetcont(data?:addposttar){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/addposttargetcont', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function search_orgpost(data?:searchorgpos){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/search_orgpost_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function set_posttarget(data?:setposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/set_posttarget_state', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function table_base_post(data?:table_base_post_target){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/table_base_post_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getdetailslist(data?:getdetails){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/getdetailslist', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function neweditpost(data?:neweditposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/neweditposttarget', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
get_organdpost_ary |
|||
export function neweditpost(data?:neweditposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/neweditposttarget', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
@ -0,0 +1,121 @@ |
|||
import request from '@/utils/request'; |
|||
import { postinfp,tarData,addlist,deltarget,getgroupData,edittarget, position, getgroup, organd, postsss, addposttar, searchorgpos, setposttarget, table_base_post_target, getdetails, neweditposttarget } from './type'; |
|||
export function addPostCont(url:string,method:string,data?: postinfp){ |
|||
return request({ |
|||
url: url, |
|||
method: method, |
|||
data: data |
|||
}); |
|||
} |
|||
export function tarlist(data?:tarData){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_depart_tar_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function addtarget(data?:addlist){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_add_depar_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function deltarget(data?:deltarget){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_del_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getgroupusers(data?:getgroupData){ |
|||
return request({ |
|||
url:'/api/group/getgroupdepartmap', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function edittarget(data?:edittarget){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_edit_one_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function positionlist(data?:position){ |
|||
return request({ |
|||
url:'/hrapi/org/positionlist', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getgroupuser(data?:getgroup){ |
|||
return request({ |
|||
url:'/api/group/getgroupuser', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function organdpost(data?:organd){ |
|||
return request({ |
|||
url:'/hrapi/org/get_organdpost_three', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function posttarget(data?:postsss){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/get_posttarget_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function addposttargetcont(data?:addposttar){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/addposttargetcont', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function search_orgpost(data?:searchorgpos){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/search_orgpost_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function set_posttarget(data?:setposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/set_posttarget_state', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function table_base_post(data?:table_base_post_target){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/table_base_post_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getdetailslist(data?:getdetails){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/getdetailslist', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function neweditpost(data?:neweditposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/neweditposttarget', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function neweditpost(data?:neweditposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/neweditposttarget', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
@ -0,0 +1,122 @@ |
|||
import request from '@/utils/request'; |
|||
import { postinfp,tarData,addlist,deltarget,getgroupData,edittarget, position, getgroup, organd, postsss, addposttar, searchorgpos, setposttarget, table_base_post_target, getdetails, neweditposttarget } from './type'; |
|||
export function addPostCont(url:string,method:string,data?: postinfp){ |
|||
return request({ |
|||
url: url, |
|||
method: method, |
|||
data: data |
|||
}); |
|||
} |
|||
export function tarlist(data?:tarData){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_depart_tar_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function addtarget(data?:addlist){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_add_depar_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function deltarget(data?:deltarget){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_del_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getgroupusers(data?:getgroupData){ |
|||
return request({ |
|||
url:'/api/group/getgroupdepartmap', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function edittarget(data?:edittarget){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_edit_one_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function positionlist(data?:position){ |
|||
return request({ |
|||
url:'/hrapi/org/positionlist', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getgroupuser(data?:getgroup){ |
|||
return request({ |
|||
url:'/api/group/getgroupuser', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function organdpost(data?:organd){ |
|||
return request({ |
|||
url:'/hrapi/org/get_organdpost_three', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function posttarget(data?:postsss){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/get_posttarget_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function addposttargetcont(data?:addposttar){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/addposttargetcont', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function search_orgpost(data?:searchorgpos){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/search_orgpost_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function set_posttarget(data?:setposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/set_posttarget_state', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function table_base_post(data?:table_base_post_target){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/table_base_post_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getdetailslist(data?:getdetails){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/getdetailslist', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function neweditpost(data?:neweditposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/neweditposttarget', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
get_organdpost_ary |
|||
export function neweditpost(data?:neweditposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/neweditposttarget', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
@ -0,0 +1,121 @@ |
|||
import request from '@/utils/request'; |
|||
import { postinfp,tarData,addlist,deltarget,getgroupData,edittarget, position, getgroup, organd, postsss, addposttar, searchorgpos, setposttarget, table_base_post_target, getdetails, neweditposttarget } from './type'; |
|||
export function addPostCont(url:string,method:string,data?: postinfp){ |
|||
return request({ |
|||
url: url, |
|||
method: method, |
|||
data: data |
|||
}); |
|||
} |
|||
export function tarlist(data?:tarData){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_depart_tar_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function addtarget(data?:addlist){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_add_depar_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function deltarget(data?:deltarget){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_del_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getgroupusers(data?:getgroupData){ |
|||
return request({ |
|||
url:'/api/group/getgroupdepartmap', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function edittarget(data?:edittarget){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_edit_one_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function positionlist(data?:position){ |
|||
return request({ |
|||
url:'/hrapi/org/positionlist', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getgroupuser(data?:getgroup){ |
|||
return request({ |
|||
url:'/api/group/getgroupuser', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function organdpost(data?:organd){ |
|||
return request({ |
|||
url:'/hrapi/org/get_organdpost_three', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function posttarget(data?:postsss){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/get_posttarget_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function addposttargetcont(data?:addposttar){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/addposttargetcont', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function search_orgpost(data?:searchorgpos){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/search_orgpost_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function set_posttarget(data?:setposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/set_posttarget_state', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function table_base_post(data?:table_base_post_target){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/table_base_post_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getdetailslist(data?:getdetails){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/getdetailslist', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function neweditpost(data?:neweditposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/neweditposttarget', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function neweditpost(data?:neweditposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/neweditposttarget', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
@ -0,0 +1,121 @@ |
|||
import request from '@/utils/request'; |
|||
import { postinfp,tarData,addlist,deltarget,getgroupData,edittarget, position, getgroup, organd, postsss, addposttar, searchorgpos, setposttarget, table_base_post_target, getdetails, neweditposttarget } from './type'; |
|||
export function addPostCont(url:string,method:string,data?: postinfp){ |
|||
return request({ |
|||
url: url, |
|||
method: method, |
|||
data: data |
|||
}); |
|||
} |
|||
export function tarlist(data?:tarData){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_depart_tar_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function addtarget(data?:addlist){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_add_depar_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function deltarget(data?:deltarget){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_del_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getgroupusers(data?:getgroupData){ |
|||
return request({ |
|||
url:'/api/group/getgroupdepartmap', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function edittarget(data?:edittarget){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_edit_one_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function positionlist(data?:position){ |
|||
return request({ |
|||
url:'/hrapi/org/positionlist', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getgroupuser(data?:getgroup){ |
|||
return request({ |
|||
url:'/api/group/getgroupuser', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function organdpost(data?:organd){ |
|||
return request({ |
|||
url:'/hrapi/org/get_organdpost_three', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function posttarget(data?:postsss){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/get_posttarget_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function addposttargetcont(data?:addposttar){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/addposttargetcont', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function search_orgpost(data?:searchorgpos){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/search_orgpost_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function set_posttarget(data?:setposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/set_posttarget_state', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function table_base_post(data?:table_base_post_target){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/table_base_post_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getdetailslist(data?:getdetails){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/getdetailslist', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function neweditpost(data?:neweditposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/neweditposttarget', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function neweditpost(data?:neweditposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/get_organdpost_ary', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
@ -0,0 +1,121 @@ |
|||
import request from '@/utils/request'; |
|||
import { postinfp,tarData,addlist,deltarget,getgroupData,edittarget, position, getgroup, organd, postsss, addposttar, searchorgpos, setposttarget, table_base_post_target, getdetails, neweditposttarget } from './type'; |
|||
export function addPostCont(url:string,method:string,data?: postinfp){ |
|||
return request({ |
|||
url: url, |
|||
method: method, |
|||
data: data |
|||
}); |
|||
} |
|||
export function tarlist(data?:tarData){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_depart_tar_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function addtarget(data?:addlist){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_add_depar_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function deltarget(data?:deltarget){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_del_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getgroupusers(data?:getgroupData){ |
|||
return request({ |
|||
url:'/api/group/getgroupdepartmap', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function edittarget(data?:edittarget){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_edit_one_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function positionlist(data?:position){ |
|||
return request({ |
|||
url:'/hrapi/org/positionlist', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getgroupuser(data?:getgroup){ |
|||
return request({ |
|||
url:'/api/group/getgroupuser', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function organdpost(data?:organd){ |
|||
return request({ |
|||
url:'/hrapi/org/get_organdpost_three', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function posttarget(data?:postsss){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/get_posttarget_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function addposttargetcont(data?:addposttar){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/addposttargetcont', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function search_orgpost(data?:searchorgpos){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/search_orgpost_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function set_posttarget(data?:setposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/set_posttarget_state', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function table_base_post(data?:table_base_post_target){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/table_base_post_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getdetailslist(data?:getdetails){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/getdetailslist', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function neweditpost(data?:neweditposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/neweditposttarget', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function get_organdpost_ary(data?:neweditposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/get_organdpost_ary', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
@ -0,0 +1,121 @@ |
|||
import request from '@/utils/request'; |
|||
import { postinfp,tarData,addlist,deltarget,getgroupData,edittarget, position, getgroup, organd, postsss, addposttar, searchorgpos, setposttarget, table_base_post_target, getdetails, neweditposttarget } from './type'; |
|||
export function addPostCont(url:string,method:string,data?: postinfp){ |
|||
return request({ |
|||
url: url, |
|||
method: method, |
|||
data: data |
|||
}); |
|||
} |
|||
export function tarlist(data?:tarData){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_depart_tar_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function addtarget(data?:addlist){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_add_depar_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function deltarget(data?:deltarget){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_del_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getgroupusers(data?:getgroupData){ |
|||
return request({ |
|||
url:'/api/group/getgroupdepartmap', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function edittarget(data?:edittarget){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_edit_one_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function positionlist(data?:position){ |
|||
return request({ |
|||
url:'/hrapi/org/positionlist', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getgroupuser(data?:getgroup){ |
|||
return request({ |
|||
url:'/api/group/getgroupuser', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function organdpost(data?:organd){ |
|||
return request({ |
|||
url:'/hrapi/org/get_organdpost_three', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function posttarget(data?:postsss){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/get_posttarget_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function addposttargetcont(data?:addposttar){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/addposttargetcont', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function search_orgpost(data?:searchorgpos){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/search_orgpost_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function set_posttarget(data?:setposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/set_posttarget_state', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function table_base_post(data?:table_base_post_target){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/table_base_post_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getdetailslist(data?:getdetails){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/getdetailslist', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function neweditpost(data?:neweditposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/neweditposttarget', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function get_organdpost(data?:neweditposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/get_organdpost_ary', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
@ -0,0 +1,121 @@ |
|||
import request from '@/utils/request'; |
|||
import { postinfp,tarData,addlist,deltarget,getgroupData,edittarget, position, getgroup, organd, postsss, addposttar, searchorgpos, setposttarget, table_base_post_target, getdetails, neweditposttarget } from './type'; |
|||
export function addPostCont(url:string,method:string,data?: postinfp){ |
|||
return request({ |
|||
url: url, |
|||
method: method, |
|||
data: data |
|||
}); |
|||
} |
|||
export function tarlist(data?:tarData){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_depart_tar_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function addtarget(data?:addlist){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_add_depar_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function deltarget(data?:deltarget){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_del_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getgroupusers(data?:getgroupData){ |
|||
return request({ |
|||
url:'/api/group/getgroupdepartmap', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function edittarget(data?:edittarget){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_edit_one_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function positionlist(data?:position){ |
|||
return request({ |
|||
url:'/hrapi/org/positionlist', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getgroupuser(data?:getgroup){ |
|||
return request({ |
|||
url:'/api/group/getgroupuser', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function organdpost(data?:organd){ |
|||
return request({ |
|||
url:'/hrapi/org/get_organdpost_three', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function posttarget(data?:postsss){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/get_posttarget_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function addposttargetcont(data?:addposttar){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/addposttargetcont', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function search_orgpost(data?:searchorgpos){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/search_orgpost_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function set_posttarget(data?:setposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/set_posttarget_state', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function table_base_post(data?:table_base_post_target){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/table_base_post_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getdetailslist(data?:getdetails){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/getdetailslist', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function neweditpost(data?:neweditposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/neweditposttarget', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function get_organdpost(data?:get_organdpost_ary){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/get_organdpost_ary', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
@ -0,0 +1,121 @@ |
|||
import request from '@/utils/request'; |
|||
import { postinfp,tarData,addlist,deltarget,getgroupData,edittarget, position, getgroup, organd, postsss, addposttar, searchorgpos, setposttarget, table_base_post_target, getdetails, neweditposttarget, get_organdpost_ary } from './type'; |
|||
export function addPostCont(url:string,method:string,data?: postinfp){ |
|||
return request({ |
|||
url: url, |
|||
method: method, |
|||
data: data |
|||
}); |
|||
} |
|||
export function tarlist(data?:tarData){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_depart_tar_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function addtarget(data?:addlist){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_add_depar_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function deltarget(data?:deltarget){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_del_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getgroupusers(data?:getgroupData){ |
|||
return request({ |
|||
url:'/api/group/getgroupdepartmap', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function edittarget(data?:edittarget){ |
|||
return request({ |
|||
url:'/kpiapi/department_pc/new_edit_one_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function positionlist(data?:position){ |
|||
return request({ |
|||
url:'/hrapi/org/positionlist', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getgroupuser(data?:getgroup){ |
|||
return request({ |
|||
url:'/api/group/getgroupuser', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function organdpost(data?:organd){ |
|||
return request({ |
|||
url:'/hrapi/org/get_organdpost_three', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function posttarget(data?:postsss){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/get_posttarget_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function addposttargetcont(data?:addposttar){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/addposttargetcont', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function search_orgpost(data?:searchorgpos){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/search_orgpost_list', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function set_posttarget(data?:setposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/set_posttarget_state', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function table_base_post(data?:table_base_post_target){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/table_base_post_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function getdetailslist(data?:getdetails){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/getdetailslist', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function neweditpost(data?:neweditposttarget){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/neweditposttarget', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function get_organdpost(data?:get_organdpost_ary){ |
|||
return request({ |
|||
url:'/kpiapi/postpc/get_organdpost_ary', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
@ -0,0 +1,37 @@ |
|||
export interface department_programme{ |
|||
orgid?:string; |
|||
year?:string; |
|||
version?:string; |
|||
} |
|||
export interface edit_depart_progr{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface ge_add_scheme{ |
|||
id?:string; |
|||
} |
|||
export interface have_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface get_scheme_list{ |
|||
page:number; |
|||
pagesize:number; |
|||
versionnumber:string; |
|||
departmentid:string; |
|||
orgid:string; |
|||
postid:string; |
|||
year:number; |
|||
state:number; |
|||
} |
|||
export interface get_target{ |
|||
targetid: number; |
|||
orglist: Array<any>; |
|||
testmethod:Array<any>; |
|||
cycle: number; |
|||
} |
|||
export interface edit_depart_progra_state{ |
|||
id:string; |
|||
istrue: number; |
|||
state: number; |
|||
} |
|||
@ -0,0 +1,36 @@ |
|||
export interface department_programme{ |
|||
orgid?:string; |
|||
year?:string; |
|||
version?:string; |
|||
} |
|||
export interface edit_depart_progr{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface ge_add_scheme{ |
|||
id?:string; |
|||
} |
|||
export interface have_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface get_scheme_list{ |
|||
page:number; |
|||
pagesize:number; |
|||
versionnumber:string; |
|||
orgid:string; |
|||
postid:string; |
|||
year:number; |
|||
state:number; |
|||
} |
|||
export interface get_target{ |
|||
targetid: number; |
|||
orglist: Array<any>; |
|||
testmethod:Array<any>; |
|||
cycle: number; |
|||
} |
|||
export interface edit_depart_progra_state{ |
|||
id:string; |
|||
istrue: number; |
|||
state: number; |
|||
} |
|||
@ -0,0 +1,35 @@ |
|||
export interface department_programme{ |
|||
orgid?:string; |
|||
year?:string; |
|||
version?:string; |
|||
} |
|||
export interface edit_depart_progr{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface ge_add_scheme{ |
|||
id?:string; |
|||
} |
|||
export interface have_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface get_scheme_list{ |
|||
page:number; |
|||
pagesize:number; |
|||
versionnumber:string; |
|||
postid:string; |
|||
year:number; |
|||
state:number; |
|||
} |
|||
export interface get_target{ |
|||
targetid: number; |
|||
orglist: Array<any>; |
|||
testmethod:Array<any>; |
|||
cycle: number; |
|||
} |
|||
export interface edit_depart_progra_state{ |
|||
id:string; |
|||
istrue: number; |
|||
state: number; |
|||
} |
|||
@ -0,0 +1,34 @@ |
|||
export interface department_programme{ |
|||
orgid?:string; |
|||
year?:string; |
|||
version?:string; |
|||
} |
|||
export interface edit_depart_progr{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface ge_add_scheme{ |
|||
id?:string; |
|||
} |
|||
export interface have_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface get_scheme_list{ |
|||
page:number; |
|||
pagesize:number; |
|||
versionnumber:string; |
|||
postid:string; |
|||
year:number; |
|||
} |
|||
export interface get_target{ |
|||
targetid: number; |
|||
orglist: Array<any>; |
|||
testmethod:Array<any>; |
|||
cycle: number; |
|||
} |
|||
export interface edit_depart_progra_state{ |
|||
id:string; |
|||
istrue: number; |
|||
state: number; |
|||
} |
|||
@ -0,0 +1,34 @@ |
|||
export interface department_programme{ |
|||
orgid?:string; |
|||
year?:string; |
|||
version?:string; |
|||
} |
|||
export interface edit_depart_progr{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface ge_add_scheme{ |
|||
id?:string; |
|||
} |
|||
export interface have_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface get_scheme_list{ |
|||
page:number; |
|||
pagesize:number; |
|||
versionnumber:string; |
|||
postid:string; |
|||
year:number; |
|||
} |
|||
export interface get_target{ |
|||
targetid: number; |
|||
orglist: Array<any>; |
|||
testmethod:Array<any>; |
|||
cycle: number; |
|||
} |
|||
export interface edit_depart_progra_state{ |
|||
id:string; |
|||
istrue: number; |
|||
state: number; |
|||
} |
|||
@ -0,0 +1,34 @@ |
|||
export interface department_programme{ |
|||
orgid?:string; |
|||
year?:string; |
|||
version?:string; |
|||
} |
|||
export interface edit_depart_progr{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface ge_add_scheme{ |
|||
id?:string; |
|||
} |
|||
export interface have_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface get_scheme_list{ |
|||
page:number; |
|||
pagesize:number; |
|||
versionnumber:string; |
|||
postid:string; |
|||
year:number; |
|||
} |
|||
export interface get_target{ |
|||
targetid: number; |
|||
orglist: Array<any>; |
|||
testmethod:Array<any>; |
|||
cycle: Number; |
|||
} |
|||
export interface edit_depart_progra_state{ |
|||
id:string; |
|||
istrue: number; |
|||
state: number; |
|||
} |
|||
@ -0,0 +1,34 @@ |
|||
export interface department_programme{ |
|||
orgid?:string; |
|||
year?:string; |
|||
version?:string; |
|||
} |
|||
export interface edit_depart_progr{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface ge_add_scheme{ |
|||
id?:string; |
|||
} |
|||
export interface have_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface get_scheme_list{ |
|||
page:number; |
|||
pagesize:number; |
|||
versionnumber:string; |
|||
postid:string; |
|||
year:number; |
|||
} |
|||
export interface get_target{ |
|||
targetid: Number; |
|||
orglist: Array<any>; |
|||
testmethod:Array<any>; |
|||
cycle: Number; |
|||
} |
|||
export interface edit_depart_progra_state{ |
|||
id:string; |
|||
istrue: number; |
|||
state: number; |
|||
} |
|||
@ -0,0 +1,112 @@ |
|||
export interface orgtrant{ |
|||
year?:string; |
|||
} |
|||
export interface getplanversionvalid{ |
|||
group: string; |
|||
deaprtid: string; |
|||
year:string; |
|||
class: string; |
|||
title:string; |
|||
} |
|||
export interface newsummarydetails{ |
|||
department:string; |
|||
year: number, |
|||
month: number; |
|||
} |
|||
export interface govthreeing{ |
|||
all: number, |
|||
id: number; |
|||
} |
|||
export interface getonedetailed{ |
|||
id: number; |
|||
} |
|||
export interface getcompanydeparment{ |
|||
id: number; |
|||
idstr: number; |
|||
} |
|||
export interface edit_details_state{ |
|||
id: string; |
|||
state: number; |
|||
istrue:number; |
|||
} |
|||
export interface getsontargetcont{ |
|||
id: string; |
|||
} |
|||
export interface table_add_detailses{ |
|||
targetid: string; |
|||
tableid:string; |
|||
detailslist:Array<any>; |
|||
} |
|||
|
|||
export interface edit_table_depart_man{ |
|||
id: string; |
|||
title:string; |
|||
departmentint:Array<any>; |
|||
userlist:Array<any>; |
|||
} |
|||
export interface delsontarget{ |
|||
id: string; |
|||
state: number; |
|||
istrue:number; |
|||
} |
|||
export interface getdetail{ |
|||
id: string; |
|||
} |
|||
export interface edit_details_cont{ |
|||
cycle:number; |
|||
department:Array<any>; |
|||
evidence:string; |
|||
executor:Array<any>; |
|||
frequency:number; |
|||
id:string; |
|||
inspemethod:Array<any>; |
|||
remarks:string; |
|||
standard:string; |
|||
title:string; |
|||
types:number; |
|||
unit:string; |
|||
} |
|||
export interface getnew_target_depart_postman{ |
|||
id: string; |
|||
} |
|||
export interface edit_post_detailscont{ |
|||
cashstandard:string; |
|||
cycle:number; |
|||
evidence:string; |
|||
frequency:number; |
|||
id:string; |
|||
inspemethod:Array<any> |
|||
punishtype:number; |
|||
relevantpostsman:Array<any> |
|||
remarks:string; |
|||
standard:string; |
|||
title:string; |
|||
types:number; |
|||
unit:string; |
|||
} |
|||
export interface eidtposttardetailsstrte{ |
|||
id: string; |
|||
state: number; |
|||
istrue:number; |
|||
} |
|||
export interface addtabledetailslist{ |
|||
detailslist:Array<any>; |
|||
tableid:string; |
|||
targetid:string; |
|||
} |
|||
export interface edit_newson_target{ |
|||
repostlist:Array<any>; |
|||
title:string; |
|||
id:string; |
|||
} |
|||
export interface del_son_tar{ |
|||
id: string; |
|||
state: number; |
|||
istrue:number; |
|||
} |
|||
export interface look_scheme_for_deparment{ |
|||
id: string; |
|||
} |
|||
export interface get_organdpost_three{ |
|||
id: string; |
|||
} |
|||
@ -0,0 +1,113 @@ |
|||
export interface orgtrant{ |
|||
year?:string; |
|||
} |
|||
export interface getplanversionvalid{ |
|||
group: string; |
|||
deaprtid: string; |
|||
year:string; |
|||
class: string; |
|||
title:string; |
|||
} |
|||
export interface newsummarydetails{ |
|||
department:string; |
|||
year: number, |
|||
month: number; |
|||
} |
|||
export interface govthreeing{ |
|||
all: number, |
|||
id: number; |
|||
} |
|||
export interface getonedetailed{ |
|||
id: number; |
|||
} |
|||
export interface getcompanydeparment{ |
|||
id: number; |
|||
idstr: number; |
|||
} |
|||
export interface edit_details_state{ |
|||
id: string; |
|||
state: number; |
|||
istrue:number; |
|||
} |
|||
export interface getsontargetcont{ |
|||
id: string; |
|||
} |
|||
export interface table_add_detailses{ |
|||
targetid: string; |
|||
tableid:string; |
|||
detailslist:Array<any>; |
|||
} |
|||
|
|||
export interface edit_table_depart_man{ |
|||
id: string; |
|||
title:string; |
|||
departmentint:Array<any>; |
|||
userlist:Array<any>; |
|||
} |
|||
export interface delsontarget{ |
|||
id: string; |
|||
state: number; |
|||
istrue:number; |
|||
} |
|||
export interface getdetail{ |
|||
id: string; |
|||
} |
|||
export interface edit_details_cont{ |
|||
cycle:number; |
|||
department:Array<any>; |
|||
evidence:string; |
|||
executor:Array<any>; |
|||
frequency:number; |
|||
id:string; |
|||
inspemethod:Array<any>; |
|||
remarks:string; |
|||
standard:string; |
|||
title:string; |
|||
types:number; |
|||
unit:string; |
|||
} |
|||
export interface getnew_target_depart_postman{ |
|||
id: string; |
|||
} |
|||
export interface edit_post_detailscont{ |
|||
cashstandard:string; |
|||
cycle:number; |
|||
evidence:string; |
|||
frequency:number; |
|||
id:string; |
|||
inspemethod:Array<any> |
|||
punishtype:number; |
|||
relevantpostsman:Array<any> |
|||
remarks:string; |
|||
standard:string; |
|||
title:string; |
|||
types:number; |
|||
unit:string; |
|||
} |
|||
export interface eidtposttardetailsstrte{ |
|||
id: string; |
|||
state: number; |
|||
istrue:number; |
|||
} |
|||
export interface addtabledetailslist{ |
|||
detailslist:Array<any>; |
|||
tableid:string; |
|||
targetid:string; |
|||
} |
|||
export interface edit_newson_target{ |
|||
repostlist:Array<any>; |
|||
title:string; |
|||
id:string; |
|||
} |
|||
export interface del_son_tar{ |
|||
id: string; |
|||
state: number; |
|||
istrue:number; |
|||
} |
|||
export interface look_scheme_for_deparment{ |
|||
id: string; |
|||
} |
|||
export interface get_organdpost_three{ |
|||
id: string; |
|||
all |
|||
} |
|||
@ -0,0 +1,114 @@ |
|||
export interface orgtrant{ |
|||
year?:string; |
|||
} |
|||
export interface getplanversionvalid{ |
|||
group: string; |
|||
deaprtid: string; |
|||
year:string; |
|||
class: string; |
|||
title:string; |
|||
} |
|||
export interface newsummarydetails{ |
|||
department:string; |
|||
year: number, |
|||
month: number; |
|||
} |
|||
export interface govthreeing{ |
|||
all: number, |
|||
id: number; |
|||
} |
|||
export interface getonedetailed{ |
|||
id: number; |
|||
} |
|||
export interface getcompanydeparment{ |
|||
id: number; |
|||
idstr: number; |
|||
} |
|||
export interface edit_details_state{ |
|||
id: string; |
|||
state: number; |
|||
istrue:number; |
|||
} |
|||
export interface getsontargetcont{ |
|||
id: string; |
|||
} |
|||
export interface table_add_detailses{ |
|||
targetid: string; |
|||
tableid:string; |
|||
detailslist:Array<any>; |
|||
} |
|||
|
|||
export interface edit_table_depart_man{ |
|||
id: string; |
|||
title:string; |
|||
departmentint:Array<any>; |
|||
userlist:Array<any>; |
|||
} |
|||
export interface delsontarget{ |
|||
id: string; |
|||
state: number; |
|||
istrue:number; |
|||
} |
|||
export interface getdetail{ |
|||
id: string; |
|||
} |
|||
export interface edit_details_cont{ |
|||
cycle:number; |
|||
department:Array<any>; |
|||
evidence:string; |
|||
executor:Array<any>; |
|||
frequency:number; |
|||
id:string; |
|||
inspemethod:Array<any>; |
|||
remarks:string; |
|||
standard:string; |
|||
title:string; |
|||
types:number; |
|||
unit:string; |
|||
} |
|||
export interface getnew_target_depart_postman{ |
|||
id: string; |
|||
} |
|||
export interface edit_post_detailscont{ |
|||
cashstandard:string; |
|||
cycle:number; |
|||
evidence:string; |
|||
frequency:number; |
|||
id:string; |
|||
inspemethod:Array<any> |
|||
punishtype:number; |
|||
relevantpostsman:Array<any> |
|||
remarks:string; |
|||
standard:string; |
|||
title:string; |
|||
types:number; |
|||
unit:string; |
|||
} |
|||
export interface eidtposttardetailsstrte{ |
|||
id: string; |
|||
state: number; |
|||
istrue:number; |
|||
} |
|||
export interface addtabledetailslist{ |
|||
detailslist:Array<any>; |
|||
tableid:string; |
|||
targetid:string; |
|||
} |
|||
export interface edit_newson_target{ |
|||
repostlist:Array<any>; |
|||
title:string; |
|||
id:string; |
|||
} |
|||
export interface del_son_tar{ |
|||
id: string; |
|||
state: number; |
|||
istrue:number; |
|||
} |
|||
export interface look_scheme_for_deparment{ |
|||
id: string; |
|||
} |
|||
export interface get_organdpost_three{ |
|||
id: string; |
|||
all:number; |
|||
|
|||
} |
|||
@ -0,0 +1,114 @@ |
|||
export interface orgtrant{ |
|||
year?:string; |
|||
} |
|||
export interface getplanversionvalid{ |
|||
group: string; |
|||
deaprtid: string; |
|||
year:string; |
|||
class: string; |
|||
title:string; |
|||
} |
|||
export interface newsummarydetails{ |
|||
department:string; |
|||
year: number, |
|||
month: number; |
|||
} |
|||
export interface govthreeing{ |
|||
all: number, |
|||
id: number; |
|||
} |
|||
export interface getonedetailed{ |
|||
id: number; |
|||
} |
|||
export interface getcompanydeparment{ |
|||
id: number; |
|||
idstr: number; |
|||
} |
|||
export interface edit_details_state{ |
|||
id: string; |
|||
state: number; |
|||
istrue:number; |
|||
} |
|||
export interface getsontargetcont{ |
|||
id: string; |
|||
} |
|||
export interface table_add_detailses{ |
|||
targetid: string; |
|||
tableid:string; |
|||
detailslist:Array<any>; |
|||
} |
|||
|
|||
export interface edit_table_depart_man{ |
|||
id: string; |
|||
title:string; |
|||
departmentint:Array<any>; |
|||
userlist:Array<any>; |
|||
} |
|||
export interface delsontarget{ |
|||
id: string; |
|||
state: number; |
|||
istrue:number; |
|||
} |
|||
export interface getdetail{ |
|||
id: string; |
|||
} |
|||
export interface edit_details_cont{ |
|||
cycle:number; |
|||
department:Array<any>; |
|||
evidence:string; |
|||
executor:Array<any>; |
|||
frequency:number; |
|||
id:string; |
|||
inspemethod:Array<any>; |
|||
remarks:string; |
|||
standard:string; |
|||
title:string; |
|||
types:number; |
|||
unit:string; |
|||
} |
|||
export interface getnew_target_depart_postman{ |
|||
id: string; |
|||
} |
|||
export interface edit_post_detailscont{ |
|||
cashstandard:string; |
|||
cycle:number; |
|||
evidence:string; |
|||
frequency:number; |
|||
id:string; |
|||
inspemethod:Array<any> |
|||
punishtype:number; |
|||
relevantpostsman:Array<any> |
|||
remarks:string; |
|||
standard:string; |
|||
title:string; |
|||
types:number; |
|||
unit:string; |
|||
} |
|||
export interface eidtposttardetailsstrte{ |
|||
id: string; |
|||
state: number; |
|||
istrue:number; |
|||
} |
|||
export interface addtabledetailslist{ |
|||
detailslist:Array<any>; |
|||
tableid:string; |
|||
targetid:string; |
|||
} |
|||
export interface edit_newson_target{ |
|||
repostlist:Array<any>; |
|||
title:string; |
|||
id:string; |
|||
} |
|||
export interface del_son_tar{ |
|||
id: string; |
|||
state: number; |
|||
istrue:number; |
|||
} |
|||
export interface look_scheme_for_deparment{ |
|||
id: string; |
|||
} |
|||
export interface get_organdpost_three{ |
|||
id: string; |
|||
all:number; |
|||
levelL:number; |
|||
} |
|||
@ -0,0 +1,127 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unites?:string; |
|||
cycle?:number; |
|||
cycleattr?:number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:number; |
|||
cycleattr:number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:number; |
|||
scoringmethod:number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
departmentPostOther?:Array<any> |
|||
otherposttarget?:string; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
cycle: A; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
@ -0,0 +1,127 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unites?:string; |
|||
cycle?:number; |
|||
cycleattr?:number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:number; |
|||
cycleattr:number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:number; |
|||
scoringmethod:number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
departmentPostOther?:Array<any> |
|||
otherposttarget?:string; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
cycle: Array; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
@ -0,0 +1,127 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unites?:string; |
|||
cycle?:number; |
|||
cycleattr?:number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:number; |
|||
cycleattr:number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:number; |
|||
scoringmethod:number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
departmentPostOther?:Array<any> |
|||
otherposttarget?:string; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
cycle: Array[]; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
@ -0,0 +1,127 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unites?:string; |
|||
cycle?:number; |
|||
cycleattr?:number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:number; |
|||
cycleattr:number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:number; |
|||
scoringmethod:number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
departmentPostOther?:Array<any> |
|||
otherposttarget?:string; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
cycle: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
@ -0,0 +1,126 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unites?:string; |
|||
cycle?:number; |
|||
cycleattr?:number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:number; |
|||
cycleattr:number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:number; |
|||
scoringmethod:number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
departmentPostOther?:Array<any> |
|||
otherposttarget?:string; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
@ -0,0 +1,127 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unites?:string; |
|||
cycle?:number; |
|||
cycleattr?:number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
all:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:number; |
|||
cycleattr:number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:number; |
|||
scoringmethod:number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
departmentPostOther?:Array<any> |
|||
otherposttarget?:string; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
@ -0,0 +1,127 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unites?:string; |
|||
cycle?:number; |
|||
cycleattr?:number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
all:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:number; |
|||
cycleattr:number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:number; |
|||
scoringmethod:number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
departmentPostOther?:Array<any> |
|||
otherposttarget?:Array<any>; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
@ -0,0 +1,127 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unites?:string; |
|||
cycle?:number; |
|||
cycleattr?:number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
all:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:number; |
|||
cycleattr:number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:number; |
|||
scoringmethod:number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
?:Array<any> |
|||
otherposttarget?:Array<any>; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
@ -0,0 +1,127 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unites?:string; |
|||
cycle?:number; |
|||
cycleattr?:number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
all:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:number; |
|||
cycleattr:number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:number; |
|||
scoringmethod:number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
departmentPostOther?:Array<any> |
|||
otherposttarget?:Array<any>; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
@ -0,0 +1,127 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unites?:string; |
|||
cycle?:number; |
|||
cycleattr?:number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
all:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:Number; |
|||
cycleattr:number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:number; |
|||
scoringmethod:number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
departmentPostOther?:Array<any> |
|||
otherposttarget?:Array<any>; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
@ -0,0 +1,127 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unites?:string; |
|||
cycle?:number; |
|||
cycleattr?:number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
all:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:Number; |
|||
cycleattr:Number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:number; |
|||
scoringmethod:number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
departmentPostOther?:Array<any> |
|||
otherposttarget?:Array<any>; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
@ -0,0 +1,127 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unites?:string; |
|||
cycle?:number; |
|||
cycleattr?:number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
all:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:Number; |
|||
cycleattr:Number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:Number; |
|||
scoringmethod:number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
departmentPostOther?:Array<any> |
|||
otherposttarget?:Array<any>; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
@ -0,0 +1,127 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unites?:string; |
|||
cycle?:number; |
|||
cycleattr?:number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
all:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:Number; |
|||
cycleattr:Number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:Number; |
|||
scoringmethod:Number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
departmentPostOther?:Array<any> |
|||
otherposttarget?:Array<any>; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
@ -0,0 +1,127 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unites?:string; |
|||
cycle?:number; |
|||
cycleattr?:number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
all:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:Number; |
|||
cycleattr:number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:number; |
|||
scoringmethod:number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
departmentPostOther?:Array<any> |
|||
otherposttarget?:Array<any>; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
@ -0,0 +1,127 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unites?:string; |
|||
cycle?:number; |
|||
cycleattr?:number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
all:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:Number; |
|||
cycleattr:number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:number; |
|||
scoringmethod:Number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
departmentPostOther?:Array<any> |
|||
otherposttarget?:Array<any>; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
@ -0,0 +1,127 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unit?:string; |
|||
cycle?:number; |
|||
cycleattr?:number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
all:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:Number; |
|||
cycleattr:number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:number; |
|||
scoringmethod:Number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
departmentPostOther?:Array<any> |
|||
otherposttarget?:Array<any>; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
@ -0,0 +1,127 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unit?:string; |
|||
cycle?:number; |
|||
cycleattr?:Number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
all:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:Number; |
|||
cycleattr:number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:number; |
|||
scoringmethod:Number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
departmentPostOther?:Array<any> |
|||
otherposttarget?:Array<any>; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
@ -0,0 +1,127 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unit?:string; |
|||
cycle?:number; |
|||
cycleattr?:Number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
all:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:Number; |
|||
cycleattr:number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:number; |
|||
scoringmethod:Number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
departmentPostOther?:Array<any> |
|||
otherposttarget?:Array<any>; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:Number; |
|||
cycleattr?: number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
@ -0,0 +1,127 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unit?:string; |
|||
cycle?:number; |
|||
cycleattr?:Number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
all:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:Number; |
|||
cycleattr:number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:number; |
|||
scoringmethod:Number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
departmentPostOther?:Array<any> |
|||
otherposttarget?:Array<any>; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:Number; |
|||
cycleattr?: Number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
@ -0,0 +1,127 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unit?:string; |
|||
cycle?:number; |
|||
cycleattr?:Number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
all:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:Number; |
|||
cycleattr:number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:number; |
|||
scoringmethod:Number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
departmentPostOther?:Array<any> |
|||
otherposttarget?:Array<any>; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: Number; |
|||
cycle?:Number; |
|||
cycleattr?: Number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
@ -0,0 +1,128 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unit?:string; |
|||
cycle?:number; |
|||
cycleattr?:Number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
all:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:Number; |
|||
cycleattr:number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:number; |
|||
scoringmethod:Number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
departmentPostOther?:Array<any> |
|||
otherposttarget?:Array<any>; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: Number; |
|||
cycle?:Number; |
|||
cycleattr?: Number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
get_organdpost_ary |
|||
@ -0,0 +1,133 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unit?:string; |
|||
cycle?:number; |
|||
cycleattr?:Number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
all:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:Number; |
|||
cycleattr:number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:number; |
|||
scoringmethod:Number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
departmentPostOther?:Array<any> |
|||
otherposttarget?:Array<any>; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: Number; |
|||
cycle?:Number; |
|||
cycleattr?: Number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
get_organdpost_ary |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
@ -0,0 +1,132 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unit?:string; |
|||
cycle?:number; |
|||
cycleattr?:Number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
all:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:Number; |
|||
cycleattr:number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:number; |
|||
scoringmethod:Number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
departmentPostOther?:Array<any> |
|||
otherposttarget?:Array<any>; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: Number; |
|||
cycle?:Number; |
|||
cycleattr?: Number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
@ -0,0 +1,132 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unit?:string; |
|||
cycle?:number; |
|||
cycleattr?:Number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
all:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:Number; |
|||
cycleattr:number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:number; |
|||
scoringmethod:Number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
departmentPostOther?:Array<any> |
|||
otherposttarget?:Array<any>; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: Number; |
|||
cycle?:Number; |
|||
cycleattr?: Number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
export interface get_organdpost_ary{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
@ -0,0 +1,130 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unit?:string; |
|||
cycle?:number; |
|||
cycleattr?:Number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
all:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:Number; |
|||
cycleattr:number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:number; |
|||
scoringmethod:Number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
departmentPostOther?:Array<any> |
|||
otherposttarget?:Array<any>; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: Number; |
|||
cycle?:Number; |
|||
cycleattr?: Number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
export interface get_organdpost_ary{ |
|||
targetid: string; |
|||
} |
|||
@ -0,0 +1,130 @@ |
|||
export interface postinfp{ |
|||
id?:number, |
|||
number?: string, |
|||
name?:string, |
|||
superior?:number, |
|||
organizationtype?: number, |
|||
abbreviation?: string, |
|||
time?: number, |
|||
state?: number, |
|||
wechatorganizationid?: number, |
|||
superiorsun?: string, |
|||
schoole?: number, |
|||
kingdeeid?: string, |
|||
ispower?: number, |
|||
sort?: number, |
|||
classname?: string, |
|||
level?: number, |
|||
isman?: number, |
|||
status?: boolean, |
|||
child?: null, |
|||
type?:number; |
|||
} |
|||
export interface tarData{ |
|||
page?:number; |
|||
pageSize?:number; |
|||
name?:string; |
|||
dimension?:string; |
|||
attribute?:string; |
|||
orgidlist?:Array<any>; |
|||
} |
|||
export interface addlist{ |
|||
name?:string; |
|||
share?:number; |
|||
acceptdepartmentid?:Array<any>; |
|||
userlist?:Array<any>; |
|||
dimension?:string; |
|||
nature?:number; |
|||
unit?:string; |
|||
cycle?:number; |
|||
cycleattr?:Number; |
|||
scoringmethod?:number; |
|||
visiblerangegroup?:Array<any>; |
|||
visiblerangedepart?:Array<any>; |
|||
} |
|||
export interface deltarget{ |
|||
id?:String; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface getgroupData{ |
|||
id?:number; |
|||
all:number; |
|||
} |
|||
export interface edittarget{ |
|||
acceptdepartmentid?:Array<any> |
|||
cycle?:Number; |
|||
cycleattr:number; |
|||
dimension:string; |
|||
id:string; |
|||
name:string; |
|||
nature:number; |
|||
scoringmethod:Number; |
|||
unit:string; |
|||
userlist:Array<any> |
|||
} |
|||
export interface position{ |
|||
page?:number; |
|||
pagesize?:number; |
|||
organization?:string; |
|||
} |
|||
export interface getgroup{ |
|||
id?:number; |
|||
level?:number; |
|||
} |
|||
export interface organd{ |
|||
all?:number; |
|||
id?:string; |
|||
levelL:number; |
|||
} |
|||
export interface postsss{ |
|||
attribute?:string; |
|||
dimension?:string; |
|||
page?:number; |
|||
pageSize?:number; |
|||
title?:string; |
|||
postidlist?:Array<any>; |
|||
} |
|||
export interface addposttar{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: number; |
|||
cycle?:number; |
|||
cycleattr?: number; |
|||
departmentPostOther?:Array<any> |
|||
otherposttarget?:Array<any>; |
|||
|
|||
} |
|||
export interface searchorgpos{ |
|||
name?:string; |
|||
orgid?:string; |
|||
} |
|||
export interface setposttarget{ |
|||
id?:string; |
|||
state?:number; |
|||
istrue?:number; |
|||
} |
|||
export interface table_base_post_target{ |
|||
id?:string; |
|||
} |
|||
export interface getdetails{ |
|||
targetid: string; |
|||
inspect: Array<any>; |
|||
postlist: Array<any>; |
|||
} |
|||
export interface neweditposttarget{ |
|||
title?:string; |
|||
dimension?: String; |
|||
unit?:String; |
|||
type?: number; |
|||
scoringmethod?: Number; |
|||
cycle?:Number; |
|||
cycleattr?: Number; |
|||
otherposttarget?:Array<any>; |
|||
id:string; |
|||
} |
|||
export interface get_organdpost_ary{ |
|||
id: string; |
|||
} |
|||
@ -0,0 +1,79 @@ |
|||
import request from '@/utils/request'; |
|||
import { create_scheme_for, create_scheme_for_deparment, del_scheme_target_cont, edit_scheme_target, get_approval_record, get_org_everyone, get_runman_scheme, ge_copy_scheme, look_scheme_bylaws, new_del_target, set_posttarget_state } from './type'; |
|||
export function get_approval(data?:get_approval_record){ |
|||
return request({ |
|||
url:'kpiapi/workflow/get_approval_record', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function create_scheme(data?:create_scheme_for){ |
|||
return request({ |
|||
url:'kpiapi/department_pc/create_scheme_for_deparment', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function ge_copy(data?:ge_copy_scheme){ |
|||
return request({ |
|||
url:'kpiapi/department_pc/ge_copy_scheme_cont', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function get_runman(data?:get_runman_scheme){ |
|||
return request({ |
|||
url:'kpiapi/department_pc/get_runman_scheme', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function get_org(data?:get_org_everyone){ |
|||
return request({ |
|||
url:'hrapi/org/get_org_everyone_people', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function edit_scheme(data?:edit_scheme){ |
|||
return request({ |
|||
url:'kpiapi/department_pc/edit_scheme_target_cont', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function del_scheme(data?:del_scheme_target_cont){ |
|||
return request({ |
|||
url:'kpiapi/department_pc/del_scheme_target_cont', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function look_scheme(data?:look_scheme_bylaws){ |
|||
return request({ |
|||
url:'kpiapi/department_pc/look_scheme_bylaws', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function create_scheme_for(data?:create_scheme_for_deparment){ |
|||
return request({ |
|||
url:'kpiapi/department_pc/create_scheme_for_deparment', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function new_del(data?:new_del_target){ |
|||
return request({ |
|||
url:'kpiapi/department_pc/new_del_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function set_posttar(data?:set_posttarget_state){ |
|||
return request({ |
|||
url:'kpiapi/postpc/set_posttarget_state', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
@ -0,0 +1,79 @@ |
|||
import request from '@/utils/request'; |
|||
import { create_scheme_for, create_scheme_for_deparment, del_scheme_target_cont, edit_scheme_target, get_approval_record, get_org_everyone, get_runman_scheme, ge_copy_scheme, look_scheme_bylaws, new_del_target, set_posttarget_state } from './type'; |
|||
export function get_approval(data?:get_approval_record){ |
|||
return request({ |
|||
url:'kpiapi/workflow/get_approval_record', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function create_scheme(data?:create_scheme_for){ |
|||
return request({ |
|||
url:'kpiapi/department_pc/create_scheme_for_deparment', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function ge_copy(data?:ge_copy_scheme){ |
|||
return request({ |
|||
url:'kpiapi/department_pc/ge_copy_scheme_cont', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function get_runman(data?:get_runman_scheme){ |
|||
return request({ |
|||
url:'kpiapi/department_pc/get_runman_scheme', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function get_org(data?:get_org_everyone){ |
|||
return request({ |
|||
url:'hrapi/org/get_org_everyone_people', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function edit_scheme(data?:edit_scheme_target){ |
|||
return request({ |
|||
url:'kpiapi/department_pc/edit_scheme_target_cont', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function del_scheme(data?:del_scheme_target_cont){ |
|||
return request({ |
|||
url:'kpiapi/department_pc/del_scheme_target_cont', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function look_scheme(data?:look_scheme_bylaws){ |
|||
return request({ |
|||
url:'kpiapi/department_pc/look_scheme_bylaws', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function create_scheme_for(data?:create_scheme_for_deparment){ |
|||
return request({ |
|||
url:'kpiapi/department_pc/create_scheme_for_deparment', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function new_del(data?:new_del_target){ |
|||
return request({ |
|||
url:'kpiapi/department_pc/new_del_target', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
export function set_posttar(data?:set_posttarget_state){ |
|||
return request({ |
|||
url:'kpiapi/postpc/set_posttarget_state', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
} |
|||
@ -0,0 +1,68 @@ |
|||
export interface get_approval_record{ |
|||
page : number; |
|||
pagesize:number; |
|||
state:number; |
|||
nameornumber:string; |
|||
title: string; |
|||
orgid: string; |
|||
years: number; |
|||
month: number; |
|||
} |
|||
export interface create_scheme_for{ |
|||
group?: string; |
|||
parentid?: string; |
|||
child?:Array<any>; |
|||
year?: string; |
|||
orgid |
|||
} |
|||
|
|||
export interface ge_copy_scheme{ |
|||
id:string; |
|||
} |
|||
export interface get_runman_scheme{ |
|||
id:string; |
|||
level:number; |
|||
orgid:string; |
|||
posid:string; |
|||
type:number; |
|||
} |
|||
export interface get_org_everyone{ |
|||
id:string; |
|||
all:number; |
|||
} |
|||
export interface edit_scheme_target{ |
|||
Operator:Array<any>; |
|||
content:string; |
|||
orgid:string; |
|||
planversionkey:string; |
|||
state:number; |
|||
targetid:string; |
|||
} |
|||
export interface del_scheme_target_cont{ |
|||
orgid:string; |
|||
planversionkey:string; |
|||
targetid:string; |
|||
} |
|||
|
|||
export interface look_scheme_bylaws{ |
|||
id:string; |
|||
level:number; |
|||
orgid:string; |
|||
posid:string; |
|||
type:number; |
|||
} |
|||
export interface create_scheme_for_deparment{ |
|||
child:Array<any>; |
|||
orgid:string; |
|||
year:string; |
|||
} |
|||
export interface new_del_target{ |
|||
id:string; |
|||
istrue:number; |
|||
state:number; |
|||
} |
|||
export interface set_posttarget_state{ |
|||
id:string; |
|||
istrue:number; |
|||
state:number; |
|||
} |
|||
@ -0,0 +1,68 @@ |
|||
export interface get_approval_record{ |
|||
page : number; |
|||
pagesize:number; |
|||
state:number; |
|||
nameornumber:string; |
|||
title: string; |
|||
orgid: string; |
|||
years: number; |
|||
month: number; |
|||
} |
|||
export interface create_scheme_for{ |
|||
group?: string; |
|||
parentid?: string; |
|||
child?:Array<any>; |
|||
year?: string; |
|||
orgid: |
|||
} |
|||
|
|||
export interface ge_copy_scheme{ |
|||
id:string; |
|||
} |
|||
export interface get_runman_scheme{ |
|||
id:string; |
|||
level:number; |
|||
orgid:string; |
|||
posid:string; |
|||
type:number; |
|||
} |
|||
export interface get_org_everyone{ |
|||
id:string; |
|||
all:number; |
|||
} |
|||
export interface edit_scheme_target{ |
|||
Operator:Array<any>; |
|||
content:string; |
|||
orgid:string; |
|||
planversionkey:string; |
|||
state:number; |
|||
targetid:string; |
|||
} |
|||
export interface del_scheme_target_cont{ |
|||
orgid:string; |
|||
planversionkey:string; |
|||
targetid:string; |
|||
} |
|||
|
|||
export interface look_scheme_bylaws{ |
|||
id:string; |
|||
level:number; |
|||
orgid:string; |
|||
posid:string; |
|||
type:number; |
|||
} |
|||
export interface create_scheme_for_deparment{ |
|||
child:Array<any>; |
|||
orgid:string; |
|||
year:string; |
|||
} |
|||
export interface new_del_target{ |
|||
id:string; |
|||
istrue:number; |
|||
state:number; |
|||
} |
|||
export interface set_posttarget_state{ |
|||
id:string; |
|||
istrue:number; |
|||
state:number; |
|||
} |
|||
@ -0,0 +1,68 @@ |
|||
export interface get_approval_record{ |
|||
page : number; |
|||
pagesize:number; |
|||
state:number; |
|||
nameornumber:string; |
|||
title: string; |
|||
orgid: string; |
|||
years: number; |
|||
month: number; |
|||
} |
|||
export interface create_scheme_for{ |
|||
group?: string; |
|||
parentid?: string; |
|||
child?:Array<any>; |
|||
year?: string; |
|||
orgid:string; |
|||
} |
|||
|
|||
export interface ge_copy_scheme{ |
|||
id:string; |
|||
} |
|||
export interface get_runman_scheme{ |
|||
id:string; |
|||
level:number; |
|||
orgid:string; |
|||
posid:string; |
|||
type:number; |
|||
} |
|||
export interface get_org_everyone{ |
|||
id:string; |
|||
all:number; |
|||
} |
|||
export interface edit_scheme_target{ |
|||
Operator:Array<any>; |
|||
content:string; |
|||
orgid:string; |
|||
planversionkey:string; |
|||
state:number; |
|||
targetid:string; |
|||
} |
|||
export interface del_scheme_target_cont{ |
|||
orgid:string; |
|||
planversionkey:string; |
|||
targetid:string; |
|||
} |
|||
|
|||
export interface look_scheme_bylaws{ |
|||
id:string; |
|||
level:number; |
|||
orgid:string; |
|||
posid:string; |
|||
type:number; |
|||
} |
|||
export interface create_scheme_for_deparment{ |
|||
child:Array<any>; |
|||
orgid:string; |
|||
year:string; |
|||
} |
|||
export interface new_del_target{ |
|||
id:string; |
|||
istrue:number; |
|||
state:number; |
|||
} |
|||
export interface set_posttarget_state{ |
|||
id:string; |
|||
istrue:number; |
|||
state:number; |
|||
} |
|||
@ -0,0 +1,68 @@ |
|||
export interface get_approval_record{ |
|||
page : number; |
|||
pagesize:number; |
|||
state:number; |
|||
nameornumber:string; |
|||
title: string; |
|||
orgid: string; |
|||
years: number; |
|||
month: number; |
|||
} |
|||
export interface create_scheme_for{ |
|||
group?: string; |
|||
parentid?: string; |
|||
child?:Array<any>; |
|||
year?: string; |
|||
orgid:string;create_scheme_for |
|||
} |
|||
|
|||
export interface ge_copy_scheme{ |
|||
id:string; |
|||
} |
|||
export interface get_runman_scheme{ |
|||
id:string; |
|||
level:number; |
|||
orgid:string; |
|||
posid:string; |
|||
type:number; |
|||
} |
|||
export interface get_org_everyone{ |
|||
id:string; |
|||
all:number; |
|||
} |
|||
export interface edit_scheme_target{ |
|||
Operator:Array<any>; |
|||
content:string; |
|||
orgid:string; |
|||
planversionkey:string; |
|||
state:number; |
|||
targetid:string; |
|||
} |
|||
export interface del_scheme_target_cont{ |
|||
orgid:string; |
|||
planversionkey:string; |
|||
targetid:string; |
|||
} |
|||
|
|||
export interface look_scheme_bylaws{ |
|||
id:string; |
|||
level:number; |
|||
orgid:string; |
|||
posid:string; |
|||
type:number; |
|||
} |
|||
export interface create_scheme_for_deparment{ |
|||
child:Array<any>; |
|||
orgid:string; |
|||
year:string; |
|||
} |
|||
export interface new_del_target{ |
|||
id:string; |
|||
istrue:number; |
|||
state:number; |
|||
} |
|||
export interface set_posttarget_state{ |
|||
id:string; |
|||
istrue:number; |
|||
state:number; |
|||
} |
|||
@ -0,0 +1,68 @@ |
|||
export interface get_approval_record{ |
|||
page : number; |
|||
pagesize:number; |
|||
state:number; |
|||
nameornumber:string; |
|||
title: string; |
|||
orgid: string; |
|||
years: number; |
|||
month: number; |
|||
} |
|||
export interface create_scheme_for{ |
|||
group?: string; |
|||
parentid?: string; |
|||
child?:Array<any>; |
|||
year?: string; |
|||
orgid:string; |
|||
} |
|||
|
|||
export interface ge_copy_scheme{ |
|||
id:string; |
|||
} |
|||
export interface get_runman_scheme{ |
|||
id:string; |
|||
level:number; |
|||
orgid:string; |
|||
posid:string; |
|||
type:number; |
|||
} |
|||
export interface get_org_everyone{ |
|||
id:string; |
|||
all:number; |
|||
} |
|||
export interface edit_scheme_target{ |
|||
Operator:Array<any>; |
|||
content:string; |
|||
orgid:string; |
|||
planversionkey:string; |
|||
state:number; |
|||
targetid:string; |
|||
} |
|||
export interface del_scheme_target_cont{ |
|||
orgid:string; |
|||
planversionkey:string; |
|||
targetid:string; |
|||
} |
|||
|
|||
export interface look_scheme_bylaws{ |
|||
id:string; |
|||
level:number; |
|||
orgid:string; |
|||
posid:string; |
|||
type:number; |
|||
} |
|||
export interface create_scheme_for_deparment{ |
|||
child:Array<any>; |
|||
orgid:string; |
|||
year:string; |
|||
} |
|||
export interface new_del_target{ |
|||
id:string; |
|||
istrue:number; |
|||
state:number; |
|||
} |
|||
export interface set_posttarget_state{ |
|||
id:string; |
|||
istrue:number; |
|||
state:number; |
|||
} |
|||
@ -0,0 +1,68 @@ |
|||
export interface get_approval_record{ |
|||
page : number; |
|||
pagesize:number; |
|||
state:number; |
|||
nameornumber:string; |
|||
title: string; |
|||
orgid: string; |
|||
years: number; |
|||
month: number; |
|||
} |
|||
export interface create_scheme_for{ |
|||
group?: string; |
|||
parentid?: string; |
|||
child?:Array<any>; |
|||
year?: string; |
|||
orgid:string; |
|||
} |
|||
|
|||
export interface ge_copy_scheme{ |
|||
id:string; |
|||
} |
|||
export interface get_runman_scheme{ |
|||
id:string; |
|||
level:number; |
|||
orgid:string; |
|||
posid:string; |
|||
type:number; |
|||
} |
|||
export interface get_org_everyone{ |
|||
id:string; |
|||
all:number; |
|||
} |
|||
export interface edit_scheme_target{ |
|||
Operator:Array<any>; |
|||
content:string; |
|||
orgid:string; |
|||
planversionkey:string; |
|||
state:Number; |
|||
targetid:string; |
|||
} |
|||
export interface del_scheme_target_cont{ |
|||
orgid:string; |
|||
planversionkey:string; |
|||
targetid:string; |
|||
} |
|||
|
|||
export interface look_scheme_bylaws{ |
|||
id:string; |
|||
level:number; |
|||
orgid:string; |
|||
posid:string; |
|||
type:number; |
|||
} |
|||
export interface create_scheme_for_deparment{ |
|||
child:Array<any>; |
|||
orgid:string; |
|||
year:string; |
|||
} |
|||
export interface new_del_target{ |
|||
id:string; |
|||
istrue:number; |
|||
state:number; |
|||
} |
|||
export interface set_posttarget_state{ |
|||
id:string; |
|||
istrue:number; |
|||
state:number; |
|||
} |
|||
@ -1,14 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-28 11:40:56 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
|
|||
</script> |
|||
<template> |
|||
<div></div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
|
|||
</style> |
|||
@ -1,14 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-28 11:40:56 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
|
|||
</script> |
|||
<template> |
|||
<div>casac</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
|
|||
</style> |
|||
@ -1,324 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="danger" @click="handleBatchDelete">批量删除</el-button> |
|||
<el-button class="new_btn" type="primary" @click="handleNew" |
|||
>新增</el-button |
|||
> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
<el-select v-model="form.region" placeholder="请选分厂"> |
|||
<el-option label="请选分厂" value="0"></el-option> |
|||
<el-option label="甲醇分厂" value="1"></el-option> |
|||
<el-option label="化产分厂" value="2"></el-option> |
|||
<el-option label="动力分厂" value="3"></el-option> |
|||
<el-option label="机焦车间" value="4"></el-option> |
|||
<el-option label="质检中心" value="5"></el-option> |
|||
<el-option label="安环部" value="6"></el-option> |
|||
<el-option label="备煤车间" value="7"></el-option> |
|||
<el-option label="保卫部" value="8"></el-option> |
|||
<el-option label="企管部" value="9"></el-option> |
|||
<el-option label="高管" value="10"></el-option> |
|||
<el-option label="综合办" value="11"></el-option> |
|||
<el-option label="人力资源部" value="12"></el-option> |
|||
<el-option label="财务部" value="13"></el-option> |
|||
<el-option label="营销部" value="14"></el-option> |
|||
<el-option label="生产部" value="15"></el-option> |
|||
<el-option label="仓储中心" value="16"></el-option> |
|||
<el-option label="物流中心" value="17"></el-option> |
|||
<el-option label="办公室" value="18"></el-option> |
|||
<el-option label="审计监察部" value="19"></el-option> |
|||
<el-option label="法律事务部" value="20"></el-option> |
|||
<el-option label="财务部" value="21"></el-option> |
|||
<el-option label="供应部" value="22"></el-option> |
|||
<el-option label="销售部" value="23"></el-option> |
|||
<el-option label="生产计划部" value="24"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label=""> |
|||
<el-select v-model="form.section" placeholder="请选工段"> </el-select> |
|||
</el-form-item> |
|||
<el-form-item label=""> |
|||
<el-select v-model="form.position" placeholder="请选职务"> </el-select> |
|||
</el-form-item> |
|||
<el-form-item label=""> |
|||
<el-select v-model="form.column" placeholder="请选栏目"> |
|||
<el-option label="请选栏目" value="0"></el-option> |
|||
<el-option label="流程制度" value="1"></el-option> |
|||
<el-option label="工艺技术" value="2"></el-option> |
|||
<el-option label="设备管理" value="3"></el-option> |
|||
<el-option label="仪控仪表" value="4"></el-option> |
|||
<el-option label="机电维修" value="5"></el-option> |
|||
<el-option label="安全生产" value="6"></el-option> |
|||
<el-option label="质量管理" value="7"></el-option> |
|||
<el-option label="财务管理" value="8"></el-option> |
|||
<el-option label="人力资源" value="9"></el-option> |
|||
<el-option label="仓储物流" value="10"></el-option> |
|||
<el-option label="营销采购" value="11"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="studentInfo.name" |
|||
style="width: 170px" |
|||
placeholder="请输入题目" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@save="handleSave" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // Import Axios library |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "办公区域6S及办公用品检查通报",//文章标题 |
|||
sex: "其他",//所属栏目 |
|||
age: "公开",//可见范围 |
|||
num: "阅读量:195 评论数:0 收藏数:0点赞数:1 踩:1 综合评分:0",//访问数据 |
|||
iop: "1",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
dialogVis: "", |
|||
dialogImageUrl: "", |
|||
imageUrl:"", |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "山东恒信高科能源有限公司--管理手册", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: "阅读量:14 评论数:0 收藏数:0点赞数:2 踩:0 综合评分:0", |
|||
iop: "2", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
dialogVis: "", |
|||
dialogImageUrl: "", |
|||
imageUrl:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
dialogVis: "", |
|||
dialogImageUrl: "", |
|||
imageUrl:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
// 这里你可以根据需要进行其他操作,比如更新其他数据 |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,322 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="danger" @click="handleBatchDelete">批量删除</el-button> |
|||
<el-button class="new_btn" type="primary" @click="handleNew" |
|||
>新增</el-button |
|||
> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
<el-select v-model="form.region" placeholder="请选分厂"> |
|||
<el-option label="请选分厂" value="0"></el-option> |
|||
<el-option label="甲醇分厂" value="1"></el-option> |
|||
<el-option label="化产分厂" value="2"></el-option> |
|||
<el-option label="动力分厂" value="3"></el-option> |
|||
<el-option label="机焦车间" value="4"></el-option> |
|||
<el-option label="质检中心" value="5"></el-option> |
|||
<el-option label="安环部" value="6"></el-option> |
|||
<el-option label="备煤车间" value="7"></el-option> |
|||
<el-option label="保卫部" value="8"></el-option> |
|||
<el-option label="企管部" value="9"></el-option> |
|||
<el-option label="高管" value="10"></el-option> |
|||
<el-option label="综合办" value="11"></el-option> |
|||
<el-option label="人力资源部" value="12"></el-option> |
|||
<el-option label="财务部" value="13"></el-option> |
|||
<el-option label="营销部" value="14"></el-option> |
|||
<el-option label="生产部" value="15"></el-option> |
|||
<el-option label="仓储中心" value="16"></el-option> |
|||
<el-option label="物流中心" value="17"></el-option> |
|||
<el-option label="办公室" value="18"></el-option> |
|||
<el-option label="审计监察部" value="19"></el-option> |
|||
<el-option label="法律事务部" value="20"></el-option> |
|||
<el-option label="财务部" value="21"></el-option> |
|||
<el-option label="供应部" value="22"></el-option> |
|||
<el-option label="销售部" value="23"></el-option> |
|||
<el-option label="生产计划部" value="24"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label=""> |
|||
<el-select v-model="form.section" placeholder="请选工段"> </el-select> |
|||
</el-form-item> |
|||
<el-form-item label=""> |
|||
<el-select v-model="form.position" placeholder="请选职务"> </el-select> |
|||
</el-form-item> |
|||
<el-form-item label=""> |
|||
<el-select v-model="form.column" placeholder="请选栏目"> |
|||
<el-option label="请选栏目" value="0"></el-option> |
|||
<el-option label="流程制度" value="1"></el-option> |
|||
<el-option label="工艺技术" value="2"></el-option> |
|||
<el-option label="设备管理" value="3"></el-option> |
|||
<el-option label="仪控仪表" value="4"></el-option> |
|||
<el-option label="机电维修" value="5"></el-option> |
|||
<el-option label="安全生产" value="6"></el-option> |
|||
<el-option label="质量管理" value="7"></el-option> |
|||
<el-option label="财务管理" value="8"></el-option> |
|||
<el-option label="人力资源" value="9"></el-option> |
|||
<el-option label="仓储物流" value="10"></el-option> |
|||
<el-option label="营销采购" value="11"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="studentInfo.name" |
|||
style="width: 170px" |
|||
placeholder="请输入题目" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@save="handleSave" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // Import Axios library |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "办公区域6S及办公用品检查通报",//文章标题 |
|||
sex: "其他",//所属栏目 |
|||
age: "公开",//可见范围 |
|||
num: "阅读量:195 评论数:0 收藏数:0点赞数:1 踩:1 综合评分:0",//访问数据 |
|||
iop: "1",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
dialogVis: "", |
|||
dialogImageUrl: "", |
|||
imageUrl:"", |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "山东恒信高科能源有限公司--管理手册", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: "阅读量:14 评论数:0 收藏数:0点赞数:2 踩:0 综合评分:0", |
|||
iop: "2", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
dialogVis: "", |
|||
dialogImageUrl: "", |
|||
imageUrl:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
dialogVis: "", |
|||
dialogImageUrl: "", |
|||
imageUrl:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
// 这里你可以根据需要进行其他操作,比如更新其他数据 |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,324 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="danger" @click="handleBatchDelete">批量删除</el-button> |
|||
<el-button class="new_btn" type="primary" @click="handleNew" |
|||
>新增</el-button |
|||
> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
<el-select v-model="form.region" placeholder="请选分厂"> |
|||
<el-option label="请选分厂" value="0"></el-option> |
|||
<el-option label="甲醇分厂" value="1"></el-option> |
|||
<el-option label="化产分厂" value="2"></el-option> |
|||
<el-option label="动力分厂" value="3"></el-option> |
|||
<el-option label="机焦车间" value="4"></el-option> |
|||
<el-option label="质检中心" value="5"></el-option> |
|||
<el-option label="安环部" value="6"></el-option> |
|||
<el-option label="备煤车间" value="7"></el-option> |
|||
<el-option label="保卫部" value="8"></el-option> |
|||
<el-option label="企管部" value="9"></el-option> |
|||
<el-option label="高管" value="10"></el-option> |
|||
<el-option label="综合办" value="11"></el-option> |
|||
<el-option label="人力资源部" value="12"></el-option> |
|||
<el-option label="财务部" value="13"></el-option> |
|||
<el-option label="营销部" value="14"></el-option> |
|||
<el-option label="生产部" value="15"></el-option> |
|||
<el-option label="仓储中心" value="16"></el-option> |
|||
<el-option label="物流中心" value="17"></el-option> |
|||
<el-option label="办公室" value="18"></el-option> |
|||
<el-option label="审计监察部" value="19"></el-option> |
|||
<el-option label="法律事务部" value="20"></el-option> |
|||
<el-option label="财务部" value="21"></el-option> |
|||
<el-option label="供应部" value="22"></el-option> |
|||
<el-option label="销售部" value="23"></el-option> |
|||
<el-option label="生产计划部" value="24"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label=""> |
|||
<el-select v-model="form.section" placeholder="请选工段"> </el-select> |
|||
</el-form-item> |
|||
<el-form-item label=""> |
|||
<el-select v-model="form.position" placeholder="请选职务"> </el-select> |
|||
</el-form-item> |
|||
<el-form-item label=""> |
|||
<el-select v-model="form.column" placeholder="请选栏目"> |
|||
<el-option label="请选栏目" value="0"></el-option> |
|||
<el-option label="流程制度" value="1"></el-option> |
|||
<el-option label="工艺技术" value="2"></el-option> |
|||
<el-option label="设备管理" value="3"></el-option> |
|||
<el-option label="仪控仪表" value="4"></el-option> |
|||
<el-option label="机电维修" value="5"></el-option> |
|||
<el-option label="安全生产" value="6"></el-option> |
|||
<el-option label="质量管理" value="7"></el-option> |
|||
<el-option label="财务管理" value="8"></el-option> |
|||
<el-option label="人力资源" value="9"></el-option> |
|||
<el-option label="仓储物流" value="10"></el-option> |
|||
<el-option label="营销采购" value="11"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="studentInfo.name" |
|||
style="width: 170px" |
|||
placeholder="请输入题目" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@save="handleSave" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // Import Axios library |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "办公区域6S及办公用品检查通报",//文章标题 |
|||
sex: "其他",//所属栏目 |
|||
age: "公开",//可见范围 |
|||
num: "阅读量:195 评论数:0 收藏数:0点赞数:1 踩:1 综合评分:0",//访问数据 |
|||
iop: "1",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
dialogVis: "", |
|||
dialogImageUrl: "", |
|||
imageUrl:"", |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "山东恒信高科能源有限公司--管理手册", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: "阅读量:14 评论数:0 收藏数:0点赞数:2 踩:0 综合评分:0", |
|||
iop: "2", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
dialogVis: "", |
|||
dialogImageUrl: "", |
|||
imageUrl:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
dialogVis: "", |
|||
dialogImageUrl: "", |
|||
imageUrl:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
// 这里你可以根据需要进行其他操作,比如更新其他数据 |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,324 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="danger" @click="handleBatchDelete">批量删除</el-button> |
|||
<el-button class="new_btn" type="primary" @click="handleNew" |
|||
>新增</el-button |
|||
> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
<el-select v-model="form.region" placeholder="请选分厂"> |
|||
<el-option label="请选分厂" value="0"></el-option> |
|||
<el-option label="甲醇分厂" value="1"></el-option> |
|||
<el-option label="化产分厂" value="2"></el-option> |
|||
<el-option label="动力分厂" value="3"></el-option> |
|||
<el-option label="机焦车间" value="4"></el-option> |
|||
<el-option label="质检中心" value="5"></el-option> |
|||
<el-option label="安环部" value="6"></el-option> |
|||
<el-option label="备煤车间" value="7"></el-option> |
|||
<el-option label="保卫部" value="8"></el-option> |
|||
<el-option label="企管部" value="9"></el-option> |
|||
<el-option label="高管" value="10"></el-option> |
|||
<el-option label="综合办" value="11"></el-option> |
|||
<el-option label="人力资源部" value="12"></el-option> |
|||
<el-option label="财务部" value="13"></el-option> |
|||
<el-option label="营销部" value="14"></el-option> |
|||
<el-option label="生产部" value="15"></el-option> |
|||
<el-option label="仓储中心" value="16"></el-option> |
|||
<el-option label="物流中心" value="17"></el-option> |
|||
<el-option label="办公室" value="18"></el-option> |
|||
<el-option label="审计监察部" value="19"></el-option> |
|||
<el-option label="法律事务部" value="20"></el-option> |
|||
<el-option label="财务部" value="21"></el-option> |
|||
<el-option label="供应部" value="22"></el-option> |
|||
<el-option label="销售部" value="23"></el-option> |
|||
<el-option label="生产计划部" value="24"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label=""> |
|||
<el-select v-model="form.section" placeholder="请选工段"> </el-select> |
|||
</el-form-item> |
|||
<el-form-item label=""> |
|||
<el-select v-model="form.position" placeholder="请选职务"> </el-select> |
|||
</el-form-item> |
|||
<el-form-item label=""> |
|||
<el-select v-model="form.column" placeholder="请选栏目"> |
|||
<el-option label="请选栏目" value="0"></el-option> |
|||
<el-option label="流程制度" value="1"></el-option> |
|||
<el-option label="工艺技术" value="2"></el-option> |
|||
<el-option label="设备管理" value="3"></el-option> |
|||
<el-option label="仪控仪表" value="4"></el-option> |
|||
<el-option label="机电维修" value="5"></el-option> |
|||
<el-option label="安全生产" value="6"></el-option> |
|||
<el-option label="质量管理" value="7"></el-option> |
|||
<el-option label="财务管理" value="8"></el-option> |
|||
<el-option label="人力资源" value="9"></el-option> |
|||
<el-option label="仓储物流" value="10"></el-option> |
|||
<el-option label="营销采购" value="11"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="studentInfo.name" |
|||
style="width: 170px" |
|||
placeholder="请输入题目" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-tablea |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@save="handleSave" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // Import Axios library |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "办公区域6S及办公用品检查通报",//文章标题 |
|||
sex: "其他",//所属栏目 |
|||
age: "公开",//可见范围 |
|||
num: "阅读量:195 评论数:0 收藏数:0点赞数:1 踩:1 综合评分:0",//访问数据 |
|||
iop: "1",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
dialogVis: "", |
|||
dialogImageUrl: "", |
|||
imageUrl:"", |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "山东恒信高科能源有限公司--管理手册", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: "阅读量:14 评论数:0 收藏数:0点赞数:2 踩:0 综合评分:0", |
|||
iop: "2", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
dialogVis: "", |
|||
dialogImageUrl: "", |
|||
imageUrl:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
dialogVis: "", |
|||
dialogImageUrl: "", |
|||
imageUrl:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
// 这里你可以根据需要进行其他操作,比如更新其他数据 |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,324 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="danger" @click="handleBatchDelete">批量删除</el-button> |
|||
<el-button class="new_btn" type="primary" @click="handleNew" |
|||
>新增</el-button |
|||
> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
<el-select v-model="form.region" placeholder="请选分厂"> |
|||
<el-option label="请选分厂" value="0"></el-option> |
|||
<el-option label="甲醇分厂" value="1"></el-option> |
|||
<el-option label="化产分厂" value="2"></el-option> |
|||
<el-option label="动力分厂" value="3"></el-option> |
|||
<el-option label="机焦车间" value="4"></el-option> |
|||
<el-option label="质检中心" value="5"></el-option> |
|||
<el-option label="安环部" value="6"></el-option> |
|||
<el-option label="备煤车间" value="7"></el-option> |
|||
<el-option label="保卫部" value="8"></el-option> |
|||
<el-option label="企管部" value="9"></el-option> |
|||
<el-option label="高管" value="10"></el-option> |
|||
<el-option label="综合办" value="11"></el-option> |
|||
<el-option label="人力资源部" value="12"></el-option> |
|||
<el-option label="财务部" value="13"></el-option> |
|||
<el-option label="营销部" value="14"></el-option> |
|||
<el-option label="生产部" value="15"></el-option> |
|||
<el-option label="仓储中心" value="16"></el-option> |
|||
<el-option label="物流中心" value="17"></el-option> |
|||
<el-option label="办公室" value="18"></el-option> |
|||
<el-option label="审计监察部" value="19"></el-option> |
|||
<el-option label="法律事务部" value="20"></el-option> |
|||
<el-option label="财务部" value="21"></el-option> |
|||
<el-option label="供应部" value="22"></el-option> |
|||
<el-option label="销售部" value="23"></el-option> |
|||
<el-option label="生产计划部" value="24"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label=""> |
|||
<el-select v-model="form.section" placeholder="请选工段"> </el-select> |
|||
</el-form-item> |
|||
<el-form-item label=""> |
|||
<el-select v-model="form.position" placeholder="请选职务"> </el-select> |
|||
</el-form-item> |
|||
<el-form-item label=""> |
|||
<el-select v-model="form.column" placeholder="请选栏目"> |
|||
<el-option label="请选栏目" value="0"></el-option> |
|||
<el-option label="流程制度" value="1"></el-option> |
|||
<el-option label="工艺技术" value="2"></el-option> |
|||
<el-option label="设备管理" value="3"></el-option> |
|||
<el-option label="仪控仪表" value="4"></el-option> |
|||
<el-option label="机电维修" value="5"></el-option> |
|||
<el-option label="安全生产" value="6"></el-option> |
|||
<el-option label="质量管理" value="7"></el-option> |
|||
<el-option label="财务管理" value="8"></el-option> |
|||
<el-option label="人力资源" value="9"></el-option> |
|||
<el-option label="仓储物流" value="10"></el-option> |
|||
<el-option label="营销采购" value="11"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="studentInfo.name" |
|||
style="width: 170px" |
|||
placeholder="请输入题目" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="类型" width="60"/> |
|||
<el-table-column prop="sex" label="文章标题" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@save="handleSave" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // Import Axios library |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "",//访问数据 |
|||
iop: "",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
dialogVis: "", |
|||
dialogImageUrl: "", |
|||
imageUrl:"", |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
dialogVis: "", |
|||
dialogImageUrl: "", |
|||
imageUrl:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
dialogVis: "", |
|||
dialogImageUrl: "", |
|||
imageUrl:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
// 这里你可以根据需要进行其他操作,比如更新其他数据 |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,14 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-28 11:40:56 |
|||
@ 备注: |
|||
--> |
|||
<script lang='ts' setup> |
|||
|
|||
</script> |
|||
<template> |
|||
<div>casac</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
|
|||
</style> |
|||
@ -1,328 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="danger" @click="handleBatchDelete">批量删除</el-button> |
|||
<el-button class="new_btn" type="primary" @click="handleNew" |
|||
>新增</el-button |
|||
> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
<el-select v-model="form.region" placeholder="请选分厂"> |
|||
<el-option label="请选分厂" value="0"></el-option> |
|||
<el-option label="甲醇分厂" value="1"></el-option> |
|||
<el-option label="化产分厂" value="2"></el-option> |
|||
<el-option label="动力分厂" value="3"></el-option> |
|||
<el-option label="机焦车间" value="4"></el-option> |
|||
<el-option label="质检中心" value="5"></el-option> |
|||
<el-option label="安环部" value="6"></el-option> |
|||
<el-option label="备煤车间" value="7"></el-option> |
|||
<el-option label="保卫部" value="8"></el-option> |
|||
<el-option label="企管部" value="9"></el-option> |
|||
<el-option label="高管" value="10"></el-option> |
|||
<el-option label="综合办" value="11"></el-option> |
|||
<el-option label="人力资源部" value="12"></el-option> |
|||
<el-option label="财务部" value="13"></el-option> |
|||
<el-option label="营销部" value="14"></el-option> |
|||
<el-option label="生产部" value="15"></el-option> |
|||
<el-option label="仓储中心" value="16"></el-option> |
|||
<el-option label="物流中心" value="17"></el-option> |
|||
<el-option label="办公室" value="18"></el-option> |
|||
<el-option label="审计监察部" value="19"></el-option> |
|||
<el-option label="法律事务部" value="20"></el-option> |
|||
<el-option label="财务部" value="21"></el-option> |
|||
<el-option label="供应部" value="22"></el-option> |
|||
<el-option label="销售部" value="23"></el-option> |
|||
<el-option label="生产计划部" value="24"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label=""> |
|||
<el-select v-model="form.section" placeholder="请选工段"> </el-select> |
|||
</el-form-item> |
|||
<el-form-item label=""> |
|||
<el-select v-model="form.position" placeholder="请选职务"> </el-select> |
|||
</el-form-item> |
|||
<el-form-item label=""> |
|||
<el-select v-model="form.column" placeholder="请选栏目"> |
|||
<el-option label="请选栏目" value="0"></el-option> |
|||
<el-option label="流程制度" value="1"></el-option> |
|||
<el-option label="工艺技术" value="2"></el-option> |
|||
<el-option label="设备管理" value="3"></el-option> |
|||
<el-option label="仪控仪表" value="4"></el-option> |
|||
<el-option label="机电维修" value="5"></el-option> |
|||
<el-option label="安全生产" value="6"></el-option> |
|||
<el-option label="质量管理" value="7"></el-option> |
|||
<el-option label="财务管理" value="8"></el-option> |
|||
<el-option label="人力资源" value="9"></el-option> |
|||
<el-option label="仓储物流" value="10"></el-option> |
|||
<el-option label="营销采购" value="11"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="请输入题目" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "办公区域6S及办公用品检查通报",//文章标题 |
|||
sex: "其他",//所属栏目 |
|||
age: "公开",//可见范围 |
|||
num: "阅读量:195 评论数:0 收藏数:0点赞数:1 踩:1 综合评分:0",//访问数据 |
|||
iop: "1",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "山东恒信高科能源有限公司--管理手册", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: "阅读量:14 评论数:0 收藏数:0点赞数:2 踩:0 综合评分:0", |
|||
iop: "2", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,279 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="danger" @click="handleBatchDelete">批量删除</el-button> |
|||
<el-button class="new_btn" type="primary" @click="handleNew" |
|||
>新增</el-button |
|||
> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
|
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="请输入题目" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "办公区域6S及办公用品检查通报",//文章标题 |
|||
sex: "其他",//所属栏目 |
|||
age: "公开",//可见范围 |
|||
num: "阅读量:195 评论数:0 收藏数:0点赞数:1 踩:1 综合评分:0",//访问数据 |
|||
iop: "1",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "山东恒信高科能源有限公司--管理手册", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: "阅读量:14 评论数:0 收藏数:0点赞数:2 踩:0 综合评分:0", |
|||
iop: "2", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,278 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="danger" @click="handleBatchDelete">批量删除</el-button> |
|||
<el-button class="new_btn" type="primary" @click="handleNew" |
|||
>新增</el-button |
|||
> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="请输入题目" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "办公区域6S及办公用品检查通报",//文章标题 |
|||
sex: "其他",//所属栏目 |
|||
age: "公开",//可见范围 |
|||
num: "阅读量:195 评论数:0 收藏数:0点赞数:1 踩:1 综合评分:0",//访问数据 |
|||
iop: "1",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "山东恒信高科能源有限公司--管理手册", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: "阅读量:14 评论数:0 收藏数:0点赞数:2 踩:0 综合评分:0", |
|||
iop: "2", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,328 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="danger" @click="handleBatchDelete">批量删除</el-button> |
|||
<el-button class="new_btn" type="primary" @click="handleNew" |
|||
>新增</el-button |
|||
> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
<el-select v-model="form.region" placeholder="请选分厂"> |
|||
<el-option label="请选分厂" value="0"></el-option> |
|||
<el-option label="甲醇分厂" value="1"></el-option> |
|||
<el-option label="化产分厂" value="2"></el-option> |
|||
<el-option label="动力分厂" value="3"></el-option> |
|||
<el-option label="机焦车间" value="4"></el-option> |
|||
<el-option label="质检中心" value="5"></el-option> |
|||
<el-option label="安环部" value="6"></el-option> |
|||
<el-option label="备煤车间" value="7"></el-option> |
|||
<el-option label="保卫部" value="8"></el-option> |
|||
<el-option label="企管部" value="9"></el-option> |
|||
<el-option label="高管" value="10"></el-option> |
|||
<el-option label="综合办" value="11"></el-option> |
|||
<el-option label="人力资源部" value="12"></el-option> |
|||
<el-option label="财务部" value="13"></el-option> |
|||
<el-option label="营销部" value="14"></el-option> |
|||
<el-option label="生产部" value="15"></el-option> |
|||
<el-option label="仓储中心" value="16"></el-option> |
|||
<el-option label="物流中心" value="17"></el-option> |
|||
<el-option label="办公室" value="18"></el-option> |
|||
<el-option label="审计监察部" value="19"></el-option> |
|||
<el-option label="法律事务部" value="20"></el-option> |
|||
<el-option label="财务部" value="21"></el-option> |
|||
<el-option label="供应部" value="22"></el-option> |
|||
<el-option label="销售部" value="23"></el-option> |
|||
<el-option label="生产计划部" value="24"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label=""> |
|||
<el-select v-model="form.section" placeholder="请选工段"> </el-select> |
|||
</el-form-item> |
|||
<el-form-item label=""> |
|||
<el-select v-model="form.position" placeholder="请选职务"> </el-select> |
|||
</el-form-item> |
|||
<el-form-item label=""> |
|||
<el-select v-model="form.column" placeholder="请选栏目"> |
|||
<el-option label="请选栏目" value="0"></el-option> |
|||
<el-option label="流程制度" value="1"></el-option> |
|||
<el-option label="工艺技术" value="2"></el-option> |
|||
<el-option label="设备管理" value="3"></el-option> |
|||
<el-option label="仪控仪表" value="4"></el-option> |
|||
<el-option label="机电维修" value="5"></el-option> |
|||
<el-option label="安全生产" value="6"></el-option> |
|||
<el-option label="质量管理" value="7"></el-option> |
|||
<el-option label="财务管理" value="8"></el-option> |
|||
<el-option label="人力资源" value="9"></el-option> |
|||
<el-option label="仓储物流" value="10"></el-option> |
|||
<el-option label="营销采购" value="11"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="请输入题目" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "办公区域6S及办公用品检查通报",//文章标题 |
|||
sex: "其他",//所属栏目 |
|||
age: "公开",//可见范围 |
|||
num: "阅读量:195 评论数:0 收藏数:0点赞数:1 踩:1 综合评分:0",//访问数据 |
|||
iop: "1",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "山东恒信高科能源有限公司--管理手册", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: "阅读量:14 评论数:0 收藏数:0点赞数:2 踩:0 综合评分:0", |
|||
iop: "2", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,324 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
<el-select v-model="form.region" placeholder="请选分厂"> |
|||
<el-option label="请选分厂" value="0"></el-option> |
|||
<el-option label="甲醇分厂" value="1"></el-option> |
|||
<el-option label="化产分厂" value="2"></el-option> |
|||
<el-option label="动力分厂" value="3"></el-option> |
|||
<el-option label="机焦车间" value="4"></el-option> |
|||
<el-option label="质检中心" value="5"></el-option> |
|||
<el-option label="安环部" value="6"></el-option> |
|||
<el-option label="备煤车间" value="7"></el-option> |
|||
<el-option label="保卫部" value="8"></el-option> |
|||
<el-option label="企管部" value="9"></el-option> |
|||
<el-option label="高管" value="10"></el-option> |
|||
<el-option label="综合办" value="11"></el-option> |
|||
<el-option label="人力资源部" value="12"></el-option> |
|||
<el-option label="财务部" value="13"></el-option> |
|||
<el-option label="营销部" value="14"></el-option> |
|||
<el-option label="生产部" value="15"></el-option> |
|||
<el-option label="仓储中心" value="16"></el-option> |
|||
<el-option label="物流中心" value="17"></el-option> |
|||
<el-option label="办公室" value="18"></el-option> |
|||
<el-option label="审计监察部" value="19"></el-option> |
|||
<el-option label="法律事务部" value="20"></el-option> |
|||
<el-option label="财务部" value="21"></el-option> |
|||
<el-option label="供应部" value="22"></el-option> |
|||
<el-option label="销售部" value="23"></el-option> |
|||
<el-option label="生产计划部" value="24"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label=""> |
|||
<el-select v-model="form.section" placeholder="请选工段"> </el-select> |
|||
</el-form-item> |
|||
<el-form-item label=""> |
|||
<el-select v-model="form.position" placeholder="请选职务"> </el-select> |
|||
</el-form-item> |
|||
<el-form-item label=""> |
|||
<el-select v-model="form.column" placeholder="请选栏目"> |
|||
<el-option label="请选栏目" value="0"></el-option> |
|||
<el-option label="流程制度" value="1"></el-option> |
|||
<el-option label="工艺技术" value="2"></el-option> |
|||
<el-option label="设备管理" value="3"></el-option> |
|||
<el-option label="仪控仪表" value="4"></el-option> |
|||
<el-option label="机电维修" value="5"></el-option> |
|||
<el-option label="安全生产" value="6"></el-option> |
|||
<el-option label="质量管理" value="7"></el-option> |
|||
<el-option label="财务管理" value="8"></el-option> |
|||
<el-option label="人力资源" value="9"></el-option> |
|||
<el-option label="仓储物流" value="10"></el-option> |
|||
<el-option label="营销采购" value="11"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="请输入题目" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "办公区域6S及办公用品检查通报",//文章标题 |
|||
sex: "其他",//所属栏目 |
|||
age: "公开",//可见范围 |
|||
num: "阅读量:195 评论数:0 收藏数:0点赞数:1 踩:1 综合评分:0",//访问数据 |
|||
iop: "1",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "山东恒信高科能源有限公司--管理手册", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: "阅读量:14 评论数:0 收藏数:0点赞数:2 踩:0 综合评分:0", |
|||
iop: "2", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,276 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
|
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="请输入题目" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "办公区域6S及办公用品检查通报",//文章标题 |
|||
sex: "其他",//所属栏目 |
|||
age: "公开",//可见范围 |
|||
num: "阅读量:195 评论数:0 收藏数:0点赞数:1 踩:1 综合评分:0",//访问数据 |
|||
iop: "1",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "山东恒信高科能源有限公司--管理手册", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: "阅读量:14 评论数:0 收藏数:0点赞数:2 踩:0 综合评分:0", |
|||
iop: "2", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,275 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="请输入题目" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "办公区域6S及办公用品检查通报",//文章标题 |
|||
sex: "其他",//所属栏目 |
|||
age: "公开",//可见范围 |
|||
num: "阅读量:195 评论数:0 收藏数:0点赞数:1 踩:1 综合评分:0",//访问数据 |
|||
iop: "1",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "山东恒信高科能源有限公司--管理手册", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: "阅读量:14 评论数:0 收藏数:0点赞数:2 踩:0 综合评分:0", |
|||
iop: "2", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,275 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="请输入题目" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "办公区域6S及办公用品检查通报",//文章标题 |
|||
sex: "其他",//所属栏目 |
|||
age: "公开",//可见范围 |
|||
num: "阅读量:195 评论数:0 收藏数:0点赞数:1 踩:1 综合评分:0",//访问数据 |
|||
iop: "1",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "山东恒信高科能源有限公司--管理手册", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: "阅读量:14 评论数:0 收藏数:0点赞数:2 踩:0 综合评分:0", |
|||
iop: "2", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,275 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="请输入题目" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "办公区域6S及办公用品检查通报",//文章标题 |
|||
sex: "其他",//所属栏目 |
|||
age: "公开",//可见范围 |
|||
num: "阅读量:195 评论数:0 收藏数:0点赞数:1 踩:1 综合评分:0",//访问数据 |
|||
iop: "1",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "山东恒信高科能源有限公司--管理手册", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: "阅读量:14 评论数:0 收藏数:0点赞数:2 踩:0 综合评分:0", |
|||
iop: "2", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,275 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "办公区域6S及办公用品检查通报",//文章标题 |
|||
sex: "其他",//所属栏目 |
|||
age: "公开",//可见范围 |
|||
num: "阅读量:195 评论数:0 收藏数:0点赞数:1 踩:1 综合评分:0",//访问数据 |
|||
iop: "1",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "山东恒信高科能源有限公司--管理手册", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: "阅读量:14 评论数:0 收藏数:0点赞数:2 踩:0 综合评分:0", |
|||
iop: "2", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,275 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "其他",//所属栏目 |
|||
age: "公开",//可见范围 |
|||
num: "阅读量:195 评论数:0 收藏数:0点赞数:1 踩:1 综合评分:0",//访问数据 |
|||
iop: "1",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "山东恒信高科能源有限公司--管理手册", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: "阅读量:14 评论数:0 收藏数:0点赞数:2 踩:0 综合评分:0", |
|||
iop: "2", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,275 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "阅读量:195 评论数:0 收藏数:0点赞数:1 踩:1 综合评分:0",//访问数据 |
|||
iop: "1",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "山东恒信高科能源有限公司--管理手册", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: "阅读量:14 评论数:0 收藏数:0点赞数:2 踩:0 综合评分:0", |
|||
iop: "2", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,275 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "",//访问数据 |
|||
iop: "1",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "山东恒信高科能源有限公司--管理手册", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: "阅读量:14 评论数:0 收藏数:0点赞数:2 踩:0 综合评分:0", |
|||
iop: "2", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,275 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "",//访问数据 |
|||
iop: "",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "山东恒信高科能源有限公司--管理手册", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: "阅读量:14 评论数:0 收藏数:0点赞数:2 踩:0 综合评分:0", |
|||
iop: "2", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,275 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "",//访问数据 |
|||
iop: "",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "山东恒信高科能源有限公司--管理手册", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: "阅读量:14 评论数:0 收藏数:0点赞数:2 踩:0 综合评分:0", |
|||
iop: "2", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,275 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "",//访问数据 |
|||
iop: "",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: "阅读量:14 评论数:0 收藏数:0点赞数:2 踩:0 综合评分:0", |
|||
iop: "2", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,275 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "",//访问数据 |
|||
iop: "",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "", |
|||
sex: "", |
|||
age: "公开", |
|||
num: "阅读量:14 评论数:0 收藏数:0点赞数:2 踩:0 综合评分:0", |
|||
iop: "2", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,275 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "",//访问数据 |
|||
iop: "",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "阅读量:14 评论数:0 收藏数:0点赞数:2 踩:0 综合评分:0", |
|||
iop: "2", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,275 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "",//访问数据 |
|||
iop: "",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "2", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,275 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "",//访问数据 |
|||
iop: "",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "2", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,275 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "",//访问数据 |
|||
iop: "",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,275 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "",//访问数据 |
|||
iop: "",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "山东恒信高科能源有限公司--程序文件汇编", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,275 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "",//访问数据 |
|||
iop: "",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "", |
|||
sex: "流程制度", |
|||
age: "公开", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,275 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "",//访问数据 |
|||
iop: "",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: " 阅读量:0 评论数:0 收藏数:0点赞数:3 踩:0 综合评分:0", |
|||
iop: "1", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,275 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="文章标题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "",//访问数据 |
|||
iop: "",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,275 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="问题" /> |
|||
<el-table-column prop="sex" label="所属栏目" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "",//访问数据 |
|||
iop: "",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,275 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="问题" /> |
|||
<el-table-column prop="sex" label="提问人" /> |
|||
<el-table-column prop="age" label="可见范围" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "",//访问数据 |
|||
iop: "",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,275 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="问题" /> |
|||
<el-table-column prop="sex" label="提问人" /> |
|||
<el-table-column prop="age" label="阅读量" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "",//访问数据 |
|||
iop: "",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,276 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="问题" /> |
|||
<el-table-column prop="sex" label="提问人" /> |
|||
<el-table-column prop="age" label="阅读量" /> |
|||
|
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "",//访问数据 |
|||
iop: "",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,276 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="问题" /> |
|||
<el-table-column prop="sex" label="提问人" /> |
|||
<el-table-column prop="age" label="阅读量" /> |
|||
|
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "",//访问数据 |
|||
iop: "",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,277 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="问题" /> |
|||
<el-table-column prop="sex" label="提问人" /> |
|||
<el-table-column prop="age" label="阅读量" /> |
|||
<el-table-column prop="age" label="阅读量" /> |
|||
|
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "",//访问数据 |
|||
iop: "",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,277 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="问题" /> |
|||
<el-table-column prop="sex" label="提问人" /> |
|||
<el-table-column prop="age" label="阅读量" /> |
|||
<el-table-column prop="abe" label="阅读量" /> |
|||
|
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "",//访问数据 |
|||
iop: "",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,278 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="问题" /> |
|||
<el-table-column prop="sex" label="提问人" /> |
|||
<el-table-column prop="age" label="阅读量" /> |
|||
<el-table-column prop="abe" label="阅读量" /> |
|||
<el-table-column prop="age" label="阅读量" /> |
|||
|
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "",//访问数据 |
|||
iop: "",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,277 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="问题" /> |
|||
<el-table-column prop="sex" label="提问人" /> |
|||
<el-table-column prop="age" label="阅读量" /> |
|||
<el-table-column prop="abe" label="阅读量" /> |
|||
<el-table-column prop="ade" label="阅读量" /> |
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "",//访问数据 |
|||
iop: "",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,279 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="问题" /> |
|||
<el-table-column prop="sex" label="提问人" /> |
|||
<el-table-column prop="age" label="阅读量" /> |
|||
<el-table-column prop="abe" label="阅读量" /> |
|||
<el-table-column prop="ade" label="阅读量" /> |
|||
<el-table-column prop="age" label="阅读量" /> |
|||
|
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "",//访问数据 |
|||
iop: "",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,279 +0,0 @@ |
|||
<!-- |
|||
@ 作者: 鲁智强 |
|||
@ 时间: 2023-08-15 11:34:38 |
|||
@ 备注: |
|||
--> |
|||
<template> |
|||
<div class="box"> |
|||
<el-button type="warning" :icon="Star" circle |
|||
><el-icon><RefreshRight /></el-icon |
|||
></el-button> |
|||
<span class="aaa"> |
|||
<el-form-item label="" style="width: 50"> |
|||
</el-form-item> |
|||
<el-input |
|||
v-model="searchName" |
|||
style="width: 170px" |
|||
placeholder="问题" |
|||
></el-input> |
|||
<el-button type="primary" style="width: 80px" @click="getUserList" |
|||
>查询</el-button |
|||
> |
|||
</span> |
|||
<el-table |
|||
ref="multipleTableRef" |
|||
:data="studentInfo" |
|||
border |
|||
style="width: 100%" |
|||
stripe |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" /> |
|||
<el-table-column prop="name" label="问题" /> |
|||
<el-table-column prop="sex" label="提问人" /> |
|||
<el-table-column prop="age" label="阅读量" /> |
|||
<el-table-column prop="abe" label="赞" /> |
|||
<el-table-column prop="ade" label="阅读量" /> |
|||
<el-table-column prop="age" label="阅读量" /> |
|||
|
|||
<el-table-column prop="num" label="访问数据" width="440" /> |
|||
<el-table-column prop="abc" label="状态" width="120"> |
|||
<template #default="row"> |
|||
<el-switch v-model="row.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作"> |
|||
<template #default="{ row }"> |
|||
<el-button type="success" size="small" @click="handleEdit(row)" |
|||
>修改</el-button |
|||
> |
|||
<el-button type="danger" size="small" @click="handleDel(row)" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 新建/编辑弹框 --> |
|||
<Dialog |
|||
class="add" |
|||
v-if="dialogShow" |
|||
v-model:dialogShow="dialogShow" |
|||
:row-info="rowInfo" |
|||
:title="title" |
|||
:array-num="studentInfo.length" |
|||
@addRow="addRow" |
|||
@editRow="editRow" |
|||
@image-uploaded="handleImageUploaded" |
|||
/> |
|||
<!-- 详情弹窗 --> |
|||
<Detail v-if="detailShow" :row-info="rowInfo" @closeDetail="closeDetail" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { reactive, ref, toRefs, computed, onMounted } from "vue"; |
|||
import { countdownEmits, ElMessageBox, ElTable } from "element-plus"; |
|||
import { Timer } from "@element-plus/icons-vue"; |
|||
import axios from "axios"; // 导入公理函数库 |
|||
import Dialog from "./dialog.vue"; |
|||
import Detail from "./detail.vue"; |
|||
export default { |
|||
// eslint-disable-next-line vue/no-reserved-component-names |
|||
components: { Dialog, Detail }, |
|||
setup() { |
|||
const data = reactive({ |
|||
dialogShow: false, // 新增/编辑弹框 |
|||
detailShow: false, // 详情弹窗 |
|||
rowInfo: {}, // 新增/编辑的数据 |
|||
title: "", // 是新建还是修改 |
|||
queryInfo:{ |
|||
query:'', |
|||
pagenum:1, |
|||
pagesize:'', |
|||
}, |
|||
form: { |
|||
name: "", |
|||
region: "", |
|||
date1: "", |
|||
date2: "", |
|||
delivery: false, |
|||
type: [], |
|||
resource: "", |
|||
desc: "", |
|||
section: "", |
|||
position: "", |
|||
column: "", |
|||
}, |
|||
studentInfo: [ |
|||
{ |
|||
id: 1, |
|||
name: "",//文章标题 |
|||
sex: "",//所属栏目 |
|||
age: "",//可见范围 |
|||
num: "",//访问数据 |
|||
iop: "",//文档来源 |
|||
ccc: "",//文档标签 |
|||
ade: "",//文档描述 |
|||
ddd: "",//排序 |
|||
editContvalue:"dsdd",//文档正文 |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
{ |
|||
id: 3, |
|||
name: "", |
|||
sex: "", |
|||
age: "", |
|||
num: "", |
|||
iop: "", |
|||
ccc: "", |
|||
ade: "", |
|||
ddd: "", |
|||
editContvalue:"", |
|||
}, |
|||
], |
|||
}); |
|||
const imageUrl = ref(''); |
|||
// 处理子组件传递的图片数据 |
|||
const handleImageUploaded = (imageUrlFromChild) => { |
|||
// 将传递的图片数据存储到状态中 |
|||
imageUrl.value = imageUrlFromChild; |
|||
}; |
|||
const jokeMes = ref([]) // 表格数据 |
|||
const temJokeMes = ref([]) // 临时表格数据 |
|||
const searchName = ref(""); // 用于查询的输入值 |
|||
const filterTableData = computed(() => |
|||
data.studentInfo.filter( |
|||
(item) => !searchName.value || item.name.includes(searchName.value) |
|||
) |
|||
); |
|||
const multipleSelection = ref([]); |
|||
const method = reactive({ |
|||
handleNew() { |
|||
data.title = "新增"; |
|||
data.rowInfo = {}; |
|||
data.dialogShow = true; |
|||
}, |
|||
handleDetail(val) { |
|||
data.detailShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleEdit(val) { |
|||
data.title = "修改"; |
|||
data.dialogShow = true; |
|||
data.rowInfo = val; |
|||
}, |
|||
handleDel(val) { |
|||
ElMessageBox.confirm("你确定删除这条信息吗?", "提示", { |
|||
confirmButtonText: "确认", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
method.handleSure(val); |
|||
}) |
|||
.catch(() => { |
|||
// 捕获错误 |
|||
}); |
|||
}, |
|||
handleSure(val) { |
|||
this.dialogVisible = false; |
|||
const index = data.studentInfo.findIndex((item) => item.id === val.id); |
|||
data.studentInfo.splice(index, 1); |
|||
}, |
|||
// 添加行 |
|||
addRow(val) { |
|||
data.studentInfo.push(val); |
|||
}, |
|||
// 编辑行 |
|||
editRow(val) { |
|||
let index = data.studentInfo.findIndex( |
|||
(item, index) => item.id === val.id |
|||
); |
|||
data.studentInfo.splice(index, 1, val); |
|||
}, |
|||
// 关闭详情弹窗 |
|||
closeDetail() { |
|||
data.detailShow = false; |
|||
}, |
|||
handleSelectionChange(val) { |
|||
multipleSelection.value = val; |
|||
}, |
|||
handleBatchDelete() { |
|||
if (multipleSelection.value.length === 0) { |
|||
ElMessageBox.alert("请选择要删除的数据", "提示", { |
|||
confirmButtonText: "确定", |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
ElMessageBox.confirm("确定要批量删除所选数据吗?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(() => { |
|||
data.studentInfo = data.studentInfo.filter( |
|||
(item) => !multipleSelection.value.includes(item) |
|||
); |
|||
multipleSelection.value = []; // 清除选择 |
|||
}) |
|||
.catch(() => { |
|||
// 用户取消删除 |
|||
}); |
|||
}, |
|||
handleSave(formData) { |
|||
formData.id = this.studentInfo.length + 1; //生成唯一ID |
|||
data.studentInfo.push(formData); // 将新数据添加到阵列 |
|||
}, |
|||
async getUserList() { |
|||
// 这里调用接口来获取新的数据 |
|||
try { |
|||
const response = await axios.get("your_api_url", { |
|||
params: { |
|||
query: searchName.value, // 传递查询条件 |
|||
}, |
|||
}); |
|||
|
|||
// 更新 data.studentInfo 或其他操作,例如: |
|||
data.studentInfo = response.data; |
|||
} catch (error) { |
|||
// 处理错误 |
|||
} |
|||
}, |
|||
}); |
|||
return { ...toRefs(data), ...method, ...filterTableData, searchName,imageUrl,handleImageUploaded,}; |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.aab { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 800px; |
|||
height: 30px; |
|||
background-color: burlywood; |
|||
} |
|||
|
|||
.aaa { |
|||
display: grid; |
|||
grid-template-columns: repeat(6, 1fr); /* 五列 */ |
|||
align-items: start; /* 顶格对齐 */ |
|||
float: right; |
|||
width: 700px; |
|||
height: 30px; |
|||
} |
|||
</style> |
|||
|
|||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue