feat: 画布左侧搜索栏和分页添加完成

public/drawio/extention/js/url.js

 // const ajaxUrl = '172.20.10.3:7003';
 // const ajaxUrl = '43.143.211.42';
-const ajaxUrl = '192.168.0.120:80'
+// const ajaxUrl = "http://172.20.10.7:19000";
+const ajaxUrl = "http://192.168.0.102:80";

public/drawio/index.html

@@ -389,6 +389,15 @@
 	<link rel="shortcut icon" href="favicon.ico">
 	<!-- 二次开发, 引入jquery插件 -->
 	<script src="plugins/jquery-3.7.1.min.js"></script>
+	<!-- pagination -->
+	<link rel="stylesheet" type="text/css" href="./pagination/common/reset.css" media="screen">
+	<link rel="stylesheet" type="text/css" href="./pagination/common/highlight.min.css" media="screen">
+	<link rel="stylesheet" type="text/css" href="./pagination/common/common.css" media="screen">
+	<link rel="stylesheet" type="text/css" href="./pagination/common/common.css" media="screen">
+	<link rel="stylesheet" type="text/css" href="./pagination/pagination.css" media="screen">
+	<script src="./pagination/common/highlight.min.js"></script>
+	<!-- <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script> -->
+	<script src="./pagination/jquery.pagination.js"></script>
 	<!-- 二次开发, 引入加密插件 -->
 	<script src="plugins/crypto-js-4.2.0/crypto-js.js"></script>
 

public/drawio/pagination/common/common.css

+/* @charset "UTF-8";
+body {
+    word-wrap: break-word;
+    background: #fff;
+}
+
+h1 {
+    font-size: 40px;
+}
+
+p,
+pre {
+    margin: 10px 0;
+}
+
+::selection {
+    background: #000;
+    color: #fff;
+}
+
+.wrapper {
+    margin: 0 auto;
+    width: 960px;
+    height: 100%;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -o-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+
+/*底部版权*/
+
+footer {
+    margin: 100px 0 50px 300px;
+    padding: 0 20px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -o-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+footer p {
+    border-top: 1px solid #ebebeb;
+    opacity: .5;
+    filter: alpha(opacity=50);
+    text-align: right;
+    font-size: 12px;
+    line-height: 3;
+    font-family: "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", tahoma, arial, simsun, "\5B8B\4F53";
+}
+
+footer p a {
+    color: #000;
+}
+
+footer p .spe {
+    padding: 0 5px;
+}
+
+.right-bg {
+    position: fixed;
+    right: 0;
+    top: 50%;
+    margin-top: -215px;
+    width: 215px;
+    height: 430px;
+    background: url('../../image/right_bg.png') no-repeat;
+}
+
+
+/*组件样式*/
+
+table {
+    width: 100%;
+    border: 1px solid #CAD3DA;
+}
+
+table td {
+    padding: 10px;
+    width: 150px;
+    border: 1px solid #CAD3DA;
+}
+
+table thead tr {
+    height: 40px;
+    line-height: 40px;
+    text-align: center;
+    border-bottom: 1px solid #CAD3DA;
+}
+
+table thead td {
+    padding: 0;
+    border-left: 1px solid #CAD3DA;
+    background: #DFEBFB;
+}
+
+table .explain {
+    width: 500px;
+}
+
+table tbody tr:nth-child(even) {
+    background: #E7EFF9;
+}
+
+.hljs, .hljs-subst {
+    padding: 10px;
+    font-family: Monaco, Consolas, "Courier New";
+}
+
+.method {
+    font-family: Monaco, Consolas, "Courier New";
+}
+
+.eg {
+    margin: 20px 0;
+    padding: 10px;
+    border: 1px dashed #bdbdbd;
+    background: #f9f9f9;
+}
+
+.update-log .title {
+    margin: 0;
+    font-size: 20px;
+}
+
+.update-log ul li {
+    margin: 5px 0;
+}
+
+.bad {
+    padding: 0 0 0 10px;
+    border: 1px dashed #bdbdbd;
+    color: #757575;
+    background: #f9f9f9;
+    font-family: Monaco, Consolas, "Courier New";
+} */
\ No newline at end of file

public/drawio/pagination/common/highlight.min.css

+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  background: #f0f0f0;
+}
+
+.hljs,
+.hljs-subst {
+  color: #444;
+}
+
+.hljs-comment {
+  color: #888888;
+}
+
+.hljs-keyword,
+.hljs-attribute,
+.hljs-selector-tag,
+.hljs-meta-keyword,
+.hljs-doctag,
+.hljs-name {
+  font-weight: bold;
+}
+
+.hljs-type,
+.hljs-string,
+.hljs-number,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion {
+  color: #880000;
+}
+
+.hljs-title,
+.hljs-section {
+  color: #880000;
+  font-weight: bold;
+}
+
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #bc6060;
+}
+
+.hljs-literal {
+  color: #78a960;
+}
+
+.hljs-built_in,
+.hljs-bullet,
+.hljs-code,
+.hljs-addition {
+  color: #397300;
+}
+
+.hljs-meta {
+  color: #1f7199;
+}
+
+.hljs-meta-string {
+  color: #4d99bf;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}

public/drawio/pagination/common/reset.css

+/* @charset "utf-8";
+/**
+reset css
+*/
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
+    margin: 0;
+    padding: 0;
+}
+ul,ol{
+    list-style: none;
+}
+img{
+    border:0;
+    -ms-interpolation-mode: bicubic; 
+    vertical-align: middle;
+}
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+address,caption,cite,code,dfn,em,strong,th,var {
+    font-style: normal;
+}
+h1,h2,h3,h4,h5,h6 {
+    font-weight: normal;
+    font-size: 100%;
+}
+abbr,acronym {
+    border: 0;
+    font-variant: normal;
+} */
\ No newline at end of file

