wally
/
plugin-templete
1
0
Fork 1
Code Issues Releases Wiki Activity
Browse Source

红头文件

ts-red-header-file
xuesinan 4 years ago
parent
c99e403893
commit
4113993f62
1 changed files with 3 additions and 347 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 350
      index.html

350
index.html
View File

@ -42,68 +42,8 @@
<button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="alert('hello')">测试组建1</button>
<button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="p100.show()">测试组建2</button>
<div data-tname="考勤" data-pid="1453661473401479168" data-uid="1217647686598135808" data-rid="rid333" data-tid="tid444" data-did="did555" style="height:50px;width:100%">
<div data-tname="考勤" data-pid="1472861916249726976" data-uid="1217647686598135808" data-rid="rid333" data-tid="tid444" data-did="did555" style="height:50px;width:100%">
<div data-root="p1449927427387301888" style="height:100%;width:100%;">
<!-- <div class="train-plan" style="display: none;">
<div class="title"></div>
<div class="flex justify-between">
<div class="text-sm">制定培训计划</div>
<button class="train-plan-btn px-2.5 h-6 bg-blue-500 text-sm rounded text-white" onclick="p1449927427387301888.submit()">提交</button>
<div class="train-plan-status text-sm" style="display: none;">待审核</div>
<div class="train-plan-status-refuse flex items-center" style="display: none;">
<span class="mr-1 text-yellow-500 text-sm">已驳回</span>
<button class="px-2.5 h-6 bg-blue-500 text-sm rounded text-white" onclick="p1449927427387301888.submit()">提交</button>
</div>
</div>
<div class="file-download mt-2.5 px-2 flex justify-between items-center w-full h-8 border border-gray-200 rounded-sm text-sm">
<p class="text-gray-400">红头文件模板</p>
<button onclick="p1449927427387301888.downLoad()">下载</button>
</div>
<div class="mt-2.5 px-2 flex justify-between items-center w-full h-8 border border-gray-200 rounded-sm text-sm">
<p class="w-20 flex-shrink-0 text-gray-400">培训名称</p>
<input class="train-name text-right outline-none" style="width: calc(100% - 6rem)" type="text" placeholder="请输入培训名称" />
</div>
<div class="mt-2.5 px-2 py-1 flex justify-between w-full h-16 border border-gray-200 rounded-sm text-sm">
<p class="w-20 flex-shrink-0 text-gray-400">培训描述</p>
<textarea class="train-desc text-right outline-none" style="width: calc(100% - 6rem)" placeholder="请输入培训描述"></textarea>
</div>
<div class="mt-2.5 px-2 flex justify-between items-center w-full h-8 border border-gray-200 rounded-sm text-sm">
<p class="w-20 flex-shrink-0 text-gray-400">开始时间</p>
<input class="train-start-time text-right outline-none" type="date" placeholder="请选择开始时间">
</div>
<div class="mt-2.5 px-2 flex justify-between items-center w-full h-8 border border-gray-200 rounded-sm text-sm">
<p class="w-20 flex-shrink-0 text-gray-400">结束时间</p>
<input class="train-end-time text-right outline-none" type="date">
</div>
<div class="file-upload mt-2.5 px-2 flex justify-between items-center w-full h-8 border border-gray-200 rounded-sm text-sm">
<p class="text-gray-400">文件上传</p>
<div class="relative flex items-center">
<button>上传</button>
<input class="input-file absolute z-10 opacity-0" type="file" name="files" id="file" multiple>
</div>
</div>
<div class="file-check mt-2.5 px-2 flex justify-between items-center w-full h-8 border border-gray-200 rounded-sm text-sm" style="display: none;">
<p class="file-name text-gray-400 truncate" style="width: calc(100vw - 9rem)"></p>
<button class="text-xs text-blue-400 border border-blue-400 rounded-full w-10 h-5" onclick="p1449927427387301888.preview()">预览</button>
</div>
<div class="refuse-reason mt-2.5 px-2 py-1 flex justify-between w-full border border-gray-200 rounded-sm text-sm" style="display: none;">
<p class="w-20 flex-shrink-0 text-gray-400">驳回原因</p>
<div class="reason"></div>
</div>
</div> -->
<!-- <div class="train-plan-null">
<div class="text-sm">制定培训计划</div>
</div> -->
<div class="formulate-plan">
<div class="p-2 border border-gray-200 rounded-sm text-sm">
<div class="temp flex justify-between items-center w-full">
@ -115,69 +55,12 @@
</div>
<div class="mt-2 temp-list flex items-center">
<!-- <div class="temp-item border border-blue-400 flex justify-center items-center" style="width: 30%; height: 100px; margin-right: 5%;" onclick="p1449927427387301888.selTemp(1)">
<img style="max-width: 100%; max-height: 100%;" src="http://test.tall.wiki/staticrec/plan.png" />
</div>
<div class="temp-item border border-gray-200 flex justify-center items-center" style="width: 30%; height: 100px; margin-right: 5%;" onclick="p1449927427387301888.selTemp(2)">
<img style="max-width: 100%; max-height: 100%;" src="http://test.tall.wiki/staticrec/plan.png" />
</div>
<div class="temp-item border border-gray-200 flex justify-center items-center" style="width: 30%; height: 100px;" onclick="p1449927427387301888.selTemp(3)">
<img style="max-width: 100%; max-height: 100%;" src="http://test.tall.wiki/staticrec/plan.png" />
</div> -->
</div>
</div>
<div class="temp-box" id="form">
<!-- <div class="organizer-box mt-2.5 px-2 py-1.5 w-full border border-gray-200 rounded-sm text-sm">
<div class="flex justify-between items-center w-full" style="height: 20px;">
<p class="w-20 flex-shrink-0 text-gray-400">主办单位</p>
<input class="organizer-name text-right outline-none" style="width: calc(100% - 6rem)" type="text" placeholder="请输入主办单位" />
</div>
</div>
<div class="title-box mt-2.5 px-2 py-1.5 w-full border border-gray-200 rounded-sm text-sm">
<div class="flex justify-between items-center w-full" style="height: 20px;">
<p class="w-20 flex-shrink-0 text-gray-400">标题</p>
<input class="train-name text-right outline-none" style="width: calc(100% - 6rem)" type="text" placeholder="请输入文件标题" />
</div>
</div>
<div class="mt-2.5 px-2 py-1.5 flex justify-between w-full h-16 border border-gray-200 rounded-sm text-sm">
<p class="w-20 flex-shrink-0 text-gray-400">描述</p>
<textarea class="train-desc text-right outline-none" style="width: calc(100% - 6rem)" placeholder="请输入培训描述"></textarea>
</div>
<div class="mt-2.5 px-2 py-1.5 flex justify-between w-full border border-gray-200 rounded-sm text-sm">
<div class="flex justify-between items-center w-full" style="height: 20px;">
<p class="w-20 flex-shrink-0 text-gray-400">开始时间</p>
<input class="train-start-time text-right outline-none" type="date" placeholder="请选择开始时间">
</div>
</div>
<div class="mt-2.5 px-2 flex justify-between items-center w-full h-8 border border-gray-200 rounded-sm text-sm">
<p class="w-20 flex-shrink-0 text-gray-400">结束时间</p>
<input class="train-end-time text-right outline-none" type="date">
</div>
<div class="mt-2.5 px-2 py-1.5 flex justify-between w-full border border-gray-200 rounded-sm text-sm">
<p class="w-20 flex-shrink-0 text-gray-400">多选</p>
<div class="flex items-center flex-wrap justify-end">
<label class="ml-3 my-1 flex items-center"><input class="mr-1.5" name="Fruit" type="checkbox" value="" />选项1</label>
<label class="ml-3 my-1 flex items-center"><input class="mr-1.5" name="Fruit" type="checkbox" value="" />选项2</label>
<label class="ml-3 my-1 flex items-center"><input class="mr-1.5" name="Fruit" type="checkbox" value="" />选项3</label>
<label class="ml-3 my-1 flex items-center"><input class="mr-1.5" name="Fruit" type="checkbox" value="" />选项4</label>
<label class="ml-3 my-1 flex items-center"><input class="mr-1.5" name="Fruit" type="checkbox" value="" />选项5</label>
<label class="ml-3 my-1 flex items-center"><input class="mr-1.5" name="Fruit" type="checkbox" value="" />选项6</label>
</div>
</div>
<div class="mt-2.5 px-2 py-1.5 flex justify-between w-full border border-gray-200 rounded-sm text-sm">
<p class="w-20 flex-shrink-0 text-gray-400">下拉选</p>
<select id="group" value="1">
<option value="1">Dimond</option>
<option value="2">vertical</option>
</select>
</div> -->
</div>
<div class="mt-4 flex justify-between items-center w-full text-sm">
@ -188,19 +71,6 @@
<div class="img-preview fixed z-10 inset-0 bg-black bg-opacity-60 p-4 flex justify-center items-center" style="display: none;">
<img id="img" src="http://test.tall.wiki/staticrec/plan.png" />
</div>
<!-- <div class="preview-box" style="display: none;">
<div class="certificate-box mt-2.5 px-2 py-1 flex justify-between w-full border border-gray-200 rounded-sm text-sm">
<p class="w-20 flex-shrink-0 text-gray-400">预览</p>
<div class="certificate py-1 flex justify-end" style="max-width: 100px; max-height: 100px;">
<img style="max-width: 100%; max-height: 100%;" onclick="p1449927427387301888.bigImg()" src="http://test.tall.wiki/staticrec/plan.png" />
</div>
</div>
<div class="img-preview fixed z-10 inset-0 bg-black bg-opacity-60 p-4 flex justify-center items-center" style="display: none;">
<img id="img" src="http://test.tall.wiki/staticrec/plan.png" />
</div>
</div> -->
</div>
</div>
</div>
@ -288,29 +158,7 @@
.then(function(res) {
const { success, code, data, msg } = res;
if (success && code === 200) {
// if (!data) {
// that.showOrHide(1, -1, 0, 0);
// } else {
// that.dom.querySelector('.train-name').value = data.name;
// that.dom.querySelector('.train-desc').value = data.description;
// let start = that.format(data.startTime);
// that.dom.querySelector('.train-start-time').value = that.format(data.startTime);
// that.dom.querySelector('.train-end-time').value = that.format(data.endTime);
// that.fileId = data.fileId;
// that.filePath = data.path;
// that.dom.querySelector('.file-name').innerHTML = data.name;
// console.log(data.startTime, start)
// if (data && data.checkStatus === 0) {
// that.showOrHide(1, 0, 1, 0);
// } else if (data && data.checkStatus === 2) {
// that.showOrHide(1, 2, 1, 1);
// that.dom.querySelector('.reason').innerHTML = data.rejectCause;
// } else {
// that.showOrHide(2, 0, 0, 0);
// }
// }
// that.tempData = data;
} else {
console.log('msg: ', msg);
}
@ -517,7 +365,6 @@
},
submit() {
// this.tempData
let that = this;
console.log("that.tempData",that.tempData)
let questionList = [], arr = that.tempData;
@ -564,197 +411,6 @@
}
});
},
/**
* 下载红头文件模板
*/
// downLoad() {
// var that = this;
// fetch(`https://test.tall.wiki/gateway/sports/file/down`, {
// headers: new Headers({
// 'Authorization': 'Bearer ' + that.token,
// 'Content-Type': 'application/json; charset=utf-8'
// }),
// method: 'POST',
// body: JSON.stringify({
// param: {
// projectId: that.projectId,
// type: 0
// }
// })
// })
// .then(function(response) {
// return response.json();
// })
// .then(function(res) {
// const { success, code, data, msg } = res;
// if (success && code === 200) {
// } else {
// console.log('msg: ', msg);
// }
// });
// },
// submit() {
// var that = this;
// let trainName = that.dom.querySelector('.train-name').value;
// let trainDesc = that.dom.querySelector('.train-desc').value;
// let trainStartTime = that.dom.querySelector('.train-start-time').value;
// let trainEndTime = that.dom.querySelector('.train-end-time').value;
// let startDate = new Date(trainStartTime);
// let endDate = new Date(trainEndTime);
// let startTime = startDate.getTime();
// let endTime = endDate.getTime();
// if (!that.fileId) {
// window.alert("请上传红头文件");
// return false;
// }
// if (!trainName) {
// window.alert("请填写培训名称");
// return false;
// }
// if (!trainStartTime) {
// window.alert("请选择开始时间");
// return false;
// }
// if (!trainEndTime) {
// window.alert("请选择结束时间");
// return false;
// }
// if (startTime > endTime) {
// window.alert("结束时间不能小于开始时间");
// return false;
// }
// fetch(`https://test.tall.wiki/gateway/sports/training/save`, {
// headers: new Headers({
// 'Authorization': 'Bearer ' + that.token,
// 'Content-Type': 'application/json; charset=utf-8'
// }),
// method: 'POST',
// body: JSON.stringify({
// param: {
// projectId: that.projectId,
// name: trainName,
// description: trainDesc,
// startTime: startTime,
// endTime: endTime,
// fileId: that.fileId
// }
// })
// })
// .then(function(response) {
// return response.json();
// })
// .then(function(res) {
// const { success, code, data, msg } = res;
// if (success && code === 200) {
// that.showOrHide(1, 0, 1, 0);
// } else {
// console.log('msg: ', msg);
// }
// });
// },
/**
* 隐藏显示
* @param int plan 当前培训计划是否加载完成 1 完成 0 未完成 2 已通过
* @param int status 当前培训计划状态 -1 待提交 0 待审核 1 通过 2 拒绝
* @param int review 当前是否显示预览 1 是 0 否
* @param int reject 当前是否显示驳回原因 1 是 0 否
*/
// showOrHide(plan, status, review, reject) {
// let that = this;
// let trainPlanNull = that.dom.querySelector('.train-plan-null'); // 内容未加载完成 - 制定培训计划
// let trainPlan = that.dom.querySelector('.train-plan'); // 制定培训计划
// let trainPlanBtn = that.dom.querySelector('.train-plan-btn'); // 提交按钮
// let trainPlanStatus = that.dom.querySelector('.train-plan-status'); // 待审核状态
// let trainPlanStatusRefuse = that.dom.querySelector('.train-plan-status-refuse'); // 已驳回
// let fileCheck = that.dom.querySelector('.file-check'); // 文件预览
// let refuseReason = that.dom.querySelector('.refuse-reason'); // 驳回原因
// let fileDownLoad = that.dom.querySelector('.file-download'); // 文件下载
// let fileUpload = that.dom.querySelector('.file-upload'); // 文件上传
// if (plan === 1) {
// trainPlan.style.display = 'block';
// trainPlanNull.style.display = 'none';
// } else if (plan === 0) {
// trainPlan.style.display = 'none';
// trainPlanNull.style.display = 'block';
// } else if (plan === 2) {
// trainPlan.style.display = 'none';
// trainPlanNull.style.display = 'none';
// }
// if (status === -1) {
// trainPlanBtn.style.display = 'block';
// trainPlanStatus.style.display = 'none';
// trainPlanStatusRefuse.style.display = 'none';
// } else if (status === 0) {
// trainPlanBtn.style.display = 'none';
// trainPlanStatus.style.display = 'block';
// trainPlanStatusRefuse.style.display = 'none';
// } else if (status === 1) {
// trainPlanBtn.style.display = 'none';
// trainPlanStatus.style.display = 'none';
// trainPlanStatusRefuse.style.display = 'none';
// fileDownLoad.style.display = 'none';
// fileUpload.style.display = 'none';
// } else if (status === 2) {
// trainPlanBtn.style.display = 'none';
// trainPlanStatus.style.display = 'none';
// trainPlanStatusRefuse.style.display = 'block';
// }
// if (that.fileId && review === 1) {
// fileCheck.style.display = 'flex';
// } else {
// fileCheck.style.display = 'none';
// }
// if (reject === 1) {
// refuseReason.style.display = 'flex';
// } else {
// refuseReason.style.display = 'none';
// }
// },
// 取消
// hide(){
// var statusChoose = this.dom.querySelector('.statusChoose');
// statusChoose.style.display='none';
// },
// 时间戳转时间格式
// format(shijianchuo){
// //shijianchuo是整数，否则要parseInt转换
// shijianchuo = parseInt(shijianchuo);
// var time = new Date(shijianchuo);
// var y = time.getFullYear();
// var m = time.getMonth()+1;
// var d = time.getDate();
// // var h = time.getHours();
// // var mm = time.getMinutes();
// // var s = time.getSeconds();
// return this.add0(y) + '-' + this.add0(m) + '-' + this.add0(d);
// },
// add0(m){return m < 10 ? '0' + m : m },
// 预览红头文件
// preview() {
// const pId = this.dom.parentNode.getAttribute('data-pid');
// const uId = this.dom.parentNode.getAttribute('data-uid');
// const rId = this.dom.parentNode.getAttribute('data-rid');
// location.href=`https://test.tall.wiki/ts/file?pid=${pId}&uid=${uId}&rid=${rId}`
// }
}
p1449927427387301888.init()
</script>

Write Preview
Loading…
Cancel
Save