ci-plus 1.1.0 → 1.1.2

package/src/identificationCard/index.ts

@@ -0,0 +1,4 @@
+import _IdentificationCard from './identificationCard.vue'
+import { withInstall } from '../utils/index';
+export const IdentificationCard = withInstall(_IdentificationCard)
+export default IdentificationCard

package/src/identificationCard/read.md

@@ -0,0 +1,64 @@
+## 依赖
+
+"jsbarcode": "^3.11.6",
+
+## 使用
+
+```js
+<el-dialog
+  v-model="store.showTag"  //弹窗控制
+  title="标签"
+  destroy-on-close
+  style="width: 580px; height: 630px; overflow: auto" // 弹窗大小
+>
+  <identification-card
+    :list="printList"               // 循环渲染卡片的数据
+    :cardName="'库存台账标识卡'"      // 卡片名称
+    ref="goodsPrintRef"               // 控制打印的ref（可调用里面暴露的 打印方法）
+    style="width: 100%; height: 500px"  // 设置标签的宽高
+  ></identification-card>
+</el-dialog>
+
+
+// 点击按钮弹出标识卡调用的方法
+function handlePrintAll() {
+  if (multipleSelection.value.length < 1)
+    return ElMessage.warning('请选择要操作的数据！')
+  // multipleSelection.value 为要渲染的源数组对象
+  // printList.value 为传递到组件的 实际数组对象
+  multipleSelection.value.forEach((val) => {
+    let obj = {
+      serialNumber: val.center_data[0].b2b_batch_number, //'1001', // 条码文本
+      qr_code_path: baseUrls + val.qr_code_path, // 二维码图片路径
+      material_name: val.material_type, //'文件编号1',
+      store_code: val.material_name, //'名称/类型1',
+      customer_name: val.material_model, //'产品型号1',
+      supplier_name: val.material_code, //'物料编号1',
+      material_model: val.center_data[0].flow_lot_number
+        ? val.center_data[0].flow_lot_number
+        : '', //'批号1',
+      card_code: val.card_code, //'标识卡号',
+      material_code: val.center_data[0].value, //'规值1',
+      location_name: val.center_data[0].supplier_name, //'供应商1',
+      data: [
+        {
+          opt_time: setDate(val.opt_time), // 日期
+          sr: val.record_type === 1 ? val.current_inventory : '', // 收入
+          fc: val.record_type === 2 ? val.current_inventory : '', // 发出
+          balance_count: val.balance_count, //结转
+          remark: val.remark, // 签字/备注
+        },
+      ],
+    }
+    printList.value.push(obj)
+  })
+
+
+  setTimeout(function () {
+    // goodsPrintRef.value.print()
+    store.showTag = true
+  }, 100)
+}
+
+
+```

package/src/index.ts

@@ -6,6 +6,9 @@ export * from './ccapp';
 export * from './svgicon';// svg图标
 export * from './selectSuffix';
 export * from './sortableTable/index/headButtons'; // 导出排序表头按钮
+export * from './sortableTable/index/headerInput'; // 导出筛选面板
 export * from './sortableTable/index/sortableTable'; // 导出排序表格
 export * from './sortableTable/index/sortableTableDialog'; // 导出表排序组件
-export * from './sortableTable/index/sortableTableColumnCell'; // 导出表列组件
+export * from './sortableTable/index/sortableTableColumnCell'; // 导出表列组件
+export * from './fileRelated/index/ciupload'; // 导出文件上传组件
+export * from './identificationCard'; // 导出标识卡模板组件

package/src/selectSuffix/selectSuffix.vue

@@ -17,6 +17,7 @@
       :props="props.prop"
       :height="200"
       :disabled="props.disabled"
+      :loading="select_loading"
       v-bind="$attrs"
     >
       <template #prefix>
@@ -26,6 +27,11 @@
           </el-icon>
         </span>
       </template>
+      <template #loading>
+        <svg class="circular" viewBox="0 0 50 50">
+          <circle class="path" cx="25" cy="25" r="20" fill="none" />
+        </svg>
+      </template>
     </el-select-v2>
     <el-dialog
       class="L-dialog"
@@ -160,6 +166,7 @@ const basic = reactive<Basic>({
   is_dialogTable: false,
   search: ''
 })
+const select_loading = ref(false)
 const is_aim = ref(false)
 const tagLabel = ref('')
 const tableData = ref<AnyO[]>([])