public/drawio/pagination/pagination.css

+@charset "UTF-8";
+.m-style {
+  position: relative;
+  text-align: center;
+  zoom: 1;
+}
+
+.m-style:before,
+.m-style:after {
+  content: "";
+  display: table;
+}
+
+.m-style:after {
+  clear: both;
+  overflow: hidden;
+}
+
+.m-style span {
+  float: left;
+  margin: 0 3px;
+  width: 12px;
+  height: 12px;
+  line-height: 12px;
+  color: #3d3c3c;
+  font-size: 12px;
+}
+
+.m-style .active {
+  float: left;
+  margin: 0 3px;
+  width: 12px;
+  height: 12px;
+  line-height: 12px;
+  background: rgb(65, 65, 178);
+  color: #fff;
+  font-size: 12px;
+  border: 1px solid rgb(65, 65, 178);
+}
+
+.m-style a {
+  float: left;
+  margin: 0 3px;
+  width: 12px;
+  height: 12px;
+  line-height: 12px;
+  background: #fff;
+  border: 1px solid #ebebeb;
+  color: #bdbdbd;
+  font-size: 12px;
+}
+
+.m-style a:hover {
+  color: #fff;
+  background: #0d867f;
+}
+
+.m-style .next,
+.m-style .prev {
+  font-family: "Simsun";
+  font-size: 12px;
+  font-weight: bold;
+}
+
+.now,
+.count {
+  padding: 0 3px;
+  color: #0d867f;
+}
+
+.eg img {
+  max-width: 800px;
+  min-height: 500px;
+}
+
+.m-style input {
+  float: left;
+  margin: 0 3px;
+  width: 12px;
+  height: 12px;
+  line-height: 12px;
+  text-align: center;
+  background: #fff;
+  border: 1px solid #ebebeb;
+  outline: none;
+  color: #bdbdbd;
+  font-size: 12px;
+}