Browse Source

红头文件

ts-red-header-file
xuesinan 4 years ago
parent
commit
b14291a604
  1. 18
      index.html

18
index.html

@ -43,8 +43,8 @@
<button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="p100.show()">测试组建2</button>
<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="formulate-plan">
<div data-root="p1472866674721169408" style="height: 100%; width: 100%;">
<div class="formulate-plan mt-3">
<div class="p-2 border border-gray-200 rounded-sm text-sm">
<div class="temp flex justify-between items-center w-full">
<p class="w-20 flex-shrink-0 text-gray-400">选择模板</p>
@ -64,8 +64,8 @@
</div>
<div class="mt-4 flex justify-between items-center w-full text-sm">
<button class="border border-blue-500 text-blue-500 rounded-sm" style="width: 45%; height: 34px;" onclick="p1449927427387301888.bigImg()">预览</button>
<button class="border border-blue-500 bg-blue-500 text-white rounded-sm" style="width: 45%; height: 34px;" onclick="p1449927427387301888.submit()">提交</button>
<button class="border border-blue-500 text-blue-500 rounded-sm" style="width: 45%; height: 34px;" onclick="p1472866674721169408.bigImg()">预览</button>
<button class="border border-blue-500 bg-blue-500 text-white rounded-sm" style="width: 45%; height: 34px;" onclick="p1472866674721169408.submit()">提交</button>
</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;">
@ -77,7 +77,7 @@
<script>
document.getElementById("form").addEventListener("input", function(e){
p1449927427387301888.setData(e);
p1472866674721169408.setData(e);
})
//事件委托就是利用事件冒泡特性,给父元素绑定事件
@ -91,7 +91,7 @@
}
}
var p1449927427387301888 = {
var p1472866674721169408 = {
token: '',
projectId: '',
roleId: '',
@ -104,7 +104,7 @@
tempData: {},
init() {
this.dom = document.querySelector("div[data-root=p1449927427387301888]");
this.dom = document.querySelector("div[data-root=p1472866674721169408]");
var domBox = this.dom.parentNode;
var title = this.dom.querySelector('.title');
@ -256,7 +256,7 @@
let html = '';
for (let j = 0; j < that.tempList.length; j++) {
html += `<div class="temp-item border border-gray-200 flex justify-center items-center ${j > 2 ? 'mt-2' : ''}" style="width: 30%; height: 100px; ${j % 3 == 2 ? '' : 'margin-right: 5%;'}" onclick="p1449927427387301888.selTemp(${j})">
html += `<div class="temp-item border border-gray-200 flex justify-center items-center ${j > 2 ? 'mt-2' : ''}" style="width: 30%; height: 100px; ${j % 3 == 2 ? '' : 'margin-right: 5%;'}" onclick="p1472866674721169408.selTemp(${j})">
<img style="max-width: 100%; max-height: 100%;" src="${that.tempList[j].path}" />
</div>`;
}
@ -412,7 +412,7 @@
});
},
}
p1449927427387301888.init()
p1472866674721169408.init()
</script>
</div>
</div>

Loading…
Cancel
Save