kn-cli 1.0.60 → 1.0.61

package/templates/template_oa/public/src/components/Select/StaffSelect/index.less

@@ -0,0 +1,24 @@
+.content {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 120px;
+  background: #fafafa;
+  z-index: 10;
+  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
+
+  :global {
+    .ant-col {
+      button {
+        margin-left: 10px;
+        border: 1px solid #d8d8d8;
+      }
+      &:first-child {
+        button {
+          margin-left: 0;
+        }
+      }
+    }
+  }
+}

package/templates/template_oa/public/src/components/Toast/index.less

@@ -27,7 +27,7 @@
     background: rgba(0,0,0,.8);
     opacity:.8;
     border-radius: var(--radius-default);
-    padding:var(--padding-default);
+    padding:var(--padding-small) var(--padding-default);
 
     display: flex;
     flex-direction: column;

package/templates/template_oa/public/src/components/Upload/index.jsx

@@ -0,0 +1,358 @@
+import React, { useState,useEffect } from 'react';
+import { Upload, message,Button } from 'antd';
+import { UPLOAD_FILE,GET_DOWNLOAD_FILE } from "@/services/common.js";
+// import {getUploadToken,setMediaInfo} from '@/services/common.js';
+// import COS  from 'cos-js-sdk-v5';
+
+import { UploadOutlined } from '@ant-design/icons';
+
+
+function DELAY(time){
+  return new Promise(reslove=>{
+    setTimeout(reslove,time);
+  })
+}
+
+// export async function uploadToCos(files,onProgress,params){
+//   if(params&&params.userId){
+//     params.type=1;
+//   }
+//   let token = await getUploadToken(params);
+//   let key = token?.data?.fileKey||Date.now();
+//   let baseUrl = token?.data?.baseUrl;
+//   let credentials={};
+//   let data={};
+  
+//   if(+token?.code===0){
+//     credentials = token.data.credentials;
+//     data=token.data;
+//   }
+
+
+//   var cos = new COS({
+//     getAuthorization:(options,callback)=>{
+//       callback({
+//         TmpSecretId: credentials.tmpSecretId,
+//         TmpSecretKey: credentials.tmpSecretKey,
+//         XCosSecurityToken: credentials.sessionToken,
+//         StartTime: data.startTime, 
+//         ExpiredTime: data.expiredTime,
+//       })
+//     }
+//   });
+
+ 
+//   return new Promise(reslove=>{
+//     cos.putObject({
+//       Bucket:data.bucket,
+//       Region:data.region,
+//       Key:key,
+//       StorageClass: 'STANDARD',
+//       Body:files,
+//       onProgress: function(progressData) {
+//         if(onProgress)onProgress({percent:progressData.percent*100})
+//         console.log(JSON.stringify(progressData));
+//       }
+//     },function(err, data) {
+//       if(data){
+//         reslove({url:`${baseUrl}/${key}`,key:key});
+//         return;
+//       }
+//       reslove()
+//     })
+//   })
+  
+
+
+// }
+
+function CHECK_FILE_TYPE(types, filename) {
+  let reg = '';
+
+  if (types.constructor === Array) {
+    types = types.join('|');
+  }
+  reg = `[.](${types})$`;
+  reg = new RegExp(reg, 'i');
+  return reg.test(filename);
+}
+
+
+const getImageInfo= async (file)=>{
+  return new Promise(resolve=>{
+    var reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload =()=>{
+      let img = new Image();
+      img.onload=()=>{
+        resolve({width:img.width,height:img.height});
+      }
+      img.src=reader.result;
+    }
+  })
+}
+const getVideoInfo= async (file)=>{
+  return new Promise(resolve=>{
+    var reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload =()=>{
+      let video = document.createElement('video');
+      video.addEventListener('canplay',(e)=>{
+        const {videoWidth,videoHeight} = e.target;
+        resolve({width:videoWidth,height:videoHeight});
+      })
+      video.setAttribute('src',reader.result);
+      // document.body.appendChild(img);
+    }
+  })
+}
+export const uploadFile=async (props,detail)=>{
+  // let response = await UPLOAD_FILE(detail.file, {}, detail.onProgress);
+  // await DELAY(1000);
+  // detail.onProgress({ percent: 20 });
+  // await DELAY(1000);
+  // detail.onProgress({ percent: 100 });
+
+  // mock 拦截上传模拟上传完成用
+  // let url='';
+  // switch(detail.file.type){
+  //   case 'image/jpeg':
+  //   case 'image/png':url='https://officialwebsite-static.kingnet.com/20201130132001-%E6%9C%AA%E5%91%BD%E5%90%8D_meitu_1.jpg';break;
+  //   case 'video/mp4':url="http://yayapt-1254024138.cos.ap-shanghai.myqcloud.com/1607653172352"
+  // }
+  // let response = {  url: url, key: detail.file.uid } ;
+
+  
+  let mimeType = detail.file.type;
+  let fileName=detail.file.name;
+  let type = 1;
+  let fileSize = detail.file.size;
+  let module=props?.from||'';
+  if(/^video/.test(mimeType)){
+    type=2;//视频
+  }else if(/^image/.test(mimeType)){
+    type=1;//图片
+  }
+
+  let info=null;
+  // if(props.getWidthHeight){
+  if(type===2){
+    info =await getVideoInfo(detail.file);
+  }else if(type===1){
+    info = await getImageInfo(detail.file);
+  }
+  let uploadServiceType = 'oa';
+  // }
+  let response;
+  if(uploadServiceType==='oa')response = await UPLOAD_FILE(detail.file,null,detail.onProgress);
+  // if(uploadServiceType==='cos')response = await uploadToCos(detail.file,detail.onProgress,props.params);
+
+  if (response) {
+    // if(uploadServiceType==='cos'){
+    //   let infoRet = await setMediaInfo({
+    //     fileKey:response.key, 
+    //     fileName,
+    //     mimeType,
+    //     fileSize,
+    //     type,
+    //     module,
+    //     mediaWidth:info?.width,
+    //     mediaHeight:info?.height});
+    //   if(!infoRet){
+    //     return;
+    //   }
+    // }
+    if(detail?.onSuccess){
+      detail.onSuccess({
+        server_link: response.url,
+        client_name:response.key,
+        info:info,
+      });
+    }
+    return {
+      server_link: response.url,
+      client_name:response.key,
+      info:info,
+    };
+
+  } else {
+    if(detail?.onError){
+      detail.onError();
+    }
+    return;
+  }
+}
+
+
+/**
+ *
+ * {
+ *  uid:'',//唯一id，负数为默认文件
+ *  url:'',//下载链接
+ *  status:'done',//上传状态
+ *  name:'1.png',//文件名称
+ *  formData:{ //存放提交给接口表单用的文件参数
+ *    server_name:'',
+ *    cli_name:''
+ *  }
+ * }
+ */
+const UploadHelper = (props) => {
+  // const [count, setCount] = useState(0);
+  // console.log(`upload helper value:${props.value}`)
+  const [fileList, setFileList] = useState([]);
+  const updateValue=()=>{
+
+    let defaultFile=[];
+    let ret=[];
+    if(props.value){
+      if(props.value.map){
+        defaultFile=[...props.value];
+      }else{
+        defaultFile.push(props.value);
+      }
+    }
+    else if(props.defaultFile){
+      if(props.defaultFile.map){
+        defaultFile=[...props.defaultFile];
+      }else{
+        defaultFile.push(props.defaultFile);
+      }
+    }
+
+    if (!defaultFile || defaultFile.length <= 0) {
+
+    } 
+    else{
+        ret= defaultFile?.map((file, idx) => {
+          let client_name,server_link,thumbUrl,info;
+          if( typeof file ==='string' ){
+            server_link = file;
+            client_name = '';
+          }else{
+            client_name=file.client_name
+            server_link=file.server_link;
+            thumbUrl=file.thumbUrl;
+            info=file.info;
+            
+          }
+          return {
+            uid: '-' + idx,
+            name: client_name,
+            url: server_link,
+            status: 'done',
+            thumbUrl: file.thumbUrl || props.thumbUrl||null,
+            formData: {
+              server_link: server_link,
+              client_name: client_name,
+              info:info,
+            },
+          };
+        });
+    }
+    setFileList(ret);
+    
+  }
+
+  useEffect(()=>{
+    updateValue();
+  },[props.value,props.defaultFile])
+  function beforeUpload(acceptTypes, file) {
+    if (acceptTypes && !CHECK_FILE_TYPE(acceptTypes, file.name)) {
+      message.error( `文件类型不正确,仅支持:${acceptTypes.join(';')}` );
+      return false;
+    }
+    if (props.maxSize && file.size / 1024 > props.maxSize) {
+      if(props.maxSize>1024){
+        message.error( `文件大小不能超过:${props.maxSize/1024}MB` );
+        return false;
+      }
+      message.error( `文件大小不能超过:${props.maxSize}KB` );
+      return false;
+    }
+    return true;
+  }
+
+  function onChangeFile(detail) {
+    let fileList = [];
+    let changeFlie = [];
+    let change = true;
+    // console.log(JSON.stringify(detail.fileList));
+    detail.fileList.forEach((file) => {
+      if (file.status) {
+        fileList.push(file);
+        if (file.status === 'uploading') {
+          change = false;
+        }
+        if (file.status === 'done' && file.response && !file.formData) {
+          file.formData = {
+            server_link: file.response.server_link,
+            client_name: file.response.client_name,
+            info:file.response.info||null,
+          };
+          file.formData.thumbUrl = GET_DOWNLOAD_FILE(file.formData.server_link)
+        }
+        if (file.status === 'done' && file.formData) {
+          changeFlie.push(file.formData);
+        }
+      }
+    });
+    setFileList(fileList);
+    if (change) {
+      if (props.onChange) props.onChange(changeFlie);
+    }
+  }
+
+  
+  const BtnUpload=()=>{
+    let {listType} = props;
+
+    if(listType==='text' || !listType){
+      return (
+        <Button icon={<UploadOutlined />}>上传</Button>
+      )
+    }
+    return (
+      <div style={{ marginTop: 8 }}>上传图片</div>
+    )
+  }
+  function renderChildren(){
+    let {listType,multiple,disabled} = props;
+    
+
+    //单图模式，在有文件的情况下不显示上传按钮
+    if(!multiple){
+      if(fileList.length>0){
+        return '';
+      }
+    }
+    if(disabled){
+      return '无';
+    }
+
+    return <BtnUpload />;
+
+  }
+  function onPreview(file){
+    window.open(GET_DOWNLOAD_FILE(file.formData.server_link));
+  }
+  return (
+    <Upload
+      multiple={props.multiple}
+      beforeUpload={beforeUpload.bind(this, props.acceptTypes)}
+      onChange={onChangeFile}
+      customRequest={uploadFile.bind(this,props)}
+      disabled={props.disabled}
+      fileList={fileList}
+      listType={props.listType}
+      onPreview={props.onPreview||onPreview}
+      showUploadList={props.showUploadList}
+      className={props.className}
+      // previewFile={onPreview}
+    >
+      {renderChildren()}
+    </Upload>
+  );
+};
+
+export default UploadHelper;