@@ -242,7 +249,8 @@ const getTableData = (obj = {}, page1 = false) => {
   getAxios(obj, page1).then((res) => {
     if (res.code !== 200) return ElMessage.warning(res.msg)
     basic.count = res.count
-    tableData.value = res.data
+    if (props.getData) tableData.value = props.getData(res.data) || []
+    else tableData.value = res.data || []
     setCurrent()
   })
 }
@@ -291,6 +299,7 @@ const getAxios = async (obj = {}, page1 = false): Promise<any> => {
 }
 const getOptions = (val: string) => {
   if (!val) return
+  select_loading.value = true
   let searchObj: AnyO = {}
   searchObj[props.searchKey ? props.searchKey : 'search'] = val
   axios({
@@ -303,10 +312,14 @@ const getOptions = (val: string) => {
   })
     .then((res_) => {
       let res = res_.data
+      select_loading.value = false
       if (res.code !== 200) return ElMessage.warning(res.msg)
+      if (props.getData) temporary_options.value = props.getData(res.data) || []
+      else temporary_options.value = res.data || []
       temporary_options.value = res.data
     })
     .catch((err) => {
+      select_loading.value = false
       ElMessage.error(err.code)
     })
 }
@@ -332,4 +345,21 @@ const getOptions = (val: string) => {
 .el-table .success-row {
   --el-table-tr-bg-color: #cdedff;
 }
+
+.circular {
+  margin-top: 5px;
+  display: inline;
+  height: 30px;
+  width: 30px;
+  animation: loading-rotate 2s linear infinite;
+}
+
+.path {
+  animation: loading-dash 1.5s ease-in-out infinite;
+  stroke-dasharray: 90, 150;
+  stroke-dashoffset: 0;
+  stroke-width: 2;
+  stroke: var(--el-color-primary);
+  stroke-linecap: round;
+}
 </style>

package/src/selectSuffix/types.ts

@@ -3,43 +3,44 @@ import { TableColumnInstance, ColumnCls } from 'element-plus'
 import { AxiosRequestConfig } from 'axios';
 export type Props<T> = Partial<Omit<T, `$${string}` | `_${string}` | '$' | '_'>>
 export interface Scope<T> {
-  row: T,
-  $index: number,
-  column: ColumnCls<T>
+    row: T,
+    $index: number,
+    column: ColumnCls<T>
 }
 export interface AnyO {
-  [key: string]: any
+    [key: string]: any
 }
 export interface SelectColumn {
-  col: Props<TableColumnInstance>
-  scope?(props: any): string
-  component?: (createVNode: typeof h, data: Scope<any>) => ComponentIns
+    col: Props<TableColumnInstance>
+    scope?(props: any): string
+    component?: (createVNode: typeof h, data: Scope<any>) => ComponentIns
 }
 export interface SelectSuffix {
-  title?: string  //弹出层标题
-  modelValue?: string | string[] //下拉框value
-  columns: SelectColumn[] // 表格列配置
-  mul?: boolean //多选
-  aim?: boolean
-  disabled?: boolean
-  size?: "" | "default" | "small" | "large"
-  prop: {   //下拉框字段
-    label: string
-    value: string
-  }
-  where?: {  //弹出层打开需要展示Label的请求的params
-    [key: string]: string
-  }
-  axiosConfig: AxiosRequestConfig //Axios请求配置
-  isExist?: boolean  // 是否选中关闭，单选默认true，多选默认false
-  searchKey?: string // 模糊搜索字段，默认search,
-  // selectConfig?:Props<ISelectV2Props>
+    title?: string  //弹出层标题
+    modelValue?: string | string[] //下拉框value
+    columns: SelectColumn[] // 表格列配置
+    mul?: boolean //多选
+    aim?: boolean
+    disabled?: boolean
+    size?: "" | "default" | "small" | "large"
+    prop: {   //下拉框字段
+        label: string
+        value: string
+    }
+    where?: {  //弹出层打开需要展示Label的请求的params
+        [key: string]: string
+    }
+    axiosConfig: AxiosRequestConfig //Axios请求配置
+    isExist?: boolean  // 是否选中关闭，单选默认true，多选默认false
+    searchKey?: string // 模糊搜索字段，默认search,
+    // selectConfig?:Props<ISelectV2Props> 
+    getData?: (params: any) => any[] // 获取数据的方法::getData="(data: any) => data.data"
 }
 export interface Basic {
-  page: number
-  limit: number
-  count: number
-  is_dialogTable: boolean
-  loading: boolean
-  search: string
+    page: number
+    limit: number
+    count: number
+    is_dialogTable: boolean
+    loading: boolean
+    search: string
 }