xc-computent 0.3.1 → 0.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +77 -71
- package/dist/computent.js +2 -2
- package/dist/computent.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -1,121 +1,127 @@
|
|
|
1
|
-
#
|
|
1
|
+
# xc-computent
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
`xc-computent` 是一个专为现代化工作台（Workbench）和任务管理系统打造的优质、响应式且高性能的 **Vue 3 组件库**。项目基于 Vite、TypeScript 和 WindiCSS 进行构建，提供高开箱即用性与高度可定制的 UI 组件。
|
|
4
4
|
|
|
5
5
|
---
|
|
6
6
|
|
|
7
|
-
##
|
|
7
|
+
## 🎨 项目特点
|
|
8
8
|
|
|
9
|
-
- ⚡ **Vite
|
|
10
|
-
- 📦
|
|
11
|
-
-
|
|
12
|
-
-
|
|
13
|
-
-
|
|
9
|
+
- ⚡ **Vite 驱动**：极速的热更新开发体验，基于 Rollup 进行高效打包。
|
|
10
|
+
- 📦 **支持按需引入**：天然支持 Tree-shaking，仅打包你所使用的组件。
|
|
11
|
+
- 🏷️ **类型安全**：原生支持 TypeScript，自动生成完整的类型声明文件 (`.d.ts`)。
|
|
12
|
+
- 🧩 **样式隔离**：组件样式局部作用域隔离，防止全局样式污染。
|
|
13
|
+
- 🛠️ **预置组件**：首期包含精心设计的任务卡片组件 [ToDoCard](file:///Users/tiantian/Desktop/computent/src/lib/components/ToDoCard/ToDoCard.vue)，专为待办、日程等工作流场景优化。
|
|
14
14
|
|
|
15
15
|
---
|
|
16
16
|
|
|
17
|
-
##
|
|
17
|
+
## 🔐 NPM 账号信息
|
|
18
18
|
|
|
19
|
-
|
|
19
|
+
本项目已与以下 NPM 账号关联，以便于版本的发布与维护：
|
|
20
20
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
```
|
|
21
|
+
- **NPM 账号**: `xiao_ka`
|
|
22
|
+
- **身份验证**: 根目录下的 [.npmrc](file:///Users/tiantian/Desktop/computent/.npmrc) 文件已预配置了专属的安全发布 Token (authToken)。
|
|
23
|
+
- 在本项目的根目录下执行 npm 相关操作时，会自动加载此 Token，**无需手动执行 `npm login`**。
|
|
25
24
|
|
|
26
|
-
|
|
27
|
-
Starts the playground on `http://localhost:5173` using Vite:
|
|
28
|
-
```bash
|
|
29
|
-
pnpm dev
|
|
30
|
-
```
|
|
25
|
+
---
|
|
31
26
|
|
|
32
|
-
|
|
33
|
-
|
|
27
|
+
## 🚀 发布到 npm 的完整流程
|
|
28
|
+
|
|
29
|
+
当你修改了组件代码并准备发布新版本到 npm 时，请遵循以下流程：
|
|
30
|
+
|
|
31
|
+
### 1. 确认/更新版本号
|
|
32
|
+
在发布之前，必须更新 [package.json](file:///Users/tiantian/Desktop/computent/package.json) 中的 `"version"` 字段。
|
|
33
|
+
- 例如，从 `0.3.1` 升级到 `0.3.2`：
|
|
34
|
+
```json
|
|
35
|
+
{
|
|
36
|
+
"name": "xc-computent",
|
|
37
|
+
"version": "0.3.2",
|
|
38
|
+
...
|
|
39
|
+
}
|
|
40
|
+
```
|
|
41
|
+
- 也可以直接在控制台运行以下命令自动升级版本：
|
|
42
|
+
```bash
|
|
43
|
+
# 升级修订号 (e.g., 0.3.1 -> 0.3.2)
|
|
44
|
+
npm version patch
|
|
45
|
+
# 升级次版本号 (e.g., 0.3.1 -> 0.4.0)
|
|
46
|
+
npm version minor
|
|
47
|
+
# 升级主版本号 (e.g., 0.3.1 -> 1.0.0)
|
|
48
|
+
npm version major
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
### 2. 构建打包
|
|
52
|
+
发布前必须先编译生成最新的生产包：
|
|
34
53
|
```bash
|
|
35
54
|
pnpm build
|
|
36
55
|
```
|
|
56
|
+
编译成功后，将在 `dist/` 目录下生成打包好的 ESM、UMD 格式文件以及 TypeScript 声明文件。
|
|
37
57
|
|
|
38
|
-
###
|
|
39
|
-
|
|
58
|
+
### 3. 执行发布
|
|
59
|
+
直接在项目根目录下运行发布命令：
|
|
40
60
|
```bash
|
|
41
|
-
|
|
61
|
+
npm publish
|
|
42
62
|
```
|
|
63
|
+
> **💡 提示**：因为 `.npmrc` 中已配置了发布 Token，此命令会直接将包推送到官方 NPM 镜像源中。
|
|
43
64
|
|
|
44
65
|
---
|
|
45
66
|
|
|
46
|
-
##
|
|
67
|
+
## 🛠️ 本地开发与预览
|
|
47
68
|
|
|
48
|
-
|
|
69
|
+
如果你需要在本地对组件进行开发或调试：
|
|
49
70
|
|
|
50
|
-
###
|
|
51
|
-
Before publishing, open `package.json` and change the `"name"` property to your desired name (e.g. `"my-awesome-components"`). Ensure the name is unique on npm.
|
|
52
|
-
```json
|
|
53
|
-
{
|
|
54
|
-
"name": "computent",
|
|
55
|
-
"version": "0.1.0",
|
|
56
|
-
...
|
|
57
|
-
}
|
|
58
|
-
```
|
|
59
|
-
|
|
60
|
-
### Step 2: Log In to npm
|
|
61
|
-
Run the following command in your terminal and follow the prompts to log in (or register):
|
|
71
|
+
### 1. 安装依赖
|
|
62
72
|
```bash
|
|
63
|
-
|
|
73
|
+
pnpm install
|
|
64
74
|
```
|
|
65
75
|
|
|
66
|
-
###
|
|
67
|
-
|
|
76
|
+
### 2. 运行本地开发服务器 (Playground)
|
|
77
|
+
启动 Vite 开发服务器以调试组件：
|
|
68
78
|
```bash
|
|
69
|
-
pnpm
|
|
79
|
+
pnpm dev
|
|
70
80
|
```
|
|
71
81
|
|
|
72
|
-
###
|
|
73
|
-
Publish the package to the npm registry. Since we configured `"files": ["dist"]` in `package.json`, only the bundled production code will be uploaded:
|
|
82
|
+
### 3. 本地预览打包产物
|
|
74
83
|
```bash
|
|
75
|
-
|
|
76
|
-
```
|
|
77
|
-
*Note: If you are using a scoped package name (e.g. `@my-org/computent`), you should publish it as public using:*
|
|
78
|
-
```bash
|
|
79
|
-
npm publish --access public
|
|
84
|
+
pnpm preview
|
|
80
85
|
```
|
|
81
86
|
|
|
82
87
|
---
|
|
83
88
|
|
|
84
|
-
## 📦
|
|
89
|
+
## 📦 如何在其他项目中使用
|
|
85
90
|
|
|
86
|
-
### 1.
|
|
87
|
-
Install the package from npm (replace `computent` with your published package name):
|
|
91
|
+
### 1. 安装组件库
|
|
88
92
|
```bash
|
|
89
|
-
npm install computent
|
|
93
|
+
npm install xc-computent
|
|
94
|
+
# 或
|
|
95
|
+
pnpm add xc-computent
|
|
90
96
|
```
|
|
91
97
|
|
|
92
|
-
### 2.
|
|
93
|
-
|
|
98
|
+
### 2. 全局完整引入
|
|
99
|
+
在 `main.ts` 或 `main.js` 中引入组件库及其样式：
|
|
94
100
|
```typescript
|
|
95
|
-
import { createApp } from 'vue'
|
|
96
|
-
import App from './App.vue'
|
|
101
|
+
import { createApp } from 'vue'
|
|
102
|
+
import App from './App.vue'
|
|
97
103
|
|
|
98
|
-
//
|
|
99
|
-
import
|
|
100
|
-
import 'computent/dist/style.css'
|
|
104
|
+
// 引入组件库与样式
|
|
105
|
+
import XcComputent from 'xc-computent'
|
|
106
|
+
import 'xc-computent/dist/style.css'
|
|
101
107
|
|
|
102
|
-
const app = createApp(App)
|
|
103
|
-
app.use(
|
|
104
|
-
app.mount('#app')
|
|
108
|
+
const app = createApp(App)
|
|
109
|
+
app.use(XcComputent) // 注册全局组件，如 <CToDoCard>
|
|
110
|
+
app.mount('#app')
|
|
105
111
|
```
|
|
106
112
|
|
|
107
|
-
### 3.
|
|
108
|
-
|
|
109
|
-
```
|
|
113
|
+
### 3. 按需引入 (推荐)
|
|
114
|
+
直接在 Vue 组件中引入你需要用到的特定组件：
|
|
115
|
+
```vue
|
|
110
116
|
<template>
|
|
111
|
-
<div>
|
|
112
|
-
<
|
|
113
|
-
<Badge type="success" dot>Online</Badge>
|
|
117
|
+
<div class="workbench">
|
|
118
|
+
<ToDoCard :data="todoData" @action="handleAction" />
|
|
114
119
|
</div>
|
|
115
120
|
</template>
|
|
116
121
|
|
|
117
122
|
<script setup lang="ts">
|
|
118
|
-
import {
|
|
119
|
-
import 'computent/dist/style.css'
|
|
123
|
+
import { ToDoCard } from 'xc-computent'
|
|
124
|
+
import 'xc-computent/dist/style.css' // 引入组件库样式
|
|
120
125
|
</script>
|
|
121
126
|
```
|
|
127
|
+
|
package/dist/computent.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as Hs, ref as m, resolveComponent as ss, openBlock as n, createElementBlock as _, Fragment as U, renderList as js, createBlock as p, withCtx as d, createElementVNode as o, toDisplayString as l, createCommentVNode as a, createTextVNode as x, renderSlot as q, withModifiers as A, resolveDynamicComponent as os, pushScopeId as Js, popScopeId as Ks } from "vue";
|
|
2
|
-
const c = (w) => (Js("data-v-
|
|
2
|
+
const c = (w) => (Js("data-v-77a90086"), w = w(), Ks(), w), Qs = { class: "flex justify-between items-center" }, Us = { class: "mr-2 text-16px font-500" }, Ws = { class: "flex items-center" }, Xs = {
|
|
3
3
|
key: 1,
|
|
4
4
|
class: "text-14px text-[#acb0b7] mr-2"
|
|
5
5
|
}, Ys = {
|
|
@@ -416,7 +416,7 @@ const c = (w) => (Js("data-v-c1bf003a"), w = w(), Ks(), w), Qs = { class: "flex
|
|
|
416
416
|
for (const [e, k] of W)
|
|
417
417
|
H[e] = k;
|
|
418
418
|
return H;
|
|
419
|
-
}, tl = /* @__PURE__ */ nl(ll, [["__scopeId", "data-v-
|
|
419
|
+
}, tl = /* @__PURE__ */ nl(ll, [["__scopeId", "data-v-77a90086"]]), el = (w) => {
|
|
420
420
|
w.component("CToDoCard", tl);
|
|
421
421
|
}, _l = {
|
|
422
422
|
install: el
|
package/dist/computent.umd.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(y,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(y=typeof globalThis<"u"?globalThis:y||self,o(y.Computent={},y.Vue))})(this,function(y,o){"use strict";const l=d=>(o.pushScopeId("data-v-c1bf003a"),d=d(),o.popScopeId(),d),bo={class:"flex justify-between items-center"},To={class:"mr-2 text-16px font-500"},Fo={class:"flex items-center"},Po={key:1,class:"text-14px text-[#acb0b7] mr-2"},Lo={key:2,class:"text-14px text-[#acb0b7] mr-2"},Mo=["onClick"],$o={class:"flex items-center"},Io={class:"w-120px mr-4"},zo={class:"text-14px font-400"},Ro={class:"mr-2 container_old flex-1 min-w-0"},jo={class:"text-12px"},Go=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("流程ID："),-1)),Oo={style:{"font-size":"13px"}},qo={class:"text-12px"},Ao=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("流程名称："),-1)),Ho={style:{"line-height":"16px"}},Jo={class:"text-12px"},Ko=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("流程类型："),-1)),Qo={key:0},Uo={key:1},Wo={key:0,class:"text-12px"},Xo=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("合同编号："),-1)),Yo={key:1,class:"text-12px"},Zo=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("企业名称："),-1)),uo={style:{"line-height":"14px"}},mo={key:0,class:"text-12px"},vo=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("签约类型："),-1)),ot={style:{"font-size":"13px"}},tt={key:1,class:"text-12px"},et=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("签约类型："),-1)),st={style:{"font-size":"13px"}},lt={key:2,class:"text-12px"},nt=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("签约类型："),-1)),at={style:{"font-size":"13px"}},ct={key:3,class:"text-12px"},rt=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("签约类型："),-1)),dt={style:{"font-size":"13px"}},pt={key:4,class:"text-12px"},_t=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("合同类型："),-1)),yt={style:{"font-size":"13px"}},ft={key:3,class:"text-12px"},kt=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("标准："),-1)),wt={style:{"line-height":"18px"}},ht={key:4,class:"text-12px"},it=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("当前流转时间："),-1)),xt={key:5,class:"text-12px"},Nt=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("当前审批人："),-1)),Vt={key:6,class:"text-12px"},gt=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("合同类型："),-1)),Ct={key:7,class:"text-12px"},Bt=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("签约方式："),-1)),Et={key:8,class:"text-12px"},St=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("那方先签约："),-1)),Dt={class:"flex justify-between items-center"},bt={class:"mr-2 text-16px font-500"},Tt={class:"flex items-center"},Ft={key:0,class:"text-14px text-[#acb0b7] mr-2"},Pt={key:1,class:"text-14px text-[#acb0b7] mr-2"},Lt=["onClick"],Mt={class:"flex items-center"},$t={class:"w-120px mr-4 flex items-center"},It={class:"text-14px font-400"},zt={class:"mr-2 container_old flex-1 min-w-0"},K=((d,O)=>{const z=d.__vccOpts||d;for(const[s,f]of O)z[s]=f;return z})(o.defineComponent({__name:"ToDoCard",props:{countList:{default:()=>[]},type:{},typeFlowPath:{default:""},copyStatus:{},treatDerailsComponent:{},newTreatDerailsComponent:{},formTemplateComponent:{},isDeleteFn:{},showFormTitleFn:{},formatTimeFn:{},statusTypeMap:{default:()=>({})},statusTypeNormalMap:{default:()=>({})},contractTypeMap:{default:()=>({})},contractTypeLabelMap:{default:()=>({})},flowPathTypeList:{default:()=>[]}},emits:["getList","doScreen","copy","delete","expedite","details"],setup(d,{expose:O,emit:z}){const s=d,f=z,q=o.ref(null),A=o.ref(null),R=o.ref(),Q=(e,_)=>s.isDeleteFn?s.isDeleteFn(e,_):!1,U=(e,_,c)=>s.showFormTitleFn?s.showFormTitleFn(e,_,c):!1,w=e=>s.formatTimeFn?s.formatTimeFn(e):String(e||""),j=e=>s.statusTypeMap[e]||{type:"",status:""},G=e=>s.statusTypeNormalMap[e]||{type:"",status:""},jt=e=>s.contractTypeLabelMap[e]||"-",Gt=e=>s.contractTypeMap[e]||"-",Ot=e=>{const _=s.flowPathTypeList.find(c=>c.value===e);return _?_.label:"-"},H=(e,_)=>{R.value=e,f("details",{item:e,type:_}),e.is_old_flow?q.value&&(q.value.showFlag=!0):A.value&&(A.value.showFlag=!0)},W=()=>{f("getList")},X=()=>{f("doScreen",3,R.value.flow_id)},qt=e=>{f("copy",e)},Y=e=>{f("delete",e)},Z=e=>{f("expedite",e)};return O({details:H}),(e,_)=>{const c=o.resolveComponent("el-tag"),J=o.resolveComponent("el-button"),u=o.resolveComponent("el-card");return o.openBlock(),o.createElementBlock("div",null,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.countList,(t,At)=>(o.openBlock(),o.createElementBlock(o.Fragment,{key:At},[t!=null&&t.is_old_flow?(o.openBlock(),o.createBlock(u,{key:0,shadow:"hover",class:"mb-1",onClick:a=>H(t,s.type)},{header:o.withCtx(()=>{var a,p,n,h,i,x,N,V,g,C,B,E,S,D,b,T,F,P,L,M;return[o.createElementVNode("div",bo,[o.createElementVNode("div",null,[o.createElementVNode("span",To,o.toDisplayString((a=t.old_flow)==null?void 0:a.flow_node_name),1),(p=t.old_flow)!=null&&p.is_sign?(o.openBlock(),o.createBlock(c,{key:0,type:"success",effect:"plain"},{default:o.withCtx(()=>[o.createTextVNode(" 已发起签约 ")]),_:1})):o.createCommentVNode("",!0),s.typeFlowPath==="抄送我的"&&(t==null?void 0:t.copy_status)===1?o.renderSlot(e.$slots,"read-icon",{key:1,item:t},void 0,!0):o.createCommentVNode("",!0),s.typeFlowPath==="我发起的"&&((n=t==null?void 0:t.old_flow)==null?void 0:n.status)===2?(o.openBlock(),o.createBlock(J,{key:2,link:"",type:"primary",onClick:o.withModifiers(r=>Z(t),["stop"])},{default:o.withCtx(()=>[o.createTextVNode(" 催办 ")]),_:2},1032,["onClick"])):o.createCommentVNode("",!0),s.typeFlowPath==="待我审批"&&(t!=null&&t.have_remind)?(o.openBlock(),o.createBlock(c,{key:3,effect:"plain",type:"danger"},{default:o.withCtx(()=>[o.createTextVNode(" 发起人已催办 ")]),_:1})):o.createCommentVNode("",!0)]),o.createElementVNode("div",Fo,[(((h=t==null?void 0:t.old_flow)==null?void 0:h.business_type)===1&&((i=t==null?void 0:t.old_flow)==null?void 0:i.sign_type)!==1||[3,8].includes((x=t==null?void 0:t.old_flow)==null?void 0:x.business_type)||((N=t==null?void 0:t.old_flow)==null?void 0:N.business_type)===2&&((V=t==null?void 0:t.old_flow)==null?void 0:V.status)===5||[16,10].includes((g=t==null?void 0:t.old_flow)==null?void 0:g.business_type)&&[4,5].includes((C=t==null?void 0:t.old_flow)==null?void 0:C.status))&&s.typeFlowPath==="我发起的"?(o.openBlock(),o.createBlock(J,{key:0,link:"",type:"primary",class:"mr-2",onClick:o.withModifiers(r=>qt(t==null?void 0:t.old_flow),["stop"])},{default:o.withCtx(()=>[o.createTextVNode(" 一键复制 ")]),_:2},1032,["onClick"])):o.createCommentVNode("",!0),s.typeFlowPath==="抄送我的"?(o.openBlock(),o.createElementBlock("div",Po,o.toDisplayString(w((S=(E=(B=t==null?void 0:t.old_flow)==null?void 0:B.copy_list)==null?void 0:E[0])==null?void 0:S.copy_time)),1)):(o.openBlock(),o.createElementBlock("div",Lo,o.toDisplayString(w((D=t==null?void 0:t.old_flow)==null?void 0:D.submit_time)),1)),s.typeFlowPath==="待我审批"?(o.openBlock(),o.createBlock(c,{key:3,type:(P=j((F=(T=(b=t==null?void 0:t.old_flow)==null?void 0:b.node_list)==null?void 0:T[0])==null?void 0:F.approval_status))==null?void 0:P.type},{default:o.withCtx(()=>{var r,k,$,I;return[o.createTextVNode(o.toDisplayString((I=j(($=(k=(r=t==null?void 0:t.old_flow)==null?void 0:r.node_list)==null?void 0:k[0])==null?void 0:$.approval_status))==null?void 0:I.status),1)]}),_:2},1032,["type"])):(o.openBlock(),o.createBlock(c,{key:4,type:(M=G((L=t==null?void 0:t.old_flow)==null?void 0:L.status))==null?void 0:M.type},{default:o.withCtx(()=>{var r,k;return[o.createTextVNode(o.toDisplayString((k=G((r=t==null?void 0:t.old_flow)==null?void 0:r.status))==null?void 0:k.status),1)]}),_:2},1032,["type"])),Q(t,s.typeFlowPath)?o.renderSlot(e.$slots,"delete-icon",{key:5,item:t},()=>[o.createElementVNode("span",{class:"delete-btn ml-2 cursor-pointer",onClick:o.withModifiers(r=>Y(t==null?void 0:t.old_flow),["stop"])},"🗑️",8,Mo)],!0):o.createCommentVNode("",!0)])])]}),default:o.withCtx(()=>{var a,p,n,h,i,x,N,V,g,C,B,E,S,D,b,T,F,P,L,M,r,k,$,I,m,v,oo,to,eo,so,lo,no,ao,co,ro,po,_o,yo,fo,ko,wo,ho,io,xo,No,Vo,go,Co,Bo,Eo,So,Do;return[o.createElementVNode("div",$o,[o.createElementVNode("div",Io,[o.createElementVNode("div",zo,o.toDisplayString("发起人：")+o.toDisplayString((a=t==null?void 0:t.old_flow)==null?void 0:a.create_user_name),1)]),o.createElementVNode("div",Ro,[o.createElementVNode("div",jo,[Go,o.createElementVNode("span",Oo,o.toDisplayString((t==null?void 0:t.flow_id)||""),1)]),o.createElementVNode("div",qo,[Ao,o.createElementVNode("span",Ho,o.toDisplayString((p=t==null?void 0:t.old_flow)==null?void 0:p.flow_name),1)]),o.createElementVNode("div",Jo,[Ko,((n=t==null?void 0:t.old_flow)==null?void 0:n.business_type)===9?(o.openBlock(),o.createElementBlock("span",Qo,o.toDisplayString((t==null?void 0:t.old_flow.sign_type)===1?"新流程":"补充店铺"),1)):(o.openBlock(),o.createElementBlock("span",Uo,o.toDisplayString(t.template_type),1))]),((h=t==null?void 0:t.old_flow)==null?void 0:h.business_type)===1||((i=t==null?void 0:t.old_flow)==null?void 0:i.business_type)===8?(o.openBlock(),o.createElementBlock("div",Wo,[Xo,o.createElementVNode("span",null,o.toDisplayString(t==null?void 0:t.old_flow.business_ctx.esign_contract_no),1)])):o.createCommentVNode("",!0),[1,16,19].includes((x=t==null?void 0:t.old_flow)==null?void 0:x.business_type)?(o.openBlock(),o.createElementBlock("div",Yo,[Zo,o.createElementVNode("span",uo,o.toDisplayString((t==null?void 0:t.old_flow.business_ctx.company_name)||((V=(N=t==null?void 0:t.old_flow.business_ctx.no_business_contract_info)==null?void 0:N.company_info)==null?void 0:V.fp_company_name)||((C=(g=t==null?void 0:t.old_flow.business_ctx.no_business_contract_info)==null?void 0:g.personal_info)==null?void 0:C.name)||"-"),1)])):o.createCommentVNode("",!0),((B=t==null?void 0:t.old_flow)==null?void 0:B.business_type)!==9?(o.openBlock(),o.createElementBlock(o.Fragment,{key:2},[((E=t==null?void 0:t.old_flow)==null?void 0:E.business_type)===1?(o.openBlock(),o.createElementBlock("div",mo,[vo,o.createElementVNode("span",ot,o.toDisplayString(((S=t==null?void 0:t.old_flow)==null?void 0:S.sign_type)===1?"首次签约":"补充店铺"),1)])):o.createCommentVNode("",!0),((D=t==null?void 0:t.old_flow)==null?void 0:D.business_type)===2?(o.openBlock(),o.createElementBlock("div",tt,[et,o.createElementVNode("span",st,o.toDisplayString(jt(t==null?void 0:t.old_flow.business_ctx.contract_template_id)),1)])):o.createCommentVNode("",!0),[3,4,5,6,7,8].includes((b=t==null?void 0:t.old_flow)==null?void 0:b.business_type)?(o.openBlock(),o.createElementBlock("div",lt,[nt,o.createElementVNode("span",at,o.toDisplayString(Ot((T=t==null?void 0:t.old_flow)==null?void 0:T.business_type)),1)])):o.createCommentVNode("",!0),[16].includes((F=t==null?void 0:t.old_flow)==null?void 0:F.business_type)?(o.openBlock(),o.createElementBlock("div",ct,[rt,o.createElementVNode("span",dt,o.toDisplayString(["","主合同","补充协议","解除协议"][(P=t==null?void 0:t.old_flow)==null?void 0:P.sign_type]||"-"),1)])):o.createCommentVNode("",!0),((L=t==null?void 0:t.old_flow)==null?void 0:L.business_type)===16&&((M=t==null?void 0:t.old_flow)==null?void 0:M.sign_type)===1?(o.openBlock(),o.createElementBlock("div",pt,[_t,o.createElementVNode("span",yt,o.toDisplayString(Gt(($=(k=(r=t==null?void 0:t.old_flow)==null?void 0:r.business_ctx)==null?void 0:k.no_business_contract_info)==null?void 0:$.contract_type)),1)])):o.createCommentVNode("",!0)],64)):o.createCommentVNode("",!0),((I=t==null?void 0:t.old_flow)==null?void 0:I.business_type)===9?(o.openBlock(),o.createElementBlock("div",ft,[kt,o.createElementVNode("span",wt,o.toDisplayString(((m=t==null?void 0:t.old_flow.business_ctx.reduce_store_srv_fee_form)==null?void 0:m.reduce_store_srv_fee_standard_type)===1?"当日在线3店及以上，且合计活动名额100单及以上份额":"名下同品牌店铺10家及以上，月累计（近30天）销单1000单"),1)])):o.createCommentVNode("",!0),U(s.typeFlowPath,(to=(oo=(v=t==null?void 0:t.old_flow)==null?void 0:v.node_list)==null?void 0:oo[0])==null?void 0:to.approval_status,(eo=t==null?void 0:t.old_flow)==null?void 0:eo.status)?(o.openBlock(),o.createElementBlock("div",ht,[it,o.createElementVNode("span",null,o.toDisplayString(w((no=(lo=(so=t==null?void 0:t.old_flow)==null?void 0:so.node_list)==null?void 0:lo[0])==null?void 0:no.flow_time)),1)])):o.createCommentVNode("",!0),U(s.typeFlowPath,(ro=(co=(ao=t==null?void 0:t.old_flow)==null?void 0:ao.node_list)==null?void 0:co[0])==null?void 0:ro.approval_status,(po=t==null?void 0:t.old_flow)==null?void 0:po.status)?(o.openBlock(),o.createElementBlock("div",xt,[Nt,o.createElementVNode("span",null,o.toDisplayString((fo=(yo=(_o=t==null?void 0:t.old_flow)==null?void 0:_o.node_list)==null?void 0:yo[0])==null?void 0:fo.approval_user_name),1)])):o.createCommentVNode("",!0),((ko=t==null?void 0:t.old_flow)==null?void 0:ko.business_type)===19?(o.openBlock(),o.createElementBlock("div",Vt,[gt,o.createElementVNode("span",null,o.toDisplayString(((wo=t==null?void 0:t.old_flow)==null?void 0:wo.sign_type)===1?"达人合作主合同":"达人合作补充协议"),1)])):o.createCommentVNode("",!0),((ho=t==null?void 0:t.old_flow)==null?void 0:ho.business_type)===16?(o.openBlock(),o.createElementBlock("div",Ct,[Bt,o.createElementVNode("span",null,o.toDisplayString(((No=(xo=(io=t==null?void 0:t.old_flow)==null?void 0:io.business_ctx)==null?void 0:xo.no_business_contract_info)==null?void 0:No.e_sign_type)===1?"线下纸质签":"线上电子签"),1)])):o.createCommentVNode("",!0),((Vo=t==null?void 0:t.old_flow)==null?void 0:Vo.business_type)===16&&((Bo=(Co=(go=t==null?void 0:t.old_flow)==null?void 0:go.business_ctx)==null?void 0:Co.no_business_contract_info)==null?void 0:Bo.e_sign_type)===1?(o.openBlock(),o.createElementBlock("div",Et,[St,o.createElementVNode("span",null,o.toDisplayString(((Do=(So=(Eo=t==null?void 0:t.old_flow)==null?void 0:Eo.business_ctx)==null?void 0:So.no_business_contract_info)==null?void 0:Do.first_signer)===1?"我方":"对方"),1)])):o.createCommentVNode("",!0)])])]}),_:2},1032,["onClick"])):(o.openBlock(),o.createBlock(u,{key:1,shadow:"hover",class:"mb-1",onClick:a=>H(t,s.type)},{header:o.withCtx(()=>{var a,p;return[o.createElementVNode("div",Dt,[o.createElementVNode("div",null,[o.createElementVNode("span",bt,o.toDisplayString(t.node_title),1),s.typeFlowPath==="抄送我的"&&t.copy_status===1?o.renderSlot(e.$slots,"read-icon",{key:0,item:t},void 0,!0):o.createCommentVNode("",!0),s.typeFlowPath==="我发起的"&&(t==null?void 0:t.flow_status)===2?(o.openBlock(),o.createBlock(J,{key:1,link:"",type:"primary",onClick:o.withModifiers(n=>Z(t),["stop"])},{default:o.withCtx(()=>[o.createTextVNode(" 催办 ")]),_:2},1032,["onClick"])):o.createCommentVNode("",!0),s.typeFlowPath==="待我审批"&&(t!=null&&t.have_remind)?(o.openBlock(),o.createBlock(c,{key:2,effect:"plain",type:"danger"},{default:o.withCtx(()=>[o.createTextVNode(" 发起人已催办 ")]),_:1})):o.createCommentVNode("",!0)]),o.createElementVNode("div",Tt,[s.typeFlowPath==="抄送我的"?(o.openBlock(),o.createElementBlock("div",Ft,o.toDisplayString(w(t.final_pass_time)),1)):(o.openBlock(),o.createElementBlock("div",Pt,o.toDisplayString(w(t.flow_time)),1)),s.typeFlowPath==="待我审批"?(o.openBlock(),o.createBlock(c,{key:2,type:(a=j(t==null?void 0:t.node_approval_status))==null?void 0:a.type},{default:o.withCtx(()=>{var n;return[o.createTextVNode(o.toDisplayString((n=j(t==null?void 0:t.node_approval_status))==null?void 0:n.status),1)]}),_:2},1032,["type"])):(o.openBlock(),o.createBlock(c,{key:3,type:(p=G(t==null?void 0:t.flow_status))==null?void 0:p.type},{default:o.withCtx(()=>{var n;return[o.createTextVNode(o.toDisplayString((n=G(t==null?void 0:t.flow_status))==null?void 0:n.status),1)]}),_:2},1032,["type"])),Q(t,s.typeFlowPath)?o.renderSlot(e.$slots,"delete-icon",{key:4,item:t},()=>[o.createElementVNode("span",{class:"delete-btn ml-2 cursor-pointer",onClick:o.withModifiers(n=>Y(t),["stop"])},"🗑️",8,Lt)],!0):o.createCommentVNode("",!0)])])]}),default:o.withCtx(()=>[o.createElementVNode("div",Mt,[o.createElementVNode("div",$t,[o.createElementVNode("div",It,o.toDisplayString("发起人：")+o.toDisplayString(t==null?void 0:t.create_user_name),1)]),o.createElementVNode("div",zt,[o.renderSlot(e.$slots,"form-content",{item:t},()=>[e.formTemplateComponent?(o.openBlock(!0),o.createElementBlock(o.Fragment,{key:0},o.renderList(t.form_value,(a,p)=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.formTemplateComponent),{key:p,item_:a,item:t},null,8,["item_","item"]))),128)):o.createCommentVNode("",!0)],!0)])])]),_:2},1032,["onClick"]))],64))),128)),e.treatDerailsComponent?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.treatDerailsComponent),{key:0,ref_key:"treatDerailsRef",ref:q,rowItem:R.value,typeFlowPath:s.typeFlowPath,copyStatus:s.copyStatus,onGetList:W,onReada:X},null,40,["rowItem","typeFlowPath","copyStatus"])):o.createCommentVNode("",!0),e.newTreatDerailsComponent?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.newTreatDerailsComponent),{key:1,ref_key:"newTreatDerailsRef",ref:A,rowItem:R.value,typeFlowPath:s.typeFlowPath,copyStatus:s.copyStatus,onGetList:W,onReada:X},null,40,["rowItem","typeFlowPath","copyStatus"])):o.createCommentVNode("",!0)])}}}),[["__scopeId","data-v-c1bf003a"]]),Rt={install:d=>{d.component("CToDoCard",K)}};y.ToDoCard=K,y.default=Rt,Object.defineProperties(y,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
1
|
+
(function(y,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(y=typeof globalThis<"u"?globalThis:y||self,o(y.Computent={},y.Vue))})(this,function(y,o){"use strict";const l=d=>(o.pushScopeId("data-v-77a90086"),d=d(),o.popScopeId(),d),bo={class:"flex justify-between items-center"},To={class:"mr-2 text-16px font-500"},Fo={class:"flex items-center"},Po={key:1,class:"text-14px text-[#acb0b7] mr-2"},Lo={key:2,class:"text-14px text-[#acb0b7] mr-2"},Mo=["onClick"],$o={class:"flex items-center"},Io={class:"w-120px mr-4"},zo={class:"text-14px font-400"},Ro={class:"mr-2 container_old flex-1 min-w-0"},jo={class:"text-12px"},Go=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("流程ID："),-1)),Oo={style:{"font-size":"13px"}},qo={class:"text-12px"},Ao=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("流程名称："),-1)),Ho={style:{"line-height":"16px"}},Jo={class:"text-12px"},Ko=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("流程类型："),-1)),Qo={key:0},Uo={key:1},Wo={key:0,class:"text-12px"},Xo=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("合同编号："),-1)),Yo={key:1,class:"text-12px"},Zo=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("企业名称："),-1)),uo={style:{"line-height":"14px"}},mo={key:0,class:"text-12px"},vo=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("签约类型："),-1)),ot={style:{"font-size":"13px"}},tt={key:1,class:"text-12px"},et=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("签约类型："),-1)),st={style:{"font-size":"13px"}},lt={key:2,class:"text-12px"},nt=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("签约类型："),-1)),at={style:{"font-size":"13px"}},ct={key:3,class:"text-12px"},rt=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("签约类型："),-1)),dt={style:{"font-size":"13px"}},pt={key:4,class:"text-12px"},_t=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("合同类型："),-1)),yt={style:{"font-size":"13px"}},ft={key:3,class:"text-12px"},kt=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("标准："),-1)),wt={style:{"line-height":"18px"}},ht={key:4,class:"text-12px"},it=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("当前流转时间："),-1)),xt={key:5,class:"text-12px"},Nt=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("当前审批人："),-1)),Vt={key:6,class:"text-12px"},gt=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("合同类型："),-1)),Ct={key:7,class:"text-12px"},Bt=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("签约方式："),-1)),Et={key:8,class:"text-12px"},St=l(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("那方先签约："),-1)),Dt={class:"flex justify-between items-center"},bt={class:"mr-2 text-16px font-500"},Tt={class:"flex items-center"},Ft={key:0,class:"text-14px text-[#acb0b7] mr-2"},Pt={key:1,class:"text-14px text-[#acb0b7] mr-2"},Lt=["onClick"],Mt={class:"flex items-center"},$t={class:"w-120px mr-4 flex items-center"},It={class:"text-14px font-400"},zt={class:"mr-2 container_old flex-1 min-w-0"},K=((d,O)=>{const z=d.__vccOpts||d;for(const[s,f]of O)z[s]=f;return z})(o.defineComponent({__name:"ToDoCard",props:{countList:{default:()=>[]},type:{},typeFlowPath:{default:""},copyStatus:{},treatDerailsComponent:{},newTreatDerailsComponent:{},formTemplateComponent:{},isDeleteFn:{},showFormTitleFn:{},formatTimeFn:{},statusTypeMap:{default:()=>({})},statusTypeNormalMap:{default:()=>({})},contractTypeMap:{default:()=>({})},contractTypeLabelMap:{default:()=>({})},flowPathTypeList:{default:()=>[]}},emits:["getList","doScreen","copy","delete","expedite","details"],setup(d,{expose:O,emit:z}){const s=d,f=z,q=o.ref(null),A=o.ref(null),R=o.ref(),Q=(e,_)=>s.isDeleteFn?s.isDeleteFn(e,_):!1,U=(e,_,c)=>s.showFormTitleFn?s.showFormTitleFn(e,_,c):!1,w=e=>s.formatTimeFn?s.formatTimeFn(e):String(e||""),j=e=>s.statusTypeMap[e]||{type:"",status:""},G=e=>s.statusTypeNormalMap[e]||{type:"",status:""},jt=e=>s.contractTypeLabelMap[e]||"-",Gt=e=>s.contractTypeMap[e]||"-",Ot=e=>{const _=s.flowPathTypeList.find(c=>c.value===e);return _?_.label:"-"},H=(e,_)=>{R.value=e,f("details",{item:e,type:_}),e.is_old_flow?q.value&&(q.value.showFlag=!0):A.value&&(A.value.showFlag=!0)},W=()=>{f("getList")},X=()=>{f("doScreen",3,R.value.flow_id)},qt=e=>{f("copy",e)},Y=e=>{f("delete",e)},Z=e=>{f("expedite",e)};return O({details:H}),(e,_)=>{const c=o.resolveComponent("el-tag"),J=o.resolveComponent("el-button"),u=o.resolveComponent("el-card");return o.openBlock(),o.createElementBlock("div",null,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.countList,(t,At)=>(o.openBlock(),o.createElementBlock(o.Fragment,{key:At},[t!=null&&t.is_old_flow?(o.openBlock(),o.createBlock(u,{key:0,shadow:"hover",class:"mb-1",onClick:a=>H(t,s.type)},{header:o.withCtx(()=>{var a,p,n,h,i,x,N,V,g,C,B,E,S,D,b,T,F,P,L,M;return[o.createElementVNode("div",bo,[o.createElementVNode("div",null,[o.createElementVNode("span",To,o.toDisplayString((a=t.old_flow)==null?void 0:a.flow_node_name),1),(p=t.old_flow)!=null&&p.is_sign?(o.openBlock(),o.createBlock(c,{key:0,type:"success",effect:"plain"},{default:o.withCtx(()=>[o.createTextVNode(" 已发起签约 ")]),_:1})):o.createCommentVNode("",!0),s.typeFlowPath==="抄送我的"&&(t==null?void 0:t.copy_status)===1?o.renderSlot(e.$slots,"read-icon",{key:1,item:t},void 0,!0):o.createCommentVNode("",!0),s.typeFlowPath==="我发起的"&&((n=t==null?void 0:t.old_flow)==null?void 0:n.status)===2?(o.openBlock(),o.createBlock(J,{key:2,link:"",type:"primary",onClick:o.withModifiers(r=>Z(t),["stop"])},{default:o.withCtx(()=>[o.createTextVNode(" 催办 ")]),_:2},1032,["onClick"])):o.createCommentVNode("",!0),s.typeFlowPath==="待我审批"&&(t!=null&&t.have_remind)?(o.openBlock(),o.createBlock(c,{key:3,effect:"plain",type:"danger"},{default:o.withCtx(()=>[o.createTextVNode(" 发起人已催办 ")]),_:1})):o.createCommentVNode("",!0)]),o.createElementVNode("div",Fo,[(((h=t==null?void 0:t.old_flow)==null?void 0:h.business_type)===1&&((i=t==null?void 0:t.old_flow)==null?void 0:i.sign_type)!==1||[3,8].includes((x=t==null?void 0:t.old_flow)==null?void 0:x.business_type)||((N=t==null?void 0:t.old_flow)==null?void 0:N.business_type)===2&&((V=t==null?void 0:t.old_flow)==null?void 0:V.status)===5||[16,10].includes((g=t==null?void 0:t.old_flow)==null?void 0:g.business_type)&&[4,5].includes((C=t==null?void 0:t.old_flow)==null?void 0:C.status))&&s.typeFlowPath==="我发起的"?(o.openBlock(),o.createBlock(J,{key:0,link:"",type:"primary",class:"mr-2",onClick:o.withModifiers(r=>qt(t==null?void 0:t.old_flow),["stop"])},{default:o.withCtx(()=>[o.createTextVNode(" 一键复制 ")]),_:2},1032,["onClick"])):o.createCommentVNode("",!0),s.typeFlowPath==="抄送我的"?(o.openBlock(),o.createElementBlock("div",Po,o.toDisplayString(w((S=(E=(B=t==null?void 0:t.old_flow)==null?void 0:B.copy_list)==null?void 0:E[0])==null?void 0:S.copy_time)),1)):(o.openBlock(),o.createElementBlock("div",Lo,o.toDisplayString(w((D=t==null?void 0:t.old_flow)==null?void 0:D.submit_time)),1)),s.typeFlowPath==="待我审批"?(o.openBlock(),o.createBlock(c,{key:3,type:(P=j((F=(T=(b=t==null?void 0:t.old_flow)==null?void 0:b.node_list)==null?void 0:T[0])==null?void 0:F.approval_status))==null?void 0:P.type},{default:o.withCtx(()=>{var r,k,$,I;return[o.createTextVNode(o.toDisplayString((I=j(($=(k=(r=t==null?void 0:t.old_flow)==null?void 0:r.node_list)==null?void 0:k[0])==null?void 0:$.approval_status))==null?void 0:I.status),1)]}),_:2},1032,["type"])):(o.openBlock(),o.createBlock(c,{key:4,type:(M=G((L=t==null?void 0:t.old_flow)==null?void 0:L.status))==null?void 0:M.type},{default:o.withCtx(()=>{var r,k;return[o.createTextVNode(o.toDisplayString((k=G((r=t==null?void 0:t.old_flow)==null?void 0:r.status))==null?void 0:k.status),1)]}),_:2},1032,["type"])),Q(t,s.typeFlowPath)?o.renderSlot(e.$slots,"delete-icon",{key:5,item:t},()=>[o.createElementVNode("span",{class:"delete-btn ml-2 cursor-pointer",onClick:o.withModifiers(r=>Y(t==null?void 0:t.old_flow),["stop"])},"🗑️",8,Mo)],!0):o.createCommentVNode("",!0)])])]}),default:o.withCtx(()=>{var a,p,n,h,i,x,N,V,g,C,B,E,S,D,b,T,F,P,L,M,r,k,$,I,m,v,oo,to,eo,so,lo,no,ao,co,ro,po,_o,yo,fo,ko,wo,ho,io,xo,No,Vo,go,Co,Bo,Eo,So,Do;return[o.createElementVNode("div",$o,[o.createElementVNode("div",Io,[o.createElementVNode("div",zo,o.toDisplayString("发起人：")+o.toDisplayString((a=t==null?void 0:t.old_flow)==null?void 0:a.create_user_name),1)]),o.createElementVNode("div",Ro,[o.createElementVNode("div",jo,[Go,o.createElementVNode("span",Oo,o.toDisplayString((t==null?void 0:t.flow_id)||""),1)]),o.createElementVNode("div",qo,[Ao,o.createElementVNode("span",Ho,o.toDisplayString((p=t==null?void 0:t.old_flow)==null?void 0:p.flow_name),1)]),o.createElementVNode("div",Jo,[Ko,((n=t==null?void 0:t.old_flow)==null?void 0:n.business_type)===9?(o.openBlock(),o.createElementBlock("span",Qo,o.toDisplayString((t==null?void 0:t.old_flow.sign_type)===1?"新流程":"补充店铺"),1)):(o.openBlock(),o.createElementBlock("span",Uo,o.toDisplayString(t.template_type),1))]),((h=t==null?void 0:t.old_flow)==null?void 0:h.business_type)===1||((i=t==null?void 0:t.old_flow)==null?void 0:i.business_type)===8?(o.openBlock(),o.createElementBlock("div",Wo,[Xo,o.createElementVNode("span",null,o.toDisplayString(t==null?void 0:t.old_flow.business_ctx.esign_contract_no),1)])):o.createCommentVNode("",!0),[1,16,19].includes((x=t==null?void 0:t.old_flow)==null?void 0:x.business_type)?(o.openBlock(),o.createElementBlock("div",Yo,[Zo,o.createElementVNode("span",uo,o.toDisplayString((t==null?void 0:t.old_flow.business_ctx.company_name)||((V=(N=t==null?void 0:t.old_flow.business_ctx.no_business_contract_info)==null?void 0:N.company_info)==null?void 0:V.fp_company_name)||((C=(g=t==null?void 0:t.old_flow.business_ctx.no_business_contract_info)==null?void 0:g.personal_info)==null?void 0:C.name)||"-"),1)])):o.createCommentVNode("",!0),((B=t==null?void 0:t.old_flow)==null?void 0:B.business_type)!==9?(o.openBlock(),o.createElementBlock(o.Fragment,{key:2},[((E=t==null?void 0:t.old_flow)==null?void 0:E.business_type)===1?(o.openBlock(),o.createElementBlock("div",mo,[vo,o.createElementVNode("span",ot,o.toDisplayString(((S=t==null?void 0:t.old_flow)==null?void 0:S.sign_type)===1?"首次签约":"补充店铺"),1)])):o.createCommentVNode("",!0),((D=t==null?void 0:t.old_flow)==null?void 0:D.business_type)===2?(o.openBlock(),o.createElementBlock("div",tt,[et,o.createElementVNode("span",st,o.toDisplayString(jt(t==null?void 0:t.old_flow.business_ctx.contract_template_id)),1)])):o.createCommentVNode("",!0),[3,4,5,6,7,8].includes((b=t==null?void 0:t.old_flow)==null?void 0:b.business_type)?(o.openBlock(),o.createElementBlock("div",lt,[nt,o.createElementVNode("span",at,o.toDisplayString(Ot((T=t==null?void 0:t.old_flow)==null?void 0:T.business_type)),1)])):o.createCommentVNode("",!0),[16].includes((F=t==null?void 0:t.old_flow)==null?void 0:F.business_type)?(o.openBlock(),o.createElementBlock("div",ct,[rt,o.createElementVNode("span",dt,o.toDisplayString(["","主合同","补充协议","解除协议"][(P=t==null?void 0:t.old_flow)==null?void 0:P.sign_type]||"-"),1)])):o.createCommentVNode("",!0),((L=t==null?void 0:t.old_flow)==null?void 0:L.business_type)===16&&((M=t==null?void 0:t.old_flow)==null?void 0:M.sign_type)===1?(o.openBlock(),o.createElementBlock("div",pt,[_t,o.createElementVNode("span",yt,o.toDisplayString(Gt(($=(k=(r=t==null?void 0:t.old_flow)==null?void 0:r.business_ctx)==null?void 0:k.no_business_contract_info)==null?void 0:$.contract_type)),1)])):o.createCommentVNode("",!0)],64)):o.createCommentVNode("",!0),((I=t==null?void 0:t.old_flow)==null?void 0:I.business_type)===9?(o.openBlock(),o.createElementBlock("div",ft,[kt,o.createElementVNode("span",wt,o.toDisplayString(((m=t==null?void 0:t.old_flow.business_ctx.reduce_store_srv_fee_form)==null?void 0:m.reduce_store_srv_fee_standard_type)===1?"当日在线3店及以上，且合计活动名额100单及以上份额":"名下同品牌店铺10家及以上，月累计（近30天）销单1000单"),1)])):o.createCommentVNode("",!0),U(s.typeFlowPath,(to=(oo=(v=t==null?void 0:t.old_flow)==null?void 0:v.node_list)==null?void 0:oo[0])==null?void 0:to.approval_status,(eo=t==null?void 0:t.old_flow)==null?void 0:eo.status)?(o.openBlock(),o.createElementBlock("div",ht,[it,o.createElementVNode("span",null,o.toDisplayString(w((no=(lo=(so=t==null?void 0:t.old_flow)==null?void 0:so.node_list)==null?void 0:lo[0])==null?void 0:no.flow_time)),1)])):o.createCommentVNode("",!0),U(s.typeFlowPath,(ro=(co=(ao=t==null?void 0:t.old_flow)==null?void 0:ao.node_list)==null?void 0:co[0])==null?void 0:ro.approval_status,(po=t==null?void 0:t.old_flow)==null?void 0:po.status)?(o.openBlock(),o.createElementBlock("div",xt,[Nt,o.createElementVNode("span",null,o.toDisplayString((fo=(yo=(_o=t==null?void 0:t.old_flow)==null?void 0:_o.node_list)==null?void 0:yo[0])==null?void 0:fo.approval_user_name),1)])):o.createCommentVNode("",!0),((ko=t==null?void 0:t.old_flow)==null?void 0:ko.business_type)===19?(o.openBlock(),o.createElementBlock("div",Vt,[gt,o.createElementVNode("span",null,o.toDisplayString(((wo=t==null?void 0:t.old_flow)==null?void 0:wo.sign_type)===1?"达人合作主合同":"达人合作补充协议"),1)])):o.createCommentVNode("",!0),((ho=t==null?void 0:t.old_flow)==null?void 0:ho.business_type)===16?(o.openBlock(),o.createElementBlock("div",Ct,[Bt,o.createElementVNode("span",null,o.toDisplayString(((No=(xo=(io=t==null?void 0:t.old_flow)==null?void 0:io.business_ctx)==null?void 0:xo.no_business_contract_info)==null?void 0:No.e_sign_type)===1?"线下纸质签":"线上电子签"),1)])):o.createCommentVNode("",!0),((Vo=t==null?void 0:t.old_flow)==null?void 0:Vo.business_type)===16&&((Bo=(Co=(go=t==null?void 0:t.old_flow)==null?void 0:go.business_ctx)==null?void 0:Co.no_business_contract_info)==null?void 0:Bo.e_sign_type)===1?(o.openBlock(),o.createElementBlock("div",Et,[St,o.createElementVNode("span",null,o.toDisplayString(((Do=(So=(Eo=t==null?void 0:t.old_flow)==null?void 0:Eo.business_ctx)==null?void 0:So.no_business_contract_info)==null?void 0:Do.first_signer)===1?"我方":"对方"),1)])):o.createCommentVNode("",!0)])])]}),_:2},1032,["onClick"])):(o.openBlock(),o.createBlock(u,{key:1,shadow:"hover",class:"mb-1",onClick:a=>H(t,s.type)},{header:o.withCtx(()=>{var a,p;return[o.createElementVNode("div",Dt,[o.createElementVNode("div",null,[o.createElementVNode("span",bt,o.toDisplayString(t.node_title),1),s.typeFlowPath==="抄送我的"&&t.copy_status===1?o.renderSlot(e.$slots,"read-icon",{key:0,item:t},void 0,!0):o.createCommentVNode("",!0),s.typeFlowPath==="我发起的"&&(t==null?void 0:t.flow_status)===2?(o.openBlock(),o.createBlock(J,{key:1,link:"",type:"primary",onClick:o.withModifiers(n=>Z(t),["stop"])},{default:o.withCtx(()=>[o.createTextVNode(" 催办 ")]),_:2},1032,["onClick"])):o.createCommentVNode("",!0),s.typeFlowPath==="待我审批"&&(t!=null&&t.have_remind)?(o.openBlock(),o.createBlock(c,{key:2,effect:"plain",type:"danger"},{default:o.withCtx(()=>[o.createTextVNode(" 发起人已催办 ")]),_:1})):o.createCommentVNode("",!0)]),o.createElementVNode("div",Tt,[s.typeFlowPath==="抄送我的"?(o.openBlock(),o.createElementBlock("div",Ft,o.toDisplayString(w(t.final_pass_time)),1)):(o.openBlock(),o.createElementBlock("div",Pt,o.toDisplayString(w(t.flow_time)),1)),s.typeFlowPath==="待我审批"?(o.openBlock(),o.createBlock(c,{key:2,type:(a=j(t==null?void 0:t.node_approval_status))==null?void 0:a.type},{default:o.withCtx(()=>{var n;return[o.createTextVNode(o.toDisplayString((n=j(t==null?void 0:t.node_approval_status))==null?void 0:n.status),1)]}),_:2},1032,["type"])):(o.openBlock(),o.createBlock(c,{key:3,type:(p=G(t==null?void 0:t.flow_status))==null?void 0:p.type},{default:o.withCtx(()=>{var n;return[o.createTextVNode(o.toDisplayString((n=G(t==null?void 0:t.flow_status))==null?void 0:n.status),1)]}),_:2},1032,["type"])),Q(t,s.typeFlowPath)?o.renderSlot(e.$slots,"delete-icon",{key:4,item:t},()=>[o.createElementVNode("span",{class:"delete-btn ml-2 cursor-pointer",onClick:o.withModifiers(n=>Y(t),["stop"])},"🗑️",8,Lt)],!0):o.createCommentVNode("",!0)])])]}),default:o.withCtx(()=>[o.createElementVNode("div",Mt,[o.createElementVNode("div",$t,[o.createElementVNode("div",It,o.toDisplayString("发起人：")+o.toDisplayString(t==null?void 0:t.create_user_name),1)]),o.createElementVNode("div",zt,[o.renderSlot(e.$slots,"form-content",{item:t},()=>[e.formTemplateComponent?(o.openBlock(!0),o.createElementBlock(o.Fragment,{key:0},o.renderList(t.form_value,(a,p)=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.formTemplateComponent),{key:p,item_:a,item:t},null,8,["item_","item"]))),128)):o.createCommentVNode("",!0)],!0)])])]),_:2},1032,["onClick"]))],64))),128)),e.treatDerailsComponent?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.treatDerailsComponent),{key:0,ref_key:"treatDerailsRef",ref:q,rowItem:R.value,typeFlowPath:s.typeFlowPath,copyStatus:s.copyStatus,onGetList:W,onReada:X},null,40,["rowItem","typeFlowPath","copyStatus"])):o.createCommentVNode("",!0),e.newTreatDerailsComponent?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.newTreatDerailsComponent),{key:1,ref_key:"newTreatDerailsRef",ref:A,rowItem:R.value,typeFlowPath:s.typeFlowPath,copyStatus:s.copyStatus,onGetList:W,onReada:X},null,40,["rowItem","typeFlowPath","copyStatus"])):o.createCommentVNode("",!0)])}}}),[["__scopeId","data-v-77a90086"]]),Rt={install:d=>{d.component("CToDoCard",K)}};y.ToDoCard=K,y.default=Rt,Object.defineProperties(y,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.read-dot[data-v-
|
|
1
|
+
.read-dot[data-v-77a90086]{width:6px;height:6px;border-radius:50%;background-color:red;display:inline-block;vertical-align:middle;margin-left:4px;transform:translateY(-8px)}.delete-btn[data-v-77a90086]{font-size:18px;color:#ef4444;transition:opacity .2s}.delete-btn[data-v-77a90086]:hover{opacity:.8}.container_old[data-v-77a90086]{display:grid;grid-auto-flow:column;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,auto);row-gap:8px;align-content:start}.title[data-v-77a90086]{font-size:12px;font-weight:500;margin-right:4px}[data-v-77a90086] .el-card__header{padding:8px 15px;background-color:var(--bg-flow-top)}[data-v-77a90086] .el-card__body{padding:10px 20px}:root{--comp-primary: #6366f1;--comp-primary-hover: #4f46e5;--comp-primary-active: #4338ca;--comp-primary-light: #e0e7ff;--comp-success: #10b981;--comp-success-hover: #059669;--comp-success-light: #d1fae5;--comp-warning: #f59e0b;--comp-warning-hover: #d97706;--comp-warning-light: #fef3c7;--comp-danger: #ef4444;--comp-danger-hover: #dc2626;--comp-danger-active: #b91c1c;--comp-danger-light: #fee2e2;--comp-info: #06b6d4;--comp-info-hover: #0891b2;--comp-info-light: #ecfeff;--comp-bg-main: #0b0f19;--comp-bg-card: #151d30;--comp-bg-hover: #1f293d;--comp-text-primary: #f3f4f6;--comp-text-secondary: #9ca3af;--comp-text-muted: #6b7280;--comp-border: #2d3748;--comp-border-hover: #4a5568;--comp-font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--comp-radius-sm: 6px;--comp-radius-md: 10px;--comp-radius-lg: 16px;--comp-radius-full: 9999px;--comp-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--comp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--comp-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .3);--comp-shadow-glow: 0 0 15px rgba(99, 102, 241, .3);--comp-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--comp-transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}.comp-lib-root,.comp-lib-root *,.comp-lib-root *:before,.comp-lib-root *:after{box-sizing:border-box;font-family:var(--comp-font-sans)}*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}*{--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgba(59, 130, 246, .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}body{margin:0;font-family:inherit;line-height:inherit}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}h1,p,h2{margin:0}h1,h2{font-size:inherit;font-weight:inherit}.cursor-pointer{cursor:pointer}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.flex-1{-webkit-box-flex:1;-ms-flex:1 1 0%;-webkit-flex:1 1 0%;flex:1 1 0%}.font-500{font-weight:500}.font-400{font-weight:400}.text-16px{font-size:16px;line-height:1}.text-14px{font-size:14px;line-height:1}.text-12px{font-size:12px;line-height:1}.mb-1{margin-bottom:.25rem}.mr-2{margin-right:.5rem}.ml-2{margin-left:.5rem}.mr-4{margin-right:1rem}.min-w-0{min-width:0px}.text-\[\#acb0b7\]{--tw-text-opacity: 1;color:rgba(172,176,183,var(--tw-text-opacity))}.w-120px{width:120px}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "xc-computent",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.2",
|
|
4
4
|
"description": "A premium Vue 3 component library built with Vite and TypeScript",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/computent.umd.cjs",
|
|
@@ -33,8 +33,8 @@
|
|
|
33
33
|
"author": "",
|
|
34
34
|
"license": "MIT",
|
|
35
35
|
"peerDependencies": {
|
|
36
|
-
"vue": "
|
|
37
|
-
"element-plus": "
|
|
36
|
+
"vue": "3.3.6",
|
|
37
|
+
"element-plus": "2.4.3",
|
|
38
38
|
"@iconify/vue": "^4.0.0",
|
|
39
39
|
"vue-types": "^5.0.0"
|
|
40
40
|
},
|