receipt.c178dee4.js 3.5 KB

1
  1. import{r as R,ak as F,D as U,at as M,bB as T,G as H,v as n,o as p,M as g,J as l,w as a,T as B,q as f,p as E,x as k,aE as N,W as Y,aO as b,bC as I,bD as S}from"./index.c3a9ef41.js";/* empty css */const G=["src"],J={key:1,class:"text"},O=f("span",{"text-sm":""},"\u5927\u5C0F:\u5C0F\u4E8E1M; \u5C3A\u5BF8:100*100; \u7C7B\u578B:jpg.png.bmp.jpeg",-1),W={class:"w-full flex justify-end"},z=Y("\u4FDD\u5B58"),Q=R({__name:"receipt",props:{approveValue:null,rejectValue:null,imgProp:{default:"return_image"},noTime:{type:Boolean,default:!1},hasRemark:{type:Boolean,default:!1}},emits:["approval"],setup(o,{emit:h}){const r=o,u=F({[r.imgProp]:"",return_time:"",status:r.approveValue}),d=F({[r.imgProp]:[{required:!0,trigger:"change",message:"\u8BF7\u9009\u62E9\u4E0A\u4F20\u56DE\u6267\u56FE\u7247"}],status:[{required:!0,trigger:"change",message:"\u8BF7\u9009\u62E9\u5BA1\u6838\u72B6\u6001"}],remark:[{required:r.hasRemark,trigger:"change",message:"\u8BF7\u9009\u62E9\u5BA1\u6838\u72B6\u6001"}],return_time:[{required:!r.noTime,trigger:"change",message:"\u8BF7\u9009\u62E9\u4E0A\u4F20\u56DE\u6267\u65F6\u95F4"}]}),v=["image/png","image/jpg","image/bmp","image/jpeg"],_=U(null),V=M(),y=T(),D=({type:t,size:e})=>{if(!v.includes(t))return b.error("\u8BF7\u4E0A\u4F20jpg.png.bmp.jpeg\u7C7B\u578B\u56FE\u7247"),!1;if(e/1024/1024>1)return b.error("\u56FE\u7247\u5927\u5C0F\u8D85\u8FC71M"),!1},C=async({file:t})=>{const e=new FormData;e.append("img",t),e.append("token",y.token);const{message:i,code:c,data:s}=await I(e);V({message:i,code:c,handler:()=>u[r.imgProp]=S+"/"+s[0].url})},x=()=>{_.value.validate(t=>t&&h("approval",k(u)))},w=t=>t.getTime()>Date.now();return H(()=>u.status,t=>{const e=t===r.approveValue;d.remark[0].required=!e,d[r.imgProp][0].required=e},{immediate:!0}),(t,e)=>{const i=n("el-option"),c=n("el-select"),s=n("el-form-item"),A=n("el-input"),j=n("el-upload"),P=n("el-date-picker"),q=n("el-button");return p(),g(k(N),{ref_key:"formRef",ref:_,model:u,rules:d,"label-width":"80px"},{default:l(()=>[o.rejectValue?(p(),g(s,{key:0,label:"\u5BA1\u6838\u72B6\u6001",prop:"status",style:{"margin-bottom":"10px"}},{default:l(()=>[a(c,{placeholder:"\u5BA1\u6838\u72B6\u6001",modelValue:u.status,"onUpdate:modelValue":e[0]||(e[0]=m=>u.status=m),style:{width:"300px"}},{default:l(()=>[a(i,{label:"\u901A\u8FC7",value:o.approveValue},null,8,["value"]),a(i,{label:"\u4E0D\u901A\u8FC7",value:o.rejectValue},null,8,["value"])]),_:1},8,["modelValue"])]),_:1})):B("",!0),a(s,{label:"\u5907\u6CE8",prop:"remark"},{default:l(()=>[a(A,{style:{width:"300px"},type:"textarea",modelValue:u.remark,"onUpdate:modelValue":e[1]||(e[1]=m=>u.remark=m),placeholder:"\u8BF7\u8F93\u5165\u5907\u6CE8"},null,8,["modelValue"])]),_:1}),a(s,{label:"\u56DE\u6267\u56FE\u7247",prop:o.imgProp},{default:l(()=>[f("div",null,[a(j,{class:"upload","before-upload":D,"http-request":C,"show-file-list":!1},{default:l(()=>[u[o.imgProp]?(p(),E("img",{key:0,class:"avatar",src:u[o.imgProp]},null,8,G)):(p(),E("div",J,"\u70B9\u51FB\u4E0A\u4F20"))]),_:1}),O])]),_:1},8,["prop"]),o.noTime?B("",!0):(p(),g(s,{key:1,label:"\u56DE\u6267\u65F6\u95F4",prop:"return_time"},{default:l(()=>[a(P,{type:"datetime","disabled-date":w,"value-format":"YYYY-MM-DD HH:mm:ss",modelValue:u.return_time,"onUpdate:modelValue":e[2]||(e[2]=m=>u.return_time=m),placeholder:"\u8BF7\u8F93\u5165\u56DE\u6267\u65F6\u95F4"},null,8,["modelValue"])]),_:1})),a(s,null,{default:l(()=>[f("div",W,[a(q,{type:"primary",onClick:x},{default:l(()=>[z]),_:1})])]),_:1})]),_:1},8,["model","rules"])}}});export{Q as _};