Start

安装

npm install --save cbim-common-components

使用

import { ProjDocArchiveSelector } from 'cbim-common-components';
// 如果全局引入了就无需在使用的位置引入
import "cbim-common-components/style.css";

注意：

1. 使用的项目的构建配置中，需要添加resolve.alias配置项，如下：

resolve: {
  alias: {
    'vue': path.resolve(__dirname, 'node_modules/vue'),
  },
},

示例

ProjDocArchiveSelector组件

• 使用示例

<template>
  <div class="content">
    <Button @click="onClick">选择归档文件</Button>
    <ProjDocArchiveSelector
      ref="el"
      title="选择归档文件"
      from="sign"
      baseURL="/api"
      :isFolder="false"
      :single="false"
      projectId="1134462444210982912"
      docProjectId="1134462443644751872"
      errorTipText="请选择文件!"
      @onSave="onSave"
    />
  </div>
</template>
<script lang="ts" setup>
import { ref } from "vue";
import { ProjDocArchiveSelector } from "cbim-common-components";
import { Button } from "ant-design-vue";
import "cbim-common-components/style.css";

const el: any = ref(null);
const onClick = () => {
    el.value?.show()
};

const onSave = (res: any) => {
    console.log("onSave", res);
};
</script>

• 参数说明

|参数名|参数类型|参数说明|是否必填| |--|--|--|--| |docProjectId|String|项目id|是| |projectId|String|子项id，没有传项目id|是| |title|String|弹窗标题|否| |from|String|来源|否| |baseURL|String|网关地址|否| |single|Boolean|是否单选，默认多选|否| |isFolder|Boolean|是否文件夹|否| |errorTipText|String|错误提示|否| |onSave|Function|保存回调|否| |showMask|Boolean|是否显示遮罩|否| |destroyOnClose|Boolean|关闭时销毁|否|

ProjDocFormSelector组件

• 使用示例

<template>
  <div class="content">
    <Button @click="onClick">选择表单</Button>
    <ProjDocFormSelector
      ref="el"
      title="选择表单"
      baseURL="https://test6-gw.cbim.org.cn"
      :single="false"
      subProjectId="1134462444210982912"
      projectId="1134462443644751872"
      accountId="1074041648209756161"
      userId="901417056736514048"
      errorTipText="请选择表单!"
      @onSave="onSave"
    />
  </div>
</template>
<script lang="ts" setup>
import { ref } from "vue";
import { ProjDocFormSelector } from "cbim-common-components";
import { Button } from "ant-design-vue";
import "cbim-common-components/style.css";

const el: any = ref(null);
const onClick = () => {
    el.value?.show()
};

const onSave = (res: any) => {
    console.log("onSave", res);
};
</script>

此组件依赖cbim-table-gx，请先安装cbim-table-gx并全局引入

// entry.ts
import { createApp } from 'vue'
import App from './App.vue'

/** 1 */
import cbimTableGx from 'cbim-table-gx'
import 'cbim-table-gx/cbim-table.css'

const app = createApp(App)

/** 2 */
app.use(cbimTableGx)

app.mount('#app')

• 参数说明

|参数名|参数类型|参数说明|是否必填| |--|--|--|--| |projectId|String|项目id|是| |subProjectId|String|子项id，没有传项目id|是| |accountId|String|企业accountId|是| |userId|String|用户id|是| |title|String|弹窗标题|否| |baseURL|String|网关地址|否| |single|Boolean|是否单选，默认多选|否| |errorTipText|String|错误提示|否| |onSave|Function|保存回调|否| |showMask|Boolean|是否显示遮罩|否| |destroyOnClose|Boolean|关闭时销毁|否|