package/templates/template_oa/public/src/components/title/index.jsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import CSS from './index.less';
+
+const PageTitle = (props) => {
+  return (
+    <section className={CSS.title}>
+      <div className={CSS.rect}></div>
+      <h3 className={CSS.text}>{props.children}</h3>
+    </section>
+  )
+}
+export default PageTitle;

package/templates/template_oa/public/src/components/title/index.less

@@ -0,0 +1,21 @@
+@import '~@/_variable.less';
+
+.title{
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid #ddd;
+  padding-bottom: var(--margin-small);
+  margin-bottom: var(--margin-default);
+}
+.rect {
+  background: var(--color-primary);
+  margin-right: 7px;
+  width: 4px;
+  height: 18px;
+  display: block;
+}
+.text{
+  font-size: 16px;
+  color: #555;
+  margin: 0;
+}

package/templates/template_oa/public/src/mock/cases.js

@@ -0,0 +1,52 @@
+import { waitTime, REP_SUCCESS } from './utils.js';
+import qs from 'qs';
+import { GET_REQUEST } from './utils';
+
+const getData = () => {
+  return Array(100).fill('').map((i, idx) => {
+    return {
+      id: '' + idx,
+      orgId: '系统研发部'  + idx,
+      orgName: '系统研发部'  + idx,
+      companyId: '恺英网络' + idx,
+      companyName: '恺英网络' + idx,
+      reason: ' 案由' + idx,
+      number: '案号' + idx,
+      targetAmount: '标的额' + idx,
+      agency: '管辖机构' + idx,
+      type: '' + (idx % 3 + 1),      // 案件类型: 1 诉讼/ 2 劳动仲裁/ 3商事仲裁
+      status: '' + ((idx % 2) + 1),
+      occurrenceTime: '案件发生时间',
+      endTime: '2023-05-02', // 终结时间
+      key:'关键词',
+      isPreservation: '' + ((idx % 2) + 1),  //  1 是 / 2 否
+      remark:'备注信息',
+    }
+
+  })
+}
+const data = getData();
+async function GET_LIST(req, res) {
+  const params = GET_REQUEST(req);
+  const { current, pageSize, ...p} = params;
+  const keys = Object.keys(p);
+  const _data = keys.length === 0 ? data: data.filter(i => {
+    const a = keys.filter(key => i[key].indexOf(p[key]) > -1);
+    return a.length > 0
+  })
+  await waitTime();
+  return {
+    code: 1,
+    data: {
+      current, // 第几页
+      pageSize,  // 每页数量
+      total: _data.length,  // 总共多少条数据
+      data: _data.slice((current - 1) * pageSize, current * pageSize)
+    }
+  }
+}
+
+
+export default {
+  '/api/cases/list': { get: GET_LIST },
+}

