index.html 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. <div class="layout vertical" style="height: 100%">
  2. <div class="layout vertical start-justified">
  3. <hr style="margin: 1px 0 1px 0">
  4. <div class="layout horizontal center justified">
  5. <h2 class="end-justified" style="margin: 1px 0 1px 0;color: #2feb21;">配置-Json</h2>
  6. <div class="end-justified">
  7. <ui-button v-on:confirm="onBtnClickTellMe"
  8. style="background: url('http://wpa.qq.com/pa?p=2:774177933:51');width: 79px;height: 25px;">
  9. </ui-button>
  10. <ui-button v-on:confirm="onBtnClickHelpDoc">
  11. 帮助文档
  12. </ui-button>
  13. </div>
  14. </div>
  15. <ui-prop name="Json存放路径:">
  16. <ui-input class="flex-1" v-value="jsonSavePath" disabled></ui-input>
  17. <ui-button class="green" v-on:confirm="onBtnClickOpenJsonSavePath">打开</ui-button>
  18. </ui-prop>
  19. <ui-prop name="合并所有Json"
  20. tooltip=" [√]勾选,所有的json将合并为一个文件
  21. [×]未勾选,每个sheet对应一个json文件">
  22. <ui-checkbox v-bind:checked="isMergeJson" v-on:change="onBtnClickMergeJson"></ui-checkbox>
  23. <ui-input class="flex-1" v-on:blur="onJsonAllCfgFileChanged" v-value="jsonAllCfgFileName"
  24. v-show="isMergeJson" placeholder="请输入json配置文件名"></ui-input>
  25. <ui-button v-show="isJsonAllCfgFileExist && isMergeJson" v-on:confirm="onBtnClickJsonAllCfgFile">打开
  26. </ui-button>
  27. </ui-prop>
  28. <ui-prop name="Json格式化" tooltip=" [√]勾选,json将格式化后保存
  29. [×]未勾选,json将保存为单行文件">
  30. <ui-checkbox v-bind:checked="isFormatJson" v-on:change="onBtnClickFormatJson"></ui-checkbox>
  31. </ui-prop>
  32. <hr style="margin: 1px 0 1px 0">
  33. <h2 style="margin: 1px 0 1px 0;color: #2feb21;">配置-JavaScript</h2>
  34. <ui-prop name="Js存放路径:">
  35. <ui-input class="flex-1" v-value="jsSavePath" disabled></ui-input>
  36. <ui-button class="green" v-on:confirm="onBtnClickOpenJsSavePath">打开</ui-button>
  37. </ui-prop>
  38. <ui-prop name="JS配置文件名">
  39. <ui-input class="flex-1" v-on:blur="onJsFileNameChanged" v-value="jsFileName"></ui-input>
  40. <ui-button v-on:confirm="onBtnClickOpenJsFile" v-show="isJsFileExist">打开</ui-button>
  41. </ui-prop>
  42. <ui-prop name="代码格式化" tooltip=" [√]勾选,js将格式化后保存文件
  43. [×]未勾选,js将保存为单行文件">
  44. <ui-checkbox v-bind:checked="isFormatJsCode" v-on:change="onBtnClickFormatJsCode"></ui-checkbox>
  45. </ui-prop>
  46. <hr style="margin: 1px 0 1px 0">
  47. <h2 style="margin: 1px 0 1px 0;color: #2feb21;">配置-Excel</h2>
  48. <ui-prop name="Excel文件路径:" tooltip="插件会循环遍历出目录下所有的excel文件">
  49. <div class="flex-1 layout horizontal center">
  50. <ui-input placeholder="请选择Excel目录" disabled class="flex-1" v-value="excelRootPath"></ui-input>
  51. <ui-button v-show="this.excelRootPath!==null && this.excelRootPath.length>0"
  52. v-on:confirm="onBtnClickOpenExcelRootPath">打开目录
  53. </ui-button>
  54. <ui-button class="blue" v-on:confirm="onBtnClickSelectExcelRootPath">选择目录</ui-button>
  55. </div>
  56. </ui-prop>
  57. <div class="layout vertical"
  58. style="width:100%;height: 200px;background-color: #888888;
  59. margin-left: 4px;margin-right: 4px;">
  60. <div class="layout horizontal center flex-1" style="height: 20px;">
  61. <h4 style="margin:4px 0 4px 0" class="flex-2">Excel列表:</h4>
  62. <h4 style="margin:4px 10px 4px 0" class="self-end">sheet[{{excelArray.length}}]
  63. excel[{{excelFileArr.length}}]</h4>
  64. </div>
  65. <!--表头-->
  66. <div class="layout horizontal center"
  67. style="width: 100%;height: 20px;background-color: #fd942b;border-radius: 2px;">
  68. <div style="width: 20%">
  69. <ui-checkbox v-on:change="onBtnClickSelectSheet" checked></ui-checkbox>
  70. 序号
  71. </div>
  72. <div style="width: 40%">
  73. Excel文件
  74. </div>
  75. <div style="width: 40%">
  76. 工作表名称
  77. </div>
  78. </div>
  79. <!--内容-->
  80. <div style="overflow: auto;overflow-x:hidden;height: 160px;">
  81. <excel-item track-by="$index" v-for="(index,item) in excelArray"
  82. v-bind:data="item"
  83. v-bind:index="index">
  84. </excel-item>
  85. </div>
  86. </div>
  87. <div class="layout horizontal center justified ">
  88. <h2 class="start-justified" style="margin: 1px 0 1px 0;color: #2feb21;"> 输出日志 </h2>
  89. <ui-button v-on:confirm="onBtnClickGen" class="end-justified red">生成</ui-button>
  90. </div>
  91. </div>
  92. <textarea class="flex-1 " id="logTextArea" v-model="logView"
  93. style="width: 100%; height: 100%; background: #252525; color: #fd942b; border-color: #fd942b;"></textarea>
  94. </div>