You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

2 lines
7.9 KiB

import{p as j}from"./base-4c430c4f.js";import{E as J}from"./el-card-38c7a200.js";import{E as Q}from"./el-select-daf320f5.js";import{E as D}from"./el-input-ce50c97e.js";import{E as G,a as H}from"./el-table-column-f46826b5.js";import{E as I}from"./el-button-0ee2e9a3.js";import{E as K,a as O}from"./el-breadcrumb-item-66b59c58.js";import{r as x}from"./request-95a85134.js";import{u as W,b as X}from"./vue-router-8ee5d5a1.js";import{E as Y}from"./el-drawer-d42f5501.js";import"./el-overlay-b5a20fb9.js";import{E as Z,a as ee}from"./el-form-item-e1105c09.js";import{E as ae,a as le}from"./el-alert-c07de0bc.js";/* empty css */import{E as z}from"./index-703e9b44.js";import{c as te,m as w,q as R,Q as $,o as E,a as C,w as o,y as a,v as q,z as _,A as oe,J as F,x as p,e as T,a3 as se,s as re,B as ne,C as ue}from"./normalize-040897f0.js";/* empty css */import{_ as de}from"./_plugin-vue_export-helper-c27b6911.js";import{E as ie}from"./index-d4844621.js";import"./config-provider-d42b9336.js";import"./aria-60547dd7.js";import"./strings-1f16e8d4.js";import"./validator-334eb9c4.js";import"./axios-4a70c6fc.js";import"./use-dialog-6cd66e85.js";import"./vnode-db119818.js";import"./index-e30a9d5f.js";function B(n){return x("/User/list","post",n)}function pe(n){return x("/User/getUser","get",{id:n})}function me(n){return x("/User/addUser","post",n)}function _e(n){return x("/User/updateUser","post",n)}function fe(n){return x("/User/deleteUser","get",{id:n})}const ce=p("h4",null,"新增客戶",-1),ve={style:{flex:"auto"}},ge={__name:"UserForm",props:{show:{type:Boolean,default:!1},edit_id:{type:Number,default:0}},emits:["update:show","update:edit_id","reload"],setup(n,{emit:V}){const b=n,f=te({get:()=>b.show,set:m=>{V("update:show",m)}}),c=w(),y=R({user_name:[{required:!0,message:"請輸入客戶帳號",trigger:"blur"}],name:[{required:!0,message:"請輸入客戶名稱",trigger:"blur"}]}),e=w({act:"insert",name:""});w(!1),$(()=>b.edit_id,async m=>{if(m>0){let l=await pe(m);l.code===200&&(l.data.password="",e.value=l.data,e.value.act="update")}else e.value={act:"insert"}});const v=()=>{V("update:edit_id",0),f.value=!1},h=async m=>{m&&await m.validate(async(l,i)=>{if(!l)return;let u;return e.value.act==="update"?u=await _e(e.value):u=await me(e.value),u.code===200?(f.value=!1,c.value.resetFields(),V("reload"),z.success("操作成功")):z.error(u.msg)})};return(m,l)=>{const i=D,u=Z,r=ae,t=le,k=ee,S=I,U=Y;return E(),C(U,{modelValue:T(f),"onUpdate:modelValue":l[10]||(l[10]=s=>se(f)?f.value=s:null),size:"50%",title:"新增客戶",onClose:v},{header:o(()=>[ce]),default:o(()=>[a(k,{model:e.value,ref_key:"formRef",ref:c,rules:y,"label-width":"120px"},{default:o(()=>[a(u,{label:"帳號",prop:"user_name"},{default:o(()=>[e.value.act==="insert"?(E(),C(i,{key:0,modelValue:e.value.user_name,"onUpdate:modelValue":l[0]||(l[0]=s=>e.value.user_name=s)},null,8,["modelValue"])):(E(),q(F,{key:1},[_(oe(e.value.user_name),1)],64))]),_:1}),a(u,{label:"密碼",prop:"password"},{default:o(()=>[e.value.act==="update"?(E(),C(t,{key:0,fill:""},{default:o(()=>[a(i,{modelValue:e.value.password,"onUpdate:modelValue":l[1]||(l[1]=s=>e.value.password=s)},null,8,["modelValue"]),a(r,{type:"info","show-icon":"",closable:!1},{default:o(()=>[_(" 不修改請留空白 ")]),_:1})]),_:1})):(E(),C(i,{key:1,modelValue:e.value.password,"onUpdate:modelValue":l[2]||(l[2]=s=>e.value.password=s)},null,8,["modelValue"]))]),_:1}),a(u,{label:"確認密碼",prop:"cfm_password"},{default:o(()=>[a(i,{type:"password",modelValue:e.value.cfm_password,"onUpdate:modelValue":l[3]||(l[3]=s=>e.value.cfm_password=s)},null,8,["modelValue"])]),_:1}),a(u,{label:"客戶名稱",prop:"name"},{default:o(()=>[a(i,{modelValue:e.value.name,"onUpdate:modelValue":l[4]||(l[4]=s=>e.value.name=s)},null,8,["modelValue"])]),_:1}),a(u,{label:"Email地址",prop:"email"},{default:o(()=>[a(i,{modelValue:e.value.email,"onUpdate:modelValue":l[5]||(l[5]=s=>e.value.email=s)},null,8,["modelValue"])]),_:1}),a(u,{label:"公司電話",prop:"office_phone"},{default:o(()=>[a(i,{modelValue:e.value.office_phone,"onUpdate:modelValue":l[6]||(l[6]=s=>e.value.office_phone=s)},null,8,["modelValue"])]),_:1}),a(u,{label:"公司地址",prop:"address"},{default:o(()=>[a(i,{modelValue:e.value.address,"onUpdate:modelValue":l[7]||(l[7]=s=>e.value.address=s)},null,8,["modelValue"])]),_:1}),a(u,{label:"開發業務",prop:"sales"},{default:o(()=>[a(i,{modelValue:e.value.sales,"onUpdate:modelValue":l[8]||(l[8]=s=>e.value.sales=s)},null,8,["modelValue"])]),_:1})]),_:1},8,["model","rules"])]),footer:o(()=>[p("div",ve,[a(S,{onClick:v},{default:o(()=>[_("關閉")]),_:1}),a(S,{type:"primary",onClick:l[9]||(l[9]=s=>h(c.value))},{default:o(()=>[_("送出")]),_:1})])]),_:1},8,["modelValue"])}}};const M=n=>(ne("data-v-86a33f2d"),n=n(),ue(),n),we={class:"main"},be={class:"breadcrumb-section"},ye=M(()=>p("a",{href:"/"},"客戶列表",-1)),Ve=M(()=>p("hr",null,null,-1)),Ue={class:"search-section"},Ee={class:"pagination-block"},ze={__name:"index",setup(n){W();const V=X(),b=w(!1),f=w(0),c=w([]),y=w(0),e=R({loading:!1,page:1,pageSize:10}),v=w({user_id:"",order_sn:"",consignee:"",status:"1"});V.query.user_id&&(v.value.user_id=V.query.user_id);const h=async()=>{e.loading=!0;const r=await B({page:e.page,pageSize:e.pageSize});r.code===200?(c.value=r.data.data,y.value=r.data.total):z.error(r.message),e.loading=!1};re(()=>{h()}),$(()=>e.page,async r=>{let t=await B({page:r,size:e.pageSize,search:v.value});t.code===200&&(c.value=t.data.data,y.value=t.data.total)}),$(()=>e.pageSize,async r=>{let t=await B({page:e.page,size:r,search:v.value});t.code===200&&(c.value=t.data.data,y.value=t.data.total)});const m=(r,t)=>{console.log("row",t),f.value=t.user_id,b.value=!0},l=async r=>{ie.confirm("確定刪除客戶資料?","注意!!!",{confirmButtonText:"是的,刪除",cancelButtonText:"取消",type:"warning"}).then(async()=>{(await fe(r)).code===200?(h(),z({type:"success",message:"刪除成功"})):z({type:"error",message:"刪除失敗"})}).catch(()=>{z({type:"info",message:"取消刪除"})})},i=async()=>{let r=await B({page:e.page,size:e.pageSize,search:v.value});r.code===200&&(c.value=r.data.data,y.value=r.data.total)},u=()=>{h(e.page,e.pageSize)};return(r,t)=>{const k=O,S=K,U=I,s=D,g=G,N=H,A=Q,L=J;return E(),q(F,null,[p("div",we,[p("div",be,[p("div",null,[a(S,{separator:"/"},{default:o(()=>[a(k,null,{default:o(()=>[_(" CRM系統 ")]),_:1}),a(k,null,{default:o(()=>[ye]),_:1})]),_:1})]),p("div",null,[a(U,{type:"primary",icon:T(j),onClick:t[0]||(t[0]=d=>b.value=!0)},{default:o(()=>[_("新增客戶")]),_:1},8,["icon"])])]),Ve,a(L,null,{default:o(()=>[p("div",Ue,[_(" 客戶電話:"),a(s,{modelValue:v.value.phone,"onUpdate:modelValue":t[1]||(t[1]=d=>v.value.phone=d),placeholder:"客戶電話",style:{width:"200px"}},null,8,["modelValue"]),a(U,{type:"primary",onClick:i},{default:o(()=>[_("查詢")]),_:1})]),p("div",null,[a(N,{data:c.value,style:{width:"100%"}},{default:o(()=>[a(g,{prop:"user_id",label:"#",width:"60"}),a(g,{prop:"user_name",label:"客戶帳號"}),a(g,{prop:"name",label:"客戶名稱"}),a(g,{prop:"office_phone",label:"客戶電話"}),a(g,{prop:"email",label:"Email地址"}),a(g,{prop:"mobile_phone",label:"業務人員"}),a(g,{prop:"reg_time",label:"建立時間"}),a(g,{label:"操作",width:"150"},{default:o(d=>[a(U,{size:"small",onClick:P=>m(d.$index,d.row)},{default:o(()=>[_("編輯")]),_:2},1032,["onClick"]),a(U,{size:"small",type:"danger",onClick:P=>l(d.row.user_id)},{default:o(()=>[_("刪除")]),_:2},1032,["onClick"])]),_:1})]),_:1},8,["data"]),p("div",Ee,[a(A,{"current-page":e.page,"onUpdate:currentPage":t[2]||(t[2]=d=>e.page=d),"page-size":e.pageSize,"onUpdate:pageSize":t[3]||(t[3]=d=>e.pageSize=d),"page-sizes":[10,20,50,100],small:"small",layout:"->,total, sizes, prev, pager, next, jumper",total:y.value},null,8,["current-page","page-size","total"])])])]),_:1})]),a(ge,{show:b.value,"onUpdate:show":t[4]||(t[4]=d=>b.value=d),edit_id:f.value,"onUpdate:edit_id":t[5]||(t[5]=d=>f.value=d),onReload:u},null,8,["show","edit_id"])],64)}}},Ye=de(ze,[["__scopeId","data-v-86a33f2d"]]);export{Ye as default};