package/templates/template_oa/public/src/mock/index.js

@@ -1,6 +1,7 @@
 import mock from 'mockjs-async';
 
 import auth from './auth.js';
+import cases from './cases.js';
 function regMock(list){
   if(list){
     let keys = Object.keys(list)
@@ -54,6 +55,7 @@ function regMock(list){
 if(MOCK){
   console.log(`=========MOCK OPEN=======`)
   regMock(auth);
+  regMock(cases);
 }else{
   console.log(`=========MOCK CLOSE=======`)
 }

package/templates/template_oa/public/src/pages/components/totalRecord/index.jsx

@@ -0,0 +1,21 @@
+import React, { useEffect, useState } from 'react';
+import styles from './index.less';
+
+const TotalRecord=(props)=>{
+  const {count, right=''}= props;
+
+  return (
+    <hgroup
+      className={styles.totalRecord}
+    >
+      <span>
+        共有<span className={styles.count}>{count}</span>
+        条符合条件的记录
+      </span>
+      <hgroup className={styles.operGroup}>
+        {right}
+      </hgroup>
+    </hgroup>
+  )
+}
+export default TotalRecord;

package/templates/template_oa/public/src/pages/components/totalRecord/index.less

@@ -0,0 +1,16 @@
+
+
+.totalRecord{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 20px;
+  margin-bottom: 5px;
+  .count{
+    color:#32a3fa;
+    margin:0 3px;
+  }
+  .operGroup{
+    display: flex;
+  }
+}

package/templates/template_oa/public/src/pages/login/index.jsx

@@ -9,17 +9,15 @@ const Page = () => {
   const [search] = useSearchParams();
   const providerApp = ProviderApp.useContainer();
 
-  const kssoLogin=async ()=>{
-    const req= await providerApp.kssoLogin();
-    if(!req){
-      return;
-    }
+  const onLogin=()=>{
+    // let url = window.btoa(location.href);
+    let redirect=`${LOGIN_URL}/login?debug=1`;
+    location.href=redirect;
+    
   }
-  useEffect(kssoLogin,[])
-
   return (
-    <section className={styles.body}>
-      登录跳转中...
+    <section className={styles.body} onClick={onLogin}>
+      点击跳转测试环境登录，登录后将cookie复制到本地调试
     </section>
   )
 }

package/templates/template_oa/public/src/pages/my/index.jsx

@@ -0,0 +1,14 @@
+import React, { useEffect, useState, useRef } from 'react';
+
+
+
+const Page = () => {
+
+  return (
+    <section>
+      my
+    </section>
+  )
+}
+
+export default Page;

package/templates/template_oa/public/src/pages/video/detail/index.jsx

@@ -0,0 +1,14 @@
+import React, { useEffect, useState, useRef } from 'react';
+
+
+
+const Page = () => {
+
+  return (
+    <section>
+      video detail
+    </section>
+  )
+}
+
+export default Page;