kkFileView 官网](https://help.fanruan.com/finereport/)
Linux
https://kkfileview.keking.cn/kkFileView-4.1.0.tar.gz
wins
https://kkfileview.keking.cn/kkFileView-4.1.0.zip
下载对应的版本，并解压，注意需要安装 JDK 及及其配置，解压之后进入 bin 目录，
运行 startup.bat 即可。
# 进入目录（如果没有，则手动创建)
cd /opt/file-preivew
# 拉取安装包
wget https://kkfileview.keking.cn/kkFileView-4.1.0.tar.gz
# 解压 并重命名
tar -zxvf kkFileView-4.1.0.tar.gz && mv kkFileView-4.1.0 kkFileView
# 安装依赖组件
cd kkFileView/bin/
./install.sh
# 查看office 版本
./office --version
# 启动服务
cd /opt/file-preivew/kkFileView-4.1.0-SNAPSHOT/bin
./startup.sh
# 停止服务
./shutdown.sh
# 查看日志
cat /opt/file-preivew/kkFileView-4.1.0-SNAPSHOT/log/kkFileView.log
# 访问地址
http://127.0.0.1:8012/index
# 1.拉取指定版本文件预览服务
docker pull keking/kkfileview:4.1.0
# 2. 运行
docker run -it -p 8012:8012 keking/kkfileview:4.1.0
访问地址：127.0.0.1:8012/index
如果需要修改指定页面参数，可以通过 rar 压缩包方式打开，或者解压，修改之后，再覆盖xtg成本报表维护时 2023.05.29
# 使用说明
easy-poi:
1. 注意文件格式 doc、docx
2. 注意Jar版本问题
3. 中英文格式问题
4. 遍历嵌套（中间不能直接切换其它 汉字、字符等）
5. 注意样式问题（加解密、腾讯文档的使用
开源 Ruoyi：https://gitee.com/y_project/RuoYi-Vue
data 中定义 data(){}
//sessionStorage 用法
//赋值(保存的是字符串)
sessionStorage.shiftOptios = JSON.stringify(this.shiftOptios);
//如果只是单页面使用，离开时需要销毁
//同methods同级别
beforeDestroy() {
sessionStorage.shiftHourOptios = null;
sessionStorage.shiftOptios = null;
},
//跨页面使用sessionStorage对象时（初始化时执行，类似data）
computed: {
shiftHourOptios() {
return JSON.parse(sessionStorage.shiftHourOptios);
},
shiftOptios() {
return JSON.parse(sessionStorage.shiftOptios);
},
},
methods 中定义 test(){}
方法间相互调用 test1(){this.test()}
//自定义组件方法，为组件赋值，
//直接使用 this.items = response.data.detailList; 不能成功，需要点击两次，才能赋值成功
//先需要初始化
this.items = new Array(response.data.detailList.length);
//表示强制执行该方法绑定数据
this.$nextTick(() => {
this.items = response.data.detailList;
});
if(…?)
var checkDetail = true;
//校验排班明细列表不为空
if (this.items?.length) {
//遍历
this.items.find((val) => {
if (val.sequence === null) {
checkDetail = false;
}
....
});
}
if (!checkDetail) {
this.$refs.tip.textContent = '顺序号/班次/班时不能为空';
} else {
...
}
// 浅复制（指向原来对象） params.isOpen =1 , 那么 this.form.isOpen 也是为1；
const params = this.form;
//表单相关数据，全部赋值给params（深复制）
const params = {
...this.form,
};
//处理明细
Object.assign(params, {
detailList: this.items,
});
// 数组深度拷贝
copyArray(arr) {
return arr.map((e) => {
return Object.assign({}, e);
});
},
this.items.find((val) => {
console.log(val);
if (val.sequence === null) {
checkDetail = false;
}
....
});
// 用七种方式遍历下列数组
let arr = ['a', 'b', 'c', 'd', 'e', 'f'];
//1、for循环
console.log("for循环")
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
console.log("----------------")
// 2、for in 和for of
// for in 只能打印index
console.log("for in")
for (const key in arr) {
console.log(arr[key]);
}
console.log("----------------")
// for of 打印值
console.log("for of")
for (const key of arr) {
console.log(key);
}
console.log("----------------")
//3、foreach
console.log("foreach");
arr.forEach((item, index) => {
console.log(index + "=>" + item);
})
console.log("----------------")
// 4、Symbol
console.log("Symbol")
let item = arr[Symbol.iterator]();
for (const key in arr) {
console.log(item.next().value)
}
console.log("----------------")
//5、map
// 数组.map()会返回一个新数组，数组的大小跟原始数组一样
// 数组元素是函数返回的结果
console.log("map")
let newArr_map = arr.map((item, key) =>{
console.log(item)
return item*2;
})
console.log("----------------")
// 6、filter
// filtet是一个过滤器，也是返回一个新数组，原数组中满足返回要求的元素就复制到新数组中，不满足就不复制
// 不会改变原数组的内容
console.log("filter")
let newArr_filter = arr.filter((item, key) =>{
console.log(item);
return item == 'a';
})
console.log("----------------")
//7、Object.entries()
// 简单说就是 Object.entries() 可以把一个对象的键值以数组的形式遍历出来
console.log("Object.entries() ")
let newArr_entries = Object.entries(arr);
newArr_entries.forEach((item, index)=>{
// item是个数组：['0','a']
console.log( item[1]);
})
版权声明：本文为 CSDN 博主「瓜月二十三」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/qq_43378689/article/details/126037053
<a-input
placeholder="标题"
maxLength="100"
v-decorator="[
'title',
{
rules: [
{ required: true, message: '请输入标题' },
{ validator: this.titleTest },
],
},
]"
/>
methods: {
titleTest (rule, value, callback) {
// const title= /^[\u0391-\uFFE5A-Za-z]+$/
const title= /^[\a-\z\A-\Z0-9\u4e00-\u9fe5]\_+$/
if (!title.test(value)) {
callback(new Error('标题只能输入中文、下划线、数字和英文'))
}else{
callback()
}
},
}
<!--事件、回调区分 -->
<el-button type="button" onSave="click" onConfirm="confirm"></el-button>
// 弹框保存事件之后，关闭弹框后，触发的事件。 this.$emit('confirm');
//生命周期事件：
destroyed() {},// 销毁时操作可编辑在此处,例如：A组件跳转B组件，此时A组件会被销毁，则会调用
activated() {
//每次进入页面时执行
},
开源Ruoyi：https://gitee.com/y_project/RuoYi-Vue
开源Ruoyi：https://gitee.com/y_project/RuoYi-Vue
// 在1500 毫秒内只会执行1个todo方法
if (this.passTimer) return;
this.passTimer = setTimeout(() => {
this.passTimer = null
}, 1500)
// 具体的业务方法
// todo
// 通过变量与定时任务判断，在指定时间内只会创建1个定时任务（
// 定义全局的 flag、timer
if(this.flag) clearTimeout(timer);
timer = setTimeout({}={
this.flag = true;
//执行的业务
},1500)