🎉
This commit is contained in:
zzs
commit
790fc1b217
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
@ -0,0 +1 @@
|
|||||||
|
*.zip
|
||||||
273
css/allWebPlugin.LeftUI.css
Normal file
273
css/allWebPlugin.LeftUI.css
Normal file
@ -0,0 +1,273 @@
|
|||||||
|
html { height: 100%;margin:0px;padding:0px}
|
||||||
|
body {height:99.5%;margin:0px;padding:0px}
|
||||||
|
table{height: 100%;width: 100%;}
|
||||||
|
body,td,th,input,option {font-family: 微软雅黑;}
|
||||||
|
a:link
|
||||||
|
{
|
||||||
|
COLOR: #62196A;
|
||||||
|
CURSOR: hand;
|
||||||
|
FONT-FAMILY: "微软雅黑";
|
||||||
|
FONT-SIZE: 11pt;
|
||||||
|
TEXT-DECORATION: none;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
A:visited
|
||||||
|
{
|
||||||
|
COLOR: #62196A;
|
||||||
|
CURSOR: hand;
|
||||||
|
FONT-FAMILY: "微软雅黑";
|
||||||
|
FONT-SIZE: 11pt;
|
||||||
|
TEXT-DECORATION: none;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
A:hover
|
||||||
|
{
|
||||||
|
COLOR: #ff8000;
|
||||||
|
CURSOR: hand;
|
||||||
|
FONT-FAMILY: "微软雅黑";
|
||||||
|
// FONT-SIZE: 11pt;
|
||||||
|
TEXT-DECORATION: none;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header{
|
||||||
|
border:none;
|
||||||
|
background-image: url("bg.jpg");
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 800;
|
||||||
|
color: #191970;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header td:first-child{
|
||||||
|
padding-left: 35px;
|
||||||
|
border-right: 1px solid #D6D6D6;
|
||||||
|
width:180px;
|
||||||
|
|
||||||
|
}
|
||||||
|
#header span:first-child{
|
||||||
|
font-size: 28px;
|
||||||
|
}
|
||||||
|
.title{
|
||||||
|
background-color: #5b916a;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: 15px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.title span{
|
||||||
|
padding-left: 35px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title div{
|
||||||
|
float: right;
|
||||||
|
margin-right: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title a:link{
|
||||||
|
COLOR: #FFFFFF;
|
||||||
|
TEXT-DECORATION: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title A:hover{
|
||||||
|
COLOR:#FF8000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title A:visited
|
||||||
|
{
|
||||||
|
COLOR:#FFFFFF;
|
||||||
|
CURSOR: hand;
|
||||||
|
FONT-FAMILY: "宋体";
|
||||||
|
FONT-SIZE: 11pt;
|
||||||
|
TEXT-DECORATION: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer{
|
||||||
|
height: 30px;
|
||||||
|
background-image: url("bg.jpg");
|
||||||
|
FONT-FAMILY:'微软雅黑';
|
||||||
|
font-size:12px;
|
||||||
|
color:#191970;
|
||||||
|
padding-right:20px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#showtable td{
|
||||||
|
border: 1px solid #C3ADC3;
|
||||||
|
}
|
||||||
|
|
||||||
|
#innerTable td{
|
||||||
|
padding-left:20px;
|
||||||
|
color: #876D84;
|
||||||
|
font-size: 15px;
|
||||||
|
border: 0px solid #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mhead{
|
||||||
|
height: 61px;
|
||||||
|
background-image: url('../css/bg.jpg');
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.InputLine
|
||||||
|
{
|
||||||
|
BORDER-BOTTOM: #c0c0c0 1px solid;
|
||||||
|
BORDER-LEFT: #000000 0px solid;
|
||||||
|
BORDER-RIGHT: #000000 0px solid;
|
||||||
|
BORDER-TOP: #000000 0px solid;
|
||||||
|
FONT-SIZE: 11pt;
|
||||||
|
color:#876D84;
|
||||||
|
width:250px;
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.InputLine2
|
||||||
|
{
|
||||||
|
BORDER-BOTTOM: #FFFFFF 1px solid;
|
||||||
|
BORDER-LEFT: #000000 0px solid;
|
||||||
|
BORDER-RIGHT: #000000 0px solid;
|
||||||
|
BORDER-TOP: #000000 0px solid;
|
||||||
|
background-color:#5E3B59;
|
||||||
|
FONT-SIZE: 11pt;
|
||||||
|
color:#FFFFFF;
|
||||||
|
width:250px;
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#titleTable{
|
||||||
|
width:98%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#titleTable td{
|
||||||
|
BACKGROUND-COLOR: #9B81A8;
|
||||||
|
BORDER-BOTTOM: #5B1D82 1px solid;
|
||||||
|
BORDER-LEFT: #000000 0px solid;
|
||||||
|
BORDER-RIGHT: #000000 0px solid;
|
||||||
|
BORDER-TOP: #5B1D82 1px solid;
|
||||||
|
FONT-FAMILY: "微软雅黑";
|
||||||
|
FONT-SIZE: 11pt;
|
||||||
|
text-align:center;
|
||||||
|
TEXT-DECORATION: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#showlist{
|
||||||
|
width:98%;
|
||||||
|
overflow-y:auto;
|
||||||
|
height: 0px;
|
||||||
|
overflow-x:hidden;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#showlist2{
|
||||||
|
overflow-y:hidden;
|
||||||
|
height: 0px;
|
||||||
|
overflow-x:hidden;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#showlist td{
|
||||||
|
BORDER-BOTTOM: #5B1D82 1px dashed;
|
||||||
|
BORDER-LEFT: #000000 0px solid;
|
||||||
|
BORDER-RIGHT: #000000 0px solid;
|
||||||
|
BORDER-TOP: #000000 0px solid;
|
||||||
|
FONT-FAMILY: "微软雅黑";
|
||||||
|
FONT-SIZE: 11pt;
|
||||||
|
color:#000000;
|
||||||
|
TEXT-DECORATION: none;
|
||||||
|
height:38px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#showlist a{
|
||||||
|
FONT-FAMILY: "微软雅黑";
|
||||||
|
}
|
||||||
|
|
||||||
|
.TD0
|
||||||
|
{
|
||||||
|
BACKGROUND-COLOR: #F7F7F7;
|
||||||
|
}
|
||||||
|
.TD1
|
||||||
|
{
|
||||||
|
BACKGROUND-COLOR: #ffffff;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#activeBox{
|
||||||
|
border: 1px solid #C3ADC3;
|
||||||
|
}
|
||||||
|
|
||||||
|
#activeTable{
|
||||||
|
height: 99%;
|
||||||
|
color: #654461;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.statue{
|
||||||
|
TEXT-DECORATION:none;
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
.time{
|
||||||
|
TEXT-DECORATION: none;
|
||||||
|
border-right: 2px dotted #E5E5E5;
|
||||||
|
padding-right: 20px;
|
||||||
|
}
|
||||||
|
.tableFather{
|
||||||
|
background-color: #E6DBEC;
|
||||||
|
height: 30px;
|
||||||
|
border: 1px solid #D1C2D6;
|
||||||
|
}
|
||||||
|
|
||||||
|
#functionTable{
|
||||||
|
FONT-FAMILY: "微软雅黑";
|
||||||
|
font-size:11pt;
|
||||||
|
color:#62196A;
|
||||||
|
cursor:pointer;
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dot-size{
|
||||||
|
border-bottom: 1px solid #D1C2D6;
|
||||||
|
text-align:left;
|
||||||
|
padding-left:40px;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.titleStyle{
|
||||||
|
border-bottom:1px solid #D1C2D6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hideDiv{
|
||||||
|
width:100%;
|
||||||
|
overflow-y:auto;
|
||||||
|
height: 200px;
|
||||||
|
overflow-x:hidden;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#loaded{
|
||||||
|
|
||||||
|
margin: 16px;
|
||||||
|
border: 1px solid #C3ADC3;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.TableTextStyle
|
||||||
|
{
|
||||||
|
BORDER-BOTTOM: #15A4FA 0px solid;
|
||||||
|
BORDER-LEFT: #000000 0px solid;
|
||||||
|
BORDER-RIGHT: #000000 0px solid;
|
||||||
|
BORDER-TOP: #15A4FA 0px solid;
|
||||||
|
FONT-FAMILY: "微软雅黑";
|
||||||
|
FONT-SIZE: 11pt;
|
||||||
|
TEXT-DECORATION: none;
|
||||||
|
color:#666666;
|
||||||
|
}
|
||||||
|
#mfooter{
|
||||||
|
|
||||||
|
position: absolute;height:30px;left:0;bottom:0;width: 100%;background-color: #726078;
|
||||||
|
}
|
||||||
10
css/style.css
Normal file
10
css/style.css
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
.violet-some-btn {
|
||||||
|
background-color: #4caf50; /* Green */
|
||||||
|
border: none;
|
||||||
|
color: white;
|
||||||
|
padding: 15px 32px;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
7
html/violet-test.html
Normal file
7
html/violet-test.html
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
|
||||||
|
<button id="violet-pra-btn" class="violet-pra-btn" >cus event</button>
|
||||||
|
<button id="violet-close-btn" class="violet-close-btn" >close</button>
|
||||||
|
|
||||||
|
<canvas id="allWebOfficeAx" style="width:100%;height:90vh">
|
||||||
|
<p class="error">Sorry, It looks as though your browser does not support the canvas tag.</p>
|
||||||
|
</canvas>
|
||||||
148
index.js
Normal file
148
index.js
Normal file
@ -0,0 +1,148 @@
|
|||||||
|
/**
|
||||||
|
* 自定义控件书写模板
|
||||||
|
*/
|
||||||
|
(function (KDApi, $) {
|
||||||
|
// 构造函数，变量名随意，与最后一句代码的KDApi.register的第二个参数一致即可
|
||||||
|
function HelloWorld(model) {
|
||||||
|
this._setModel(model)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// 原型中封装生命周期函数，固定格式
|
||||||
|
HelloWorld.prototype = {
|
||||||
|
_setModel: function (model) {
|
||||||
|
this.model = model
|
||||||
|
},
|
||||||
|
init: function (props) {
|
||||||
|
initFunc(this.model, props)
|
||||||
|
},
|
||||||
|
update: function (props) {
|
||||||
|
updateFunc(this.model, props)
|
||||||
|
},
|
||||||
|
destoryed: function () {
|
||||||
|
close()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
var initFunc = function (model, props) {
|
||||||
|
|
||||||
|
console.warn(props)
|
||||||
|
|
||||||
|
console.warn('init')
|
||||||
|
|
||||||
|
// KDApi.loadFile可以通过路径加载js或css文件，并且在html文件头生成script或者link标签，第一个参数是路径，第二个参数是model，第三个参数是加载完成后执行的回调函数
|
||||||
|
KDApi.loadFile('./css/style.css', model, function () {
|
||||||
|
// 通过路径去获取html字符串，第一个参数是路径，第二个参数是model，第三个参数是HTML模板中变量的值
|
||||||
|
KDApi.getTemplateStringByFilePath('./html/violet-test.html', model, {
|
||||||
|
//text: ''
|
||||||
|
}).then(function (result) {
|
||||||
|
model.dom.innerHTML = result
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
KDApi.loadFile('./js/allWebPlugin.Common.v2.0.0.30.js', model, function () {
|
||||||
|
// 通过路径去获取html字符串，第一个参数是路径，第二个参数是model，第三个参数是HTML模板中变量的值
|
||||||
|
KDApi.getTemplateStringByFilePath('./html/violet-test.html', model, {
|
||||||
|
//text: ''
|
||||||
|
}).then(function (result) {
|
||||||
|
model.dom.innerHTML = result
|
||||||
|
|
||||||
|
|
||||||
|
KDApi.loadFile('./js/allWebPlugin.UI.v2.0.0.30.js', model, function () {
|
||||||
|
// 通过路径去获取html字符串，第一个参数是路径，第二个参数是model，第三个参数是HTML模板中变量的值
|
||||||
|
KDApi.getTemplateStringByFilePath('./html/violet-test.html', model, {
|
||||||
|
//text: ''
|
||||||
|
}).then(function (result) {
|
||||||
|
model.dom.innerHTML = result
|
||||||
|
|
||||||
|
KDApi.loadFile('./js/allWebPlugin.Main.v2.0.0.30.js', model, function () {
|
||||||
|
// 通过路径去获取html字符串，第一个参数是路径，第二个参数是model，第三个参数是HTML模板中变量的值
|
||||||
|
KDApi.getTemplateStringByFilePath('./html/violet-test.html', model, {
|
||||||
|
//text: ''
|
||||||
|
}).then(function (result) {
|
||||||
|
model.dom.innerHTML = result
|
||||||
|
|
||||||
|
initOffice()
|
||||||
|
openFile(model, props)
|
||||||
|
initEvent(model, props)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var initEvent = function (model, props) {
|
||||||
|
|
||||||
|
const ele = document.getElementById('violet-pra-btn')
|
||||||
|
ele.onclick = function () {
|
||||||
|
model.invoke('click', 0)
|
||||||
|
}
|
||||||
|
|
||||||
|
const closeEle = document.getElementById('violet-close-btn')
|
||||||
|
closeEle.onclick = function () {
|
||||||
|
close()
|
||||||
|
model.invoke('click', 2)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var updateFunc = function (model, props) {
|
||||||
|
textFromProps = props.data.textKey001 + ''
|
||||||
|
const ele = document.getElementById('violet-pra-btn')
|
||||||
|
ele.innerText = textFromProps
|
||||||
|
}
|
||||||
|
|
||||||
|
var initOffice = function (model, props) {
|
||||||
|
var installPackageUrl = "http://127.0.0.1:6651/install/allwebPlugin_x86_v2.0.1.16_20240806.exe";
|
||||||
|
var installPackageVersion = "2.0.0.30";
|
||||||
|
console.warn('initOffice')
|
||||||
|
console.warn(awp_IsInstall(installPackageVersion, installPackageUrl))
|
||||||
|
if (awp_IsInstall(installPackageVersion, installPackageUrl)) {
|
||||||
|
awp_CreatePlugin("allWebOfficeAx", "{6888ECA8-57D0-6E0E-9B9B-F1FF9B2DBD86}");
|
||||||
|
allWebOfficeAx.GetDisplayStyle().ShowOpenProgress = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var openFile = function (model, props) {
|
||||||
|
var pluginUtilityObj = awp_getPluginUtility();
|
||||||
|
var httpclientObj = awp_getHttpClient();
|
||||||
|
httpclientObj.Clear();
|
||||||
|
//https://www.gov.cn/gzdt/att/att/site1/20100917/0019b90463ff0dfd641102.pdf
|
||||||
|
//https://local.zsignyun.com:6652/test2.docx
|
||||||
|
console.warn(props)
|
||||||
|
var url = "https://srm-dev.cmoc.cloud:8022/ierp/attachment/download.do?path=/1d969f1a75006800&kd_cs_ticket=KKFDWRkv8aTFjgbz574ddO5Jj0gudMX3&access_token=2117884374501299200_v7LFmgmezCNo6qxtuNS2xYPo7W1fquIeRE7ODdVLkez3YFMfplpgNEdBxjW6MOIwKLXxocwBt7GNH2qlsDPt4STblUEpoavI6A9E09";
|
||||||
|
if (props?.data?.fileurl) {
|
||||||
|
url = props.data.fileurl
|
||||||
|
}
|
||||||
|
if (httpclientObj.Open(0, url, false)) {
|
||||||
|
httpclientObj.Send().then(function (data) {
|
||||||
|
if (httpclientObj.GetStatus() == 200) {
|
||||||
|
var varTempPath = pluginUtilityObj.GetTempPath();
|
||||||
|
var varFile = pluginUtilityObj.GetTempFileName(varTempPath, "zso") + ".docx";
|
||||||
|
httpclientObj.ResponseSaveToFile(varFile);
|
||||||
|
allWebOfficeAx.Open(varFile);
|
||||||
|
allWebOfficeAx.DeleteAfterClose = true;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
var httpStatus = httpclientObj.GetStatus();
|
||||||
|
if (httpclientObj.GetStatus() == 0) {
|
||||||
|
alert("LoadFile test2.docx Error:" + httpclientObj.GetErrorText());
|
||||||
|
} else {
|
||||||
|
alert("LoadFile test2.docx Status:" + httpStatus + ",请确保安装目录下web/doc目录存在test2.docx");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
httpclientObj.Close();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var close = function () {
|
||||||
|
allWebOfficeAx.Close_Asyn(0).then(function (data) {
|
||||||
|
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 你只需知道第一个参数是你接下来要新增控件方案时填的方案id，第二个参数是上面声明的构造函数
|
||||||
|
KDApi.register('violet-test', HelloWorld)
|
||||||
|
})(window.KDApi, jQuery) // 这里的jQuery不是必须要传进去的，可移除，要用到的时候才传，PC端系统默认会有jQuery对象，版本是1.12.4
|
||||||
1
js/allWebPlugin.Common.v2.0.0.30.js
Normal file
1
js/allWebPlugin.Common.v2.0.0.30.js
Normal file
File diff suppressed because one or more lines are too long
2
js/allWebPlugin.Main.v2.0.0.30.js
Normal file
2
js/allWebPlugin.Main.v2.0.0.30.js
Normal file
File diff suppressed because one or more lines are too long
1
js/allWebPlugin.UI.v2.0.0.30.js
Normal file
1
js/allWebPlugin.UI.v2.0.0.30.js
Normal file
File diff suppressed because one or more lines are too long
51
js/nav/allWebPlugin.LeftUI.js
Normal file
51
js/nav/allWebPlugin.LeftUI.js
Normal file
@ -0,0 +1,51 @@
|
|||||||
|
$(
|
||||||
|
function(){
|
||||||
|
/**公共方法**/
|
||||||
|
var nClick = 1;//鼠标点击次数
|
||||||
|
var ToolBarId;
|
||||||
|
var MenuId;
|
||||||
|
|
||||||
|
//下拉
|
||||||
|
var isNotLoad = true;
|
||||||
|
$(".tableAll").click(function(){
|
||||||
|
if(isNotLoad){
|
||||||
|
isNotLoad = false;
|
||||||
|
var noneY = $(this).next().css("display");
|
||||||
|
$(".tableAll").next().css("display","none");
|
||||||
|
$(".tableAll").find('td:eq(0)').css({'background-color':'#E6DBEC'});
|
||||||
|
$(".tableAll").find('span:eq(0)').html('+');
|
||||||
|
|
||||||
|
if( noneY== 'none'){
|
||||||
|
var s = $(this).find('td:eq(0)').html();
|
||||||
|
$(this).find('td:eq(0)').html(s.replace("+", "-")) ;
|
||||||
|
$(this).find('td:eq(0)').css({'background-color':'#FFFFFF'});
|
||||||
|
$(this).next().slideToggle(function(){isNotLoad = true;});
|
||||||
|
}else{
|
||||||
|
isNotLoad = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if(g_allWebPlugin.ActivateContainer)
|
||||||
|
{
|
||||||
|
g_allWebPlugin.ActivateContainer.UI.onUpdatePosition(1);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
//下拉
|
||||||
|
var hide = false;
|
||||||
|
$("#disPlayNone").click(function(){
|
||||||
|
|
||||||
|
if(hide){
|
||||||
|
$('#showTD').width('204px');
|
||||||
|
$(this).siblings().css("display", "")
|
||||||
|
|
||||||
|
hide = false;
|
||||||
|
}else{
|
||||||
|
$('#showTD').width('25px');
|
||||||
|
$(this).siblings().css("display", "none")
|
||||||
|
hide = true;
|
||||||
|
}
|
||||||
|
if(g_allWebPlugin.ActivateContainer)
|
||||||
|
{
|
||||||
|
g_allWebPlugin.ActivateContainer.UI.onUpdatePosition(1);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
})
|
||||||
Loading…
Reference in New Issue
Block a user