|
|
@ -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> |
|
|
|