123 |
- import{e as oe,ai as ne,f as ie,r as K,G as re,o as se,a0 as r,ae as de,g as _,h as pe,x as p,A as a,q as t,y as s,u as l,S as me,t as z,p as v,j as S,z as y}from"./vue.e266cb73.js";import{u as ue}from"./themeConfig.ed8e6a95.js";import{R as b}from"./Repertory.cc1973a5.js";import{ad as h}from"./index.dcc65bf7.js";import{K as M}from"./index.4f91577e.js";import{_ as ce}from"./_plugin-vue_export-helper.c27b6911.js";import"./Urls.a85bb052.js";import"./request.1f3df8c8.js";import"./storage.acfc8920.js";import"./config.3668004a.js";import"./index.f84209b0.js";const ge={class:"p20"},fe={class:"yc_pagebox"},_e=S("div",{class:"height20"},null,-1),ve=S("div",{class:"height20"},null,-1),he=oe({__name:"repertory",setup(we){const N=ue(),{themeConfig:$}=ne(N),x=ie(()=>$.value),C=K(),k=K([]);let e=re({params:{pageSize:x.value.pageSize,page:1,keyword:""},pagination:{currentPage:1,pageSize:x.value.pageSize,total:100},loading:!1,tableData:[],dialog:{show:!1,title:"添加",isLoading:!1},dialogDetail:{showDetail:!1,titleDetail:"添加",isLoadingDetail:!1},form:{}});const q=()=>({id:"",name:"",desc:"",address:"",valid:1}),A=o=>{e.params.pageSize=o,c()},E=o=>{e.params.page=o,c()},F=async()=>{e.params.page=1,await c()},G=async()=>{},c=async()=>{e.loading=!0;const o=await b.list({pageParams:{size:e.params.pageSize,page:e.params.page},keyword:e.params.keyword});if(e.loading=!1,o.code!=0){h.error(o.msg);return}e.tableData=o.data.data,e.pagination.total=o.data.total,e.pagination.currentPage=o.data.current_page,e.pagination.pageSize=o.data.per_page,console.log("lzj500🚀 ~ file: index.vue:95 ~ getList ~ res:",o)},O=o=>{k.value=o,console.log("lzj500🚀 ~ file: index.vue:203 ~ handleTableDataSelectionChange ~ val:",o)},w=()=>{e.dialog.show=!1,e.dialogDetail.showDetail=!1},H=()=>{e.dialog.show=!0,e.dialog.title="添加仓库",e.form=q(),console.log("lzj500🚀 ~ file: index.vue:160 ~ addPage ~ dialog:",e.dialog)},I=async o=>{e.dialog.show=!0,e.dialog.title="编辑仓库",e.form=o},J=async o=>{e.dialogDetail.showDetail=!0,e.dialogDetail.titleDetail="仓库详情",e.form=o},Q=o=>{!o||o.validate(async n=>{var g;if(!n)return console.log("error submit!"),!1;let d=null;if(e.dialog.isLoading=!0,(g=e.form)!=null&&g.id?d=await b.edit(e.form):d=await b.add(e.form),e.dialog.isLoading=!1,d.code!=0){h.error(d.msg);return}h.success(d.msg),F(),w()})},W=o=>{M.confirm("删除后不可恢复,确定要删除该记录吗?","警告",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(()=>{V([o.id])}).catch(()=>{})},X=o=>{if(k.value.length==0){h.error("请选择要删除的记录");return}let n=k.value.map(d=>d.id);M.confirm("删除后不可恢复,确定要删除选中记录吗?","警告",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(()=>{V(n)}).catch(()=>{})},V=async o=>{e.loading=!0;let n=await b.delete(o);if(e.loading=!1,n.code!=0){h.error(n.msg);return}await c()};return se(async()=>{c(),G()}),(o,n)=>{const d=r("el-text"),g=r("el-input"),Y=r("ele-Search"),Z=r("el-icon"),m=r("el-button"),T=r("el-col"),ee=r("el-row"),B=r("el-card"),f=r("el-table-column"),P=r("el-tag"),ae=r("el-table"),te=r("el-pagination"),u=r("el-form-item"),L=r("el-radio"),le=r("el-radio-group"),U=r("el-form"),R=r("vuecmf-dialog"),D=de("loading");return _(),pe("div",ge,[p(" 功能区 "),a(B,{class:"box-card"},{default:t(()=>[a(ee,null,{default:t(()=>[a(T,{span:12},{default:t(()=>[a(d,{class:"mx-1"},{default:t(()=>[s("关键词:")]),_:1}),a(g,{class:"width160",placeholder:"请输入关键词",modelValue:l(e).params.keyword,"onUpdate:modelValue":n[0]||(n[0]=i=>l(e).params.keyword=i),onKeyup:me(c,["enter","native"])},null,8,["modelValue","onKeyup"]),a(m,{type:"primary",class:"ml10",onClick:c},{default:t(()=>[a(Z,null,{default:t(()=>[a(Y)]),_:1}),s(" 查询 ")]),_:1})]),_:1}),a(T,{span:12,class:"tr"},{default:t(()=>[a(m,{type:"primary",onClick:H},{default:t(()=>[s("新增")]),_:1}),a(m,{type:"danger",onClick:X},{default:t(()=>[s("删除")]),_:1})]),_:1})]),_:1})]),_:1}),p(" 主体区 "),z((_(),v(B,{class:"box-card mt20"},{default:t(()=>[p(" 列表 "),a(ae,{data:l(e).tableData,onSelectionChange:O},{default:t(()=>[p(" props绑定数据表的字段,lable填写中文 "),a(f,{type:"selection",width:"55"}),a(f,{fixed:"",prop:"id",label:"编号",width:"60"}),a(f,{fixed:"",prop:"name",label:"仓库",width:"150"}),a(f,{prop:"address",label:"地址",width:""}),a(f,{prop:"desc",label:"简介",width:""}),a(f,{prop:"valid",label:"状态",width:""},{default:t(i=>[i.row.valid==1?(_(),v(P,{key:0},{default:t(()=>[s("启用")]),_:1})):p("v-if",!0),i.row.valid==0?(_(),v(P,{key:1,type:"danger"},{default:t(()=>[s("禁用")]),_:1})):p("v-if",!0)]),_:1}),a(f,{fixed:"right",label:"操作",width:"200"},{default:t(i=>[a(m,{link:"",type:"primary",onClick:j=>J(i.row)},{default:t(()=>[s("详情")]),_:2},1032,["onClick"]),a(m,{link:"",type:"primary",onClick:j=>I(i.row)},{default:t(()=>[s("编辑")]),_:2},1032,["onClick"]),a(m,{link:"",type:"danger",onClick:j=>W(i.row)},{default:t(()=>[s("删除")]),_:2},1032,["onClick"])]),_:1})]),_:1},8,["data"]),p(" 分页 "),S("div",fe,[a(te,{"current-page":l(e).pagination.currentPage,"onUpdate:currentPage":n[1]||(n[1]=i=>l(e).pagination.currentPage=i),"page-size":l(e).pagination.pageSize,"onUpdate:pageSize":n[2]||(n[2]=i=>l(e).pagination.pageSize=i),"page-sizes":x.value.pageSizeArray,layout:"total, sizes, prev, pager, next, jumper",total:l(e).pagination.total,onSizeChange:A,onCurrentChange:E},null,8,["current-page","page-size","page-sizes","total"])])]),_:1})),[[D,l(e).loading]]),p(" 弹出容器 ,新增和修改的"),a(R,{width:"500px",model_value:l(e).dialog.show,title:l(e).dialog.title,onClose:w},{content:t(()=>[z((_(),v(U,{model:l(e).form,"label-width":"120px",ref_key:"formRef",ref:C},{default:t(()=>[p(" 每个form-item就是一个表单的标签,label是名称,prop和v-model绑定字段名 "),a(u,{label:"仓库名称",prop:"name",rules:[{required:!0,message:"请填写仓库名称",trigger:"blur"}]},{default:t(()=>[a(g,{modelValue:l(e).form.name,"onUpdate:modelValue":n[3]||(n[3]=i=>l(e).form.name=i),placeholder:"仓库名称"},null,8,["modelValue"])]),_:1}),a(u,{label:"仓库简介",prop:"desc"},{default:t(()=>[a(g,{modelValue:l(e).form.desc,"onUpdate:modelValue":n[4]||(n[4]=i=>l(e).form.desc=i),placeholder:"填写仓库简介"},null,8,["modelValue"])]),_:1}),a(u,{label:"仓库地址",prop:"address"},{default:t(()=>[a(g,{modelValue:l(e).form.address,"onUpdate:modelValue":n[5]||(n[5]=i=>l(e).form.address=i),placeholder:"填写仓库地址"},null,8,["modelValue"])]),_:1}),a(u,{label:"状态",prop:"valid",rules:[{required:!0,message:"请选择状态",trigger:"blur"}]},{default:t(()=>[a(le,{modelValue:l(e).form.valid,"onUpdate:modelValue":n[6]||(n[6]=i=>l(e).form.valid=i)},{default:t(()=>[a(L,{label:1},{default:t(()=>[s("启用")]),_:1}),a(L,{label:0},{default:t(()=>[s("禁用")]),_:1})]),_:1},8,["modelValue"])]),_:1})]),_:1},8,["model"])),[[D,l(e).dialog.isLoading]]),_e]),footer:t(()=>[a(m,{type:"default",onClick:w},{default:t(()=>[s("取消")]),_:1}),a(m,{type:"primary",onClick:n[7]||(n[7]=i=>Q(C.value))},{default:t(()=>[s("提交")]),_:1})]),_:1},8,["model_value","title"]),p(" 弹出容器 ,详情页"),a(R,{width:"500px",model_value:l(e).dialogDetail.showDetail,title:l(e).dialogDetail.titleDetail,onClose:w},{content:t(()=>[z((_(),v(U,{model:l(e).form,"label-width":"120px",ref_key:"formRef",ref:C},{default:t(()=>[p(" 每个form-item就是一个表单的标签,label是名称,prop和v-model绑定字段名 "),a(u,{label:"仓库名称:",prop:"name"},{default:t(()=>[a(d,{class:"mx-1"},{default:t(()=>[s(y(l(e).form.name),1)]),_:1})]),_:1}),a(u,{label:"仓库简介:",prop:"desc"},{default:t(()=>[a(d,{class:"mx-1"},{default:t(()=>[s(y(l(e).form.desc),1)]),_:1})]),_:1}),a(u,{label:"仓库地址:",prop:"address"},{default:t(()=>[a(d,{class:"mx-1"},{default:t(()=>[s(y(l(e).form.address),1)]),_:1})]),_:1}),a(u,{label:"状态:",prop:"valid"},{default:t(()=>[a(d,{class:"mx-1"},{default:t(()=>[s(y(l(e).form.valid==1?"启用":"禁用"),1)]),_:1})]),_:1})]),_:1},8,["model"])),[[D,l(e).dialogDetail.isLoadingDetail]]),ve]),_:1},8,["model_value","title"])])}}}),Pe=ce(he,[["__file","C:/Users/89282/Desktop/lechang_storage/lechang_storage/vue-next-admin/src/views/data/repertory.vue"]]);export{Pe as default};
- //# sourceMappingURL=repertory.f01033fc.js.map
|