1 line
11 KiB
JavaScript
1 line
11 KiB
JavaScript
import{$ as e,G as t,Ht as n,J as r,Lt as i,M as ee,Q as a,R as te,S as ne,T as o,U as s,_ as c,a as l,b as u,d as re,gt as d,it as f,p,t as m,ut as h,v as g,w as _,wt as v,x as y,y as b}from"./_plugin-vue_export-helper-Ktpf6lZe.js";import{B as ie,D as x,O as ae,S as oe,T as se,b as ce,g as le,m as S,p as ue,q as de,r as C,t as w,w as T}from"./ui-BhP3ZSBa.js";import{n as fe,t as pe}from"./columns-3-DgFxcJtY.js";import{n as me,t as he}from"./upload-BQ-x-HCK.js";import{i as ge,n as _e,r as ve,t as ye}from"./sliders-horizontal-DFG10JUK.js";import{n as be,r as xe,t as E}from"./search-PJpc0enG.js";import{t as D}from"./trash-2-CumKnXxQ.js";import{t as O}from"./FmsTable-CCmDuvFF.js";ee(),v(),f(),l();var k={class:`dashboard-page`},A={class:`filter-grid`},j={class:`filter-label`},M={class:`filter-actions`},Se={class:`list-toolbar`},Ce={class:`toolbar-group`},we={class:`toolbar-group toolbar-group--end`},Te={class:`column-panel`},Ee={class:`column-panel__head`},De={class:`column-panel__list`},Oe={class:`density-panel`},ke=[`onClick`],Ae={class:`status-text`},je={class:`filter-chip__label`},Me={class:`filter-chip__value`},Ne=[`aria-label`,`onClick`],Pe={class:`list-table`},Fe={class:`list-footer`},Ie={class:`footer-total`},N=14,P=1e4,F=4,I=m(Object.assign({name:`Dashboard`},{__name:`index`,setup(ee){let l=[{value:`task`,label:`任务`},{value:`job`,label:`作业`},{value:`flow`,label:`流程`},{value:`alert`,label:`告警`}],f=[{value:`active`,label:`启用`},{value:`disabled`,label:`禁用`},{value:`pending`,label:`待审`}],m=[{value:`high`,label:`高`},{value:`mid`,label:`中`},{value:`low`,label:`低`}],v=[{value:`manual`,label:`手工录入`},{value:`import`,label:`导入`},{value:`api`,label:`API`}],I=[{value:`1`,label:`是`},{value:`0`,label:`否`}],Le=[{value:`important`,label:`重要`},{value:`normal`,label:`普通`},{value:`temp`,label:`临时`}];function Re(){let e=[{title:`ID`,dataIndex:`id`,width:70,editor:{type:`input`,inputType:`number`}},{title:`名称`,dataIndex:`name`,width:120,editor:{type:`input`}},{title:`类型`,dataIndex:`type`,width:90,editor:{type:`select`,options:l}},{title:`状态`,dataIndex:`status`,width:90,editor:{type:`select`,options:f}},{title:`启用`,dataIndex:`enabled`,width:64,editor:{type:`checkbox`}},{title:`评分`,dataIndex:`score`,width:80,editor:{type:`input`,inputType:`number`}}];for(let t=1;t<=N;t++)e.push({title:`字段 ${t}`,dataIndex:`f${t}`,width:80,editor:{type:`input`}});return e.push({title:`金额`,dataIndex:`amount`,width:120},{title:`创建时间`,dataIndex:`createdAt`,width:170},{title:`到期日`,dataIndex:`expireDate`,width:110},{title:`完成率`,dataIndex:`progress`,width:90}),e}function L(e){let t=[];for(let n=0;n<e;n++){let r={id:n+1,name:`任务-${String(n+1).padStart(5,`0`)}`,type:l[n%l.length].value,status:f[n%f.length].value,enabled:n%2,score:Math.round(Math.random()*1e3)/10,amount:Math.round(Math.random()*1e7)/100,createdAt:new Date(Date.now()-(e-n)*36e5).toISOString(),expireDate:new Date(Date.now()+(n%365+1)*864e5).toISOString(),progress:Math.round(Math.random()*100)/100};for(let e=1;e<=N;e++)r[`f${e}`]=`${n+1}-${e}`;t.push(r)}return t}function ze(e){return e.type===`alert`?`fms-row-alert`:e.status===`pending`?`fms-row-pending`:e.status===`disabled`?`fms-row-disabled`:``}let R=h(Re()),z=h(L(P)),B=h(null),Be=c(()=>z.value.length.toLocaleString(`zh-CN`)),V=[{key:`name`,label:`名称 / ID`,type:`input`,placeholder:`模糊搜索`,icon:E},{key:`type`,label:`类型`,type:`select`,options:l},{key:`status`,label:`状态`,type:`select`,options:f},{key:`range`,label:`创建时间`,type:`range`},{key:`owner`,label:`负责人`,type:`input`},{key:`priority`,label:`优先级`,type:`select`,options:m},{key:`source`,label:`来源`,type:`select`,options:v},{key:`enabled`,label:`启用`,type:`select`,options:I},{key:`minScore`,label:`最低评分`,type:`input-number`},{key:`maxScore`,label:`最高评分`,type:`input-number`},{key:`tag`,label:`标签`,type:`select`,options:Le},{key:`remark`,label:`备注`,type:`input`}];function H(){let e={};for(let t of V)e[t.key]=K(t);return e}let U=h(H()),W=h(!1),G=c(()=>V.length>F),Ve=c(()=>V.slice(0,F)),He=c(()=>V.length-F),Ue=c(()=>W.value||!G.value?V:Ve.value);function We(){W.value=!W.value}function K(e){if(e.type!==`select`)return e.type===`input`?``:null}function Ge(e){let t=U.value[e.key];return t==null||t===``?!1:!Array.isArray(t)||t.some(e=>e!=null&&e!==``)}function Ke(e){let t=U.value[e.key];if(e.type===`select`){let n=e.options?.find(e=>e.value===t);return n?n.label:String(t)}if(e.type===`range`){let[e,n]=Array.isArray(t)?t:[];return`${e||`不限`} ~ ${n||`不限`}`}return String(t)}let q=c(()=>V.filter(Ge));function qe(e){U.value[e.key]=K(e)}function Je(){U.value=H()}let J=h([]),Ye=c(()=>({selectedRowKeys:J.value,onChange:e=>{J.value=e}}));function Xe(){J.value=[]}function Ze(){w.info(`已导出所选 ${J.value.length} 条`)}function Qe(){let e=J.value.length;if(!e)return;let t=new Set(J.value.map(String));z.value=z.value.filter(e=>!t.has(String(e.id))),J.value=[],w.success(`已删除 ${e} 条记录`)}let Y=c(()=>J.value.length?`batch`:q.value.length?`filters`:``),$e=[{value:26,label:`紧凑`},{value:30,label:`默认`},{value:38,label:`宽松`}],X=h(30),Z=h(!1),Q=h(new Set),et=c(()=>R.value.filter(e=>!Q.value.has(e.dataIndex))),$=c(()=>Q.value.size);function tt(e){return!Q.value.has(e)}function nt(e,t){let n=new Set(Q.value);t?n.delete(e):n.add(e),Q.value=n}function rt(){Q.value=new Set}function it(){Z.value=!Z.value}function at(){z.value=L(P),J.value=[],w.success(`数据已刷新`)}a([Q,X],async()=>{await te(),B.value?.initVirtualScroll?.()});let ot=[{key:`export`,label:`导出全部`,icon:me}];function st(){}function ct(){}function lt(){U.value=H()}return(ee,a)=>(s(),y(`div`,k,[Z.value?u(``,!0):(s(),y(`form`,{key:0,class:`panel filter-card`,onSubmit:re(ct,[`prevent`])},[g(`div`,A,[(s(!0),y(p,null,t(Ue.value,t=>(s(),y(`div`,{key:t.key,class:`filter-field`},[g(`span`,j,n(t.label),1),t.type===`input`||t.type===`input-number`?(s(),b(d(le),{key:0,modelValue:U.value[t.key],"onUpdate:modelValue":e=>U.value[t.key]=e,type:t.type===`input-number`?`number`:`default`,placeholder:t.placeholder,"aria-label":t.label,"allow-clear":``},ne({_:2},[t.icon?{name:`prefix`,fn:e(()=>[(s(),b(r(t.icon),{size:14,"aria-hidden":`true`}))]),key:`0`}:void 0]),1032,[`modelValue`,`onUpdate:modelValue`,`type`,`placeholder`,`aria-label`])):t.type===`select`?(s(),b(d(S),{key:1,modelValue:U.value[t.key],"onUpdate:modelValue":e=>U.value[t.key]=e,options:t.options,"aria-label":t.label,clearable:``},null,8,[`modelValue`,`onUpdate:modelValue`,`options`,`aria-label`])):(s(),b(d(oe),{key:2,modelValue:U.value[t.key],"onUpdate:modelValue":e=>U.value[t.key]=e,"aria-label":t.label},null,8,[`modelValue`,`onUpdate:modelValue`,`aria-label`]))]))),128))]),g(`div`,M,[G.value?(s(),b(d(x),{key:0,type:`link`,class:`filter-toggle`,onClick:We},{default:e(()=>[o(d(ye),{size:14,"aria-hidden":`true`}),_(` `+n(W.value?`收起筛选`:`展开 ${He.value} 项`)+` `,1),(s(),b(r(W.value?d(fe):d(de)),{size:14,"aria-hidden":`true`}))]),_:1})):u(``,!0),o(d(x),{type:`outline`,"html-type":`button`,onClick:lt},{default:e(()=>[...a[0]||=[_(`重置`,-1)]]),_:1}),o(d(x),{type:`primary`,"html-type":`submit`},{default:e(()=>[o(d(E),{size:14,"aria-hidden":`true`}),a[1]||=_(`查询 `,-1)]),_:1})])],32)),g(`section`,{class:i([`panel list-card`,{"is-fullscreen":Z.value}])},[g(`div`,Se,[g(`div`,Ce,[o(d(x),{type:`primary`},{default:e(()=>[o(d(xe),{size:14,"aria-hidden":`true`}),a[2]||=_(` 新增 `,-1)]),_:1}),o(d(x),{type:`outline`},{default:e(()=>[o(d(he),{size:14,"aria-hidden":`true`}),a[3]||=_(` 导入 `,-1)]),_:1})]),g(`div`,we,[o(d(C),{content:`刷新数据`},{default:e(()=>[o(d(x),{type:`ghost`,class:`icon-button`,"aria-label":`刷新数据`,onClick:at},{default:e(()=>[o(d(be),{size:15,"aria-hidden":`true`})]),_:1})]),_:1}),a[6]||=g(`span`,{class:`toolbar-divider`,"aria-hidden":`true`},null,-1),o(d(T),{placement:`bottom-end`},{trigger:e(()=>[o(d(x),{type:`ghost`,class:`icon-button`,"aria-label":`列设置`},{default:e(()=>[o(d(pe),{size:15,"aria-hidden":`true`})]),_:1})]),content:e(()=>[g(`div`,Te,[g(`div`,Ee,[a[5]||=g(`span`,null,`显示列`,-1),o(d(x),{type:`link`,disabled:!$.value,onClick:rt},{default:e(()=>[...a[4]||=[_(` 全部显示 `,-1)]]),_:1},8,[`disabled`])]),g(`div`,De,[(s(!0),y(p,null,t(R.value,e=>(s(),y(`label`,{key:e.dataIndex,class:`column-panel__item`},[o(d(se),{"model-value":tt(e.dataIndex),"onUpdate:modelValue":t=>nt(e.dataIndex,t)},null,8,[`model-value`,`onUpdate:modelValue`]),g(`span`,null,n(e.title),1)]))),128))])])]),_:1}),o(d(T),{placement:`bottom-end`},{trigger:e(()=>[o(d(x),{type:`ghost`,class:`icon-button`,"aria-label":`行高密度`},{default:e(()=>[o(d(_e),{size:15,"aria-hidden":`true`})]),_:1})]),content:e(()=>[g(`div`,Oe,[(s(),y(p,null,t($e,e=>g(`button`,{key:e.value,type:`button`,class:i([`density-option`,{"is-active":X.value===e.value}]),onClick:t=>X.value=e.value},n(e.label),11,ke)),64))])]),_:1}),o(d(C),{content:Z.value?`退出全屏`:`全屏`},{default:e(()=>[o(d(x),{type:`ghost`,class:`icon-button`,"aria-label":Z.value?`退出全屏`:`全屏`,onClick:it},{default:e(()=>[(s(),b(r(Z.value?d(ve):d(ge)),{size:15,"aria-hidden":`true`}))]),_:1},8,[`aria-label`])]),_:1},8,[`content`]),a[7]||=g(`span`,{class:`toolbar-divider`,"aria-hidden":`true`},null,-1),o(d(ce),{items:ot,placement:`bottom-end`,onClick:st},{trigger:e(()=>[o(d(x),{type:`ghost`,class:`icon-button`,"aria-label":`更多操作`},{default:e(()=>[o(d(ie),{size:15,"aria-hidden":`true`})]),_:1})]),_:1})])]),Y.value?(s(),y(`div`,{key:0,class:i([`list-status`,`is-${Y.value}`])},[Y.value===`batch`?(s(),y(p,{key:0},[g(`span`,Ae,[a[8]||=_(`已选 `,-1),g(`strong`,null,n(J.value.length),1),a[9]||=_(` 项`,-1)]),a[13]||=g(`span`,{class:`status-divider`,"aria-hidden":`true`},null,-1),o(d(x),{type:`link`,onClick:Ze},{default:e(()=>[...a[10]||=[_(`导出所选`,-1)]]),_:1}),o(d(x),{type:`link`,class:`status-danger`,onClick:Qe},{default:e(()=>[o(d(D),{size:14,"aria-hidden":`true`}),a[11]||=_(`批量删除 `,-1)]),_:1}),o(d(x),{type:`link`,onClick:Xe},{default:e(()=>[...a[12]||=[_(`取消选择`,-1)]]),_:1})],64)):(s(),y(p,{key:1},[a[15]||=g(`span`,{class:`status-text`},`筛选`,-1),a[16]||=g(`span`,{class:`status-divider`,"aria-hidden":`true`},null,-1),(s(!0),y(p,null,t(q.value,e=>(s(),y(`span`,{key:e.key,class:`filter-chip`},[g(`span`,je,n(e.label),1),g(`span`,Me,n(Ke(e)),1),g(`button`,{type:`button`,class:`filter-chip__close`,"aria-label":`移除条件：${e.label}`,onClick:t=>qe(e)},[o(d(ae),{size:12,"aria-hidden":`true`})],8,Ne)]))),128)),o(d(x),{type:`link`,class:`status-clear`,onClick:Je},{default:e(()=>[...a[14]||=[_(`清空全部`,-1)]]),_:1})],64))],2)):u(``,!0),g(`div`,Pe,[o(O,{ref_key:`tableRef`,ref:B,columns:et.value,"data-source":z.value,"row-selection":Ye.value,"row-height":X.value,"row-class-name":ze,bordered:!1,"row-key":`id`},null,8,[`columns`,`data-source`,`row-selection`,`row-height`])]),g(`div`,Fe,[g(`span`,Ie,[a[17]||=_(`共 `,-1),g(`strong`,null,n(Be.value),1),a[18]||=_(` 条`,-1)]),o(d(ue),{total:z.value.length,"show-size-changer":``},null,8,[`total`])])],2)]))}}),[[`__scopeId`,`data-v-fb0aefae`]]);export{I as default}; |