<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8" />
    <title>工具箱</title>
    <link href="../../DataUser/Style/ccbpm.css" rel="stylesheet" type="text/css" />
    <script src="../Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="../Scripts/QueryString.js" type="text/javascript"></script>
    <script src="../Scripts/config.js" type="text/javascript"></script>
    <script src="Gener.js" type="text/javascript"></script>
    <script src="../Scripts/vue.js" type="text/javascript"></script>

    <script src="../Scripts/config.js" type="text/javascript"></script>
    <link href="../Scripts/easyUI/themes/gray/easyui.css" rel="stylesheet" type="text/css" />
    <link href="../Scripts/easyUI/themes/icon.css" rel="stylesheet" type="text/css" />
    <script src="../Scripts/easyUI/jquery.easyui.min.js"  type="text/javascript"></script>
    <script src="../Scripts/EasyUIUtility.js"  type="text/javascript"></script>

    <base target="_self" />


</head>
<body style="padding:15px; margin:15px;">

 <table style="width:100%;" id="App">
 <caption> 工具箱 </caption>
 <tr>
 <td>
     <div style=" padding:20px;" >
         <table class="">
             
             <tr v-show="index ==0 ||(index+1)%4 == 0" v-for="(m,index) in methodLinks">
                 <template v-for="(method,i) in methodLinks" v-if="i>=index&& i<index+3">
                     <td><font size=2 color=black>{{method.GroupName}}：</font><a href="#" @click="ShowIt(method.Name)"><span v-html="method.Icon">{{method.Icon}}</span>{{method.Title}}</a><br /><font size=2 color=Green>注：{{method.Note}}</font><br /></td>
                 </template>
             </tr>
            
         </table>
         
     </div> 
 </td>
 </tr>
 </table>
 <script language="javascript" type="text/javascript">
     //初始化
     var app = new Vue({
         el: '#App',
         data: {
             methodLinks: []
         },
         created() {
             var handler = new HttpHandler("BP.WF.HttpHandler.WF_Comm");
             var data = handler.DoMethodReturnString("MethodLink_Init");

             //如果错误,就提示.
             if (data.indexOf('err@') == 0) {
                 alert(data);
                 return;
             }
             this.methodLinks = JSON.parse(data);
         },
         methods: {
             ShowIt: function (m) {
                 var url = 'Method.htm?M=' + m;
                 OpenEasyUiDialog(url, "eudlgframe", "方法执行", 600, 450, "icon-edit", true, null, null, null, function () {
                     window.location.href = window.location.href;
                 });
             }
         }
     });
    
 </script>
</body>
</html>
