☰

易优批量新增模型字段

2022/4/27 11:36:36

  1. // ==UserScript==
  2. // @name        易优批量新增模型字段 
  3. // @namespace   Violentmonkey Scripts
  4. // @include https://www.eyoucms.com/
  5. // @match       http://*/*/login.php?m=admin&c=Field&a=channel_index&channel_id=*&lang=cn
  6. // @grant       none
  7. // @version     1.0
  8. // @author      sunzehui
  9. // @license MIT
  10. // @description 2022/4/27 11:36:36
  11. // ==/UserScript==
  12.  
  13. function init(){
  14.   
  15.     const parent =  $(".flexigrid");
  16.   parent.children(".mDiv").append(`<div class="ftitle">
  17. 								<div class="fbutton">
  18.                     <a href="javascript:void(0);" id="batchInsert" >
  19. 				        <div class="add" title="新增字段">
  20. 				            <span><i class="layui-icon layui-icon-addition"></i>批量新增</span>
  21. 				        </div>
  22. 				    </a>
  23. 				</div>
  24. 				            </div>`)
  25.   $('#batchInsert').on("click", showBox)
  26.  
  27. }
  28. let isBoxShow = false
  29. function showBox(){
  30.   console.log(isBoxShow)
  31.   if(!isBoxShow){
  32.     isBoxShow = true
  33.   }else{
  34.     $(".flexigrid .bDiv").empty();
  35.     isBoxShow=false
  36.   }
  37. const style =document.createElement("style");style.innerHTML= `*,
  38. ::before,
  39. ::after {
  40.   box-sizing: border-box;
  41.   /* 1 */
  42.   border-width: 0;
  43.   /* 2 */
  44.   border-style: solid;
  45.   /* 2 */
  46.   border-color: #e5e7eb;
  47.   /* 2 */
  48. }
  49. input[type="text"], input[type="password"], textarea, select, .editable, .editable2, .editable-tarea, .editable-tarea2{
  50. }
  51. .editable, .editable2, input[type="text"], input[type="password"]{
  52. height:50px;
  53. line-height:auto;
  54. font-size:1em;
  55. }/*
  56. ! tailwindcss v3.0.24 | MIT License | https://tailwindcss.com
  57. */
  58.  
  59. /*
  60. 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
  61. 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
  62. */
  63.  
  64. *,
  65. ::before,
  66. ::after {
  67.   box-sizing: border-box;
  68.   /* 1 */
  69.   border-width: 0;
  70.   /* 2 */
  71.   border-style: solid;
  72.   /* 2 */
  73.   border-color: #e5e7eb;
  74.   /* 2 */
  75. }
  76.  
  77. ::before,
  78. ::after {
  79.   --tw-content: "";
  80. }
  81.  
  82. /*
  83. 1. Use a consistent sensible line-height in all browsers.
  84. 2. Prevent adjustments of font size after orientation changes in iOS.
  85. 3. Use a more readable tab size.
  86. 4. Use the user's configured sans font-family by default.
  87. */
  88.  
  89. html {
  90.   line-height: 1.5;
  91.   /* 1 */
  92.   -webkit-text-size-adjust: 100%;
  93.   /* 2 */
  94.   -moz-tab-size: 4;
  95.   /* 3 */
  96.   -o-tab-size: 4;
  97.   tab-size: 4;
  98.   /* 3 */
  99.   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
  100.     "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
  101.     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  102.   /* 4 */
  103. }
  104.  
  105. /*
  106. 1. Remove the margin in all browsers.
  107. 2. Inherit line-height from html so users can set them as a class directly on the html element.
  108. */
  109.  
  110. body {
  111.   margin: 0;
  112.   /* 1 */
  113.   line-height: inherit;
  114.   /* 2 */
  115. }
  116.  
  117. /*
  118. 1. Add the correct height in Firefox.
  119. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
  120. 3. Ensure horizontal rules are visible by default.
  121. */
  122.  
  123. hr {
  124.   height: 0;
  125.   /* 1 */
  126.   color: inherit;
  127.   /* 2 */
  128.   border-top-width: 1px;
  129.   /* 3 */
  130. }
  131.  
  132. /*
  133. Add the correct text decoration in Chrome, Edge, and Safari.
  134. */
  135.  
  136. abbr:where([title]) {
  137.   -webkit-text-decoration: underline dotted;
  138.   text-decoration: underline dotted;
  139. }
  140.  
  141. /*
  142. Remove the default font size and weight for headings.
  143. */
  144.  
  145. h1,
  146. h2,
  147. h3,
  148. h4,
  149. h5,
  150. h6 {
  151.   font-size: inherit;
  152.   font-weight: inherit;
  153. }
  154.  
  155. /*
  156. Reset links to optimize for opt-in styling instead of opt-out.
  157. */
  158.  
  159. a {
  160.   color: inherit;
  161.   text-decoration: inherit;
  162. }
  163.  
  164. /*
  165. Add the correct font weight in Edge and Safari.
  166. */
  167.  
  168. b,
  169. strong {
  170.   font-weight: bolder;
  171. }
  172.  
  173. /*
  174. 1. Use the user's configured mono font family by default.
  175. 2. Correct the odd em font sizing in all browsers.
  176. */
  177.  
  178. code,
  179. kbd,
  180. samp,
  181. pre {
  182.   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
  183.     "Liberation Mono", "Courier New", monospace;
  184.   /* 1 */
  185.   font-size: 1em;
  186.   /* 2 */
  187. }
  188.  
  189. /*
  190. Add the correct font size in all browsers.
  191. */
  192.  
  193. small {
  194.   font-size: 80%;
  195. }
  196.  
  197. /*
  198. Prevent sub and sup elements from affecting the line height in all browsers.
  199. */
  200.  
  201. sub,
  202. sup {
  203.   font-size: 75%;
  204.   line-height: 0;
  205.   position: relative;
  206.   vertical-align: baseline;
  207. }
  208.  
  209. sub {
  210.   bottom: -0.25em;
  211. }
  212.  
  213. sup {
  214.   top: -0.5em;
  215. }
  216.  
  217. /*
  218. 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
  219. 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
  220. 3. Remove gaps between table borders by default.
  221. */
  222.  
  223. table {
  224.   text-indent: 0;
  225.   /* 1 */
  226.   border-color: inherit;
  227.   /* 2 */
  228.   border-collapse: collapse;
  229.   /* 3 */
  230. }
  231.  
  232. /*
  233. 1. Change the font styles in all browsers.
  234. 2. Remove the margin in Firefox and Safari.
  235. 3. Remove default padding in all browsers.
  236. */
  237.  
  238. button,
  239. input,
  240. optgroup,
  241. select,
  242. textarea {
  243.   font-family: inherit;
  244.   /* 1 */
  245.   font-size: 100%;
  246.   /* 1 */
  247.   line-height: inherit;
  248.   /* 1 */
  249.   color: inherit;
  250.   /* 1 */
  251.   margin: 0;
  252.   /* 2 */
  253.   padding: 0;
  254.   /* 3 */
  255. }
  256.  
  257. /*
  258. Remove the inheritance of text transform in Edge and Firefox.
  259. */
  260.  
  261. button,
  262. select {
  263.   text-transform: none;
  264. }
  265.  
  266. /*
  267. 1. Correct the inability to style clickable types in iOS and Safari.
  268. 2. Remove default button styles.
  269. */
  270.  
  271. button,
  272. [type="button"],
  273. [type="reset"],
  274. [type="submit"] {
  275.   -webkit-appearance: button;
  276.   /* 1 */
  277.   background-color: transparent;
  278.   /* 2 */
  279.   background-image: none;
  280.   /* 2 */
  281. }
  282.  
  283. /*
  284. Use the modern Firefox focus style for all focusable elements.
  285. */
  286.  
  287. :-moz-focusring {
  288.   outline: auto;
  289. }
  290.  
  291. /*
  292. Remove the additional :invalid styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
  293. */
  294.  
  295. :-moz-ui-invalid {
  296.   box-shadow: none;
  297. }
  298.  
  299. /*
  300. Add the correct vertical alignment in Chrome and Firefox.
  301. */
  302.  
  303. progress {
  304.   vertical-align: baseline;
  305. }
  306.  
  307. /*
  308. Correct the cursor style of increment and decrement buttons in Safari.
  309. */
  310.  
  311. ::-webkit-inner-spin-button,
  312. ::-webkit-outer-spin-button {
  313.   height: auto;
  314. }
  315.  
  316. /*
  317. 1. Correct the odd appearance in Chrome and Safari.
  318. 2. Correct the outline style in Safari.
  319. */
  320.  
  321. [type="search"] {
  322.   -webkit-appearance: textfield;
  323.   /* 1 */
  324.   outline-offset: -2px;
  325.   /* 2 */
  326. }
  327.  
  328. /*
  329. Remove the inner padding in Chrome and Safari on macOS.
  330. */
  331.  
  332. ::-webkit-search-decoration {
  333.   -webkit-appearance: none;
  334. }
  335.  
  336. /*
  337. 1. Correct the inability to style clickable types in iOS and Safari.
  338. 2. Change font properties to inherit in Safari.
  339. */
  340.  
  341. ::-webkit-file-upload-button {
  342.   -webkit-appearance: button;
  343.   /* 1 */
  344.   font: inherit;
  345.   /* 2 */
  346. }
  347.  
  348. /*
  349. Add the correct display in Chrome and Safari.
  350. */
  351.  
  352. summary {
  353.   display: list-item;
  354. }
  355.  
  356. /*
  357. Removes the default spacing and border for appropriate elements.
  358. */
  359.  
  360. blockquote,
  361. dl,
  362. dd,
  363. h1,
  364. h2,
  365. h3,
  366. h4,
  367. h5,
  368. h6,
  369. hr,
  370. figure,
  371. p,
  372. pre {
  373.   margin: 0;
  374. }
  375.  
  376. fieldset {
  377.   margin: 0;
  378.   padding: 0;
  379. }
  380.  
  381. legend {
  382.   padding: 0;
  383. }
  384.  
  385. ol,
  386. ul,
  387. menu {
  388.   list-style: none;
  389.   margin: 0;
  390.   padding: 0;
  391. }
  392.  
  393. /*
  394. Prevent resizing textareas horizontally by default.
  395. */
  396.  
  397. textarea {
  398.   resize: vertical;
  399. }
  400.  
  401. /*
  402. 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
  403. 2. Set the default placeholder color to the user's configured gray 400 color.
  404. */
  405.  
  406. input::-moz-placeholder,
  407. textarea::-moz-placeholder {
  408.   opacity: 1;
  409.   /* 1 */
  410.   color: #9ca3af;
  411.   /* 2 */
  412. }
  413.  
  414. input:-ms-input-placeholder,
  415. textarea:-ms-input-placeholder {
  416.   opacity: 1;
  417.   /* 1 */
  418.   color: #9ca3af;
  419.   /* 2 */
  420. }
  421.  
  422. input::placeholder,
  423. textarea::placeholder {
  424.   opacity: 1;
  425.   /* 1 */
  426.   color: #9ca3af;
  427.   /* 2 */
  428. }
  429.  
  430. /*
  431. Set the default cursor for buttons.
  432. */
  433.  
  434. button,
  435. [role="button"] {
  436.   cursor: pointer;
  437. }
  438.  
  439. /*
  440. Make sure disabled buttons don't get the pointer cursor.
  441. */
  442.  
  443. :disabled {
  444.   cursor: default;
  445. }
  446.  
  447. /*
  448. 1. Make replaced elements display: block by default. (https://github.com/mozdevs/cssremedy/issues/14)
  449. 2. Add vertical-align: middle to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
  450.    This can trigger a poorly considered lint error in some tools but is included by design.
  451. */
  452.  
  453. img,
  454. svg,
  455. video,
  456. canvas,
  457. audio,
  458. iframe,
  459. embed,
  460. object {
  461.   display: block;
  462.   /* 1 */
  463.   vertical-align: middle;
  464.   /* 2 */
  465. }
  466.  
  467. /*
  468. Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
  469. */
  470.  
  471. img,
  472. video {
  473.   max-width: 100%;
  474.   height: auto;
  475. }
  476.  
  477. /*
  478. Ensure the default browser behavior of the hidden attribute.
  479. */
  480.  
  481. [hidden] {
  482.   display: none;
  483. }
  484.  
  485. [type="text"],
  486. [type="email"],
  487. [type="url"],
  488. [type="password"],
  489. [type="number"],
  490. [type="date"],
  491. [type="datetime-local"],
  492. [type="month"],
  493. [type="search"],
  494. [type="tel"],
  495. [type="time"],
  496. [type="week"],
  497. [multiple],
  498. textarea,
  499. select {
  500.   -webkit-appearance: none;
  501.   -moz-appearance: none;
  502.   appearance: none;
  503.   background-color: #fff;
  504.   border-color: #6b7280;
  505.   border-width: 1px;
  506.   border-radius: 0px;
  507.   padding-top: 0.5rem;
  508.   padding-right: 0.75rem;
  509.   padding-bottom: 0.5rem;
  510.   padding-left: 0.75rem;
  511.   font-size: 1rem;
  512.   line-height: 1.5rem;
  513.   --tw-shadow: 0 0 #0000;
  514. }
  515.  
  516. [type="text"]:focus,
  517. [type="email"]:focus,
  518. [type="url"]:focus,
  519. [type="password"]:focus,
  520. [type="number"]:focus,
  521. [type="date"]:focus,
  522. [type="datetime-local"]:focus,
  523. [type="month"]:focus,
  524. [type="search"]:focus,
  525. [type="tel"]:focus,
  526. [type="time"]:focus,
  527. [type="week"]:focus,
  528. [multiple]:focus,
  529. textarea:focus,
  530. select:focus {
  531.   outline: 2px solid transparent;
  532.   outline-offset: 2px;
  533.   --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
  534.   --tw-ring-offset-width: 0px;
  535.   --tw-ring-offset-color: #fff;
  536.   --tw-ring-color: #2563eb;
  537.   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
  538.     var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  539.   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
  540.     calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  541.   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
  542.     var(--tw-shadow);
  543.   border-color: #2563eb;
  544. }
  545.  
  546. input::-moz-placeholder,
  547. textarea::-moz-placeholder {
  548.   color: #6b7280;
  549.   opacity: 1;
  550. }
  551.  
  552. input:-ms-input-placeholder,
  553. textarea:-ms-input-placeholder {
  554.   color: #6b7280;
  555.   opacity: 1;
  556. }
  557.  
  558. input::placeholder,
  559. textarea::placeholder {
  560.   color: #6b7280;
  561.   opacity: 1;
  562. }
  563.  
  564. ::-webkit-datetime-edit-fields-wrapper {
  565.   padding: 0;
  566. }
  567.  
  568. ::-webkit-date-and-time-value {
  569.   min-height: 1.5em;
  570. }
  571.  
  572. ::-webkit-datetime-edit,
  573. ::-webkit-datetime-edit-year-field,
  574. ::-webkit-datetime-edit-month-field,
  575. ::-webkit-datetime-edit-day-field,
  576. ::-webkit-datetime-edit-hour-field,
  577. ::-webkit-datetime-edit-minute-field,
  578. ::-webkit-datetime-edit-second-field,
  579. ::-webkit-datetime-edit-millisecond-field,
  580. ::-webkit-datetime-edit-meridiem-field {
  581.   padding-top: 0;
  582.   padding-bottom: 0;
  583. }
  584.  
  585. select {
  586.   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  587.   background-position: right 0.5rem center;
  588.   background-repeat: no-repeat;
  589.   background-size: 1.5em 1.5em;
  590.   padding-right: 2.5rem;
  591.   -webkit-print-color-adjust: exact;
  592.   color-adjust: exact;
  593. }
  594.  
  595. [multiple] {
  596.   background-image: initial;
  597.   background-position: initial;
  598.   background-repeat: unset;
  599.   background-size: initial;
  600.   padding-right: 0.75rem;
  601.   -webkit-print-color-adjust: unset;
  602.   color-adjust: unset;
  603. }
  604.  
  605. [type="checkbox"],
  606. [type="radio"] {
  607.   -webkit-appearance: none;
  608.   -moz-appearance: none;
  609.   appearance: none;
  610.   padding: 0;
  611.   -webkit-print-color-adjust: exact;
  612.   color-adjust: exact;
  613.   display: inline-block;
  614.   vertical-align: middle;
  615.   background-origin: border-box;
  616.   -webkit-user-select: none;
  617.   -moz-user-select: none;
  618.   -ms-user-select: none;
  619.   user-select: none;
  620.   flex-shrink: 0;
  621.   height: 1rem;
  622.   width: 1rem;
  623.   color: #2563eb;
  624.   background-color: #fff;
  625.   border-color: #6b7280;
  626.   border-width: 1px;
  627.   --tw-shadow: 0 0 #0000;
  628. }
  629.  
  630. [type="checkbox"] {
  631.   border-radius: 0px;
  632. }
  633.  
  634. [type="radio"] {
  635.   border-radius: 100%;
  636. }
  637.  
  638. [type="checkbox"]:focus,
  639. [type="radio"]:focus {
  640.   outline: 2px solid transparent;
  641.   outline-offset: 2px;
  642.   --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
  643.   --tw-ring-offset-width: 2px;
  644.   --tw-ring-offset-color: #fff;
  645.   --tw-ring-color: #2563eb;
  646.   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
  647.     var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  648.   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
  649.     calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  650.   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
  651.     var(--tw-shadow);
  652. }
  653.  
  654. [type="checkbox"]:checked,
  655. [type="radio"]:checked {
  656.   border-color: transparent;
  657.   background-color: currentColor;
  658.   background-size: 100% 100%;
  659.   background-position: center;
  660.   background-repeat: no-repeat;
  661. }
  662.  
  663. [type="checkbox"]:checked {
  664.   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
  665. }
  666.  
  667. [type="radio"]:checked {
  668.   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  669. }
  670.  
  671. [type="checkbox"]:checked:hover,
  672. [type="checkbox"]:checked:focus,
  673. [type="radio"]:checked:hover,
  674. [type="radio"]:checked:focus {
  675.   border-color: transparent;
  676.   background-color: currentColor;
  677. }
  678.  
  679. [type="checkbox"]:indeterminate {
  680.   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  681.   border-color: transparent;
  682.   background-color: currentColor;
  683.   background-size: 100% 100%;
  684.   background-position: center;
  685.   background-repeat: no-repeat;
  686. }
  687.  
  688. [type="checkbox"]:indeterminate:hover,
  689. [type="checkbox"]:indeterminate:focus {
  690.   border-color: transparent;
  691.   background-color: currentColor;
  692. }
  693.  
  694. [type="file"] {
  695.   background: unset;
  696.   border-color: inherit;
  697.   border-width: 0;
  698.   border-radius: 0;
  699.   padding: 0;
  700.   font-size: unset;
  701.   line-height: inherit;
  702. }
  703.  
  704. [type="file"]:focus {
  705.   outline: 1px auto -webkit-focus-ring-color;
  706. }
  707.  
  708. *,
  709. ::before,
  710. ::after {
  711.   --tw-translate-x: 0;
  712.   --tw-translate-y: 0;
  713.   --tw-rotate: 0;
  714.   --tw-skew-x: 0;
  715.   --tw-skew-y: 0;
  716.   --tw-scale-x: 1;
  717.   --tw-scale-y: 1;
  718.   --tw-pan-x: ;
  719.   --tw-pan-y: ;
  720.   --tw-pinch-zoom: ;
  721.   --tw-scroll-snap-strictness: proximity;
  722.   --tw-ordinal: ;
  723.   --tw-slashed-zero: ;
  724.   --tw-numeric-figure: ;
  725.   --tw-numeric-spacing: ;
  726.   --tw-numeric-fraction: ;
  727.   --tw-ring-inset: ;
  728.   --tw-ring-offset-width: 0px;
  729.   --tw-ring-offset-color: #fff;
  730.   --tw-ring-color: rgb(59 130 246 / 0.5);
  731.   --tw-ring-offset-shadow: 0 0 #0000;
  732.   --tw-ring-shadow: 0 0 #0000;
  733.   --tw-shadow: 0 0 #0000;
  734.   --tw-shadow-colored: 0 0 #0000;
  735.   --tw-blur: ;
  736.   --tw-brightness: ;
  737.   --tw-contrast: ;
  738.   --tw-grayscale: ;
  739.   --tw-hue-rotate: ;
  740.   --tw-invert: ;
  741.   --tw-saturate: ;
  742.   --tw-sepia: ;
  743.   --tw-drop-shadow: ;
  744.   --tw-backdrop-blur: ;
  745.   --tw-backdrop-brightness: ;
  746.   --tw-backdrop-contrast: ;
  747.   --tw-backdrop-grayscale: ;
  748.   --tw-backdrop-hue-rotate: ;
  749.   --tw-backdrop-invert: ;
  750.   --tw-backdrop-opacity: ;
  751.   --tw-backdrop-saturate: ;
  752.   --tw-backdrop-sepia: ;
  753. }
  754.  
  755. .container {
  756.   width: 100%;
  757. }
  758.  
  759. @media (min-width: 640px) {
  760.   .container {
  761.     max-width: 640px;
  762.   }
  763. }
  764.  
  765. @media (min-width: 768px) {
  766.   .container {
  767.     max-width: 768px;
  768.   }
  769. }
  770.  
  771. @media (min-width: 1024px) {
  772.   .container {
  773.     max-width: 1024px;
  774.   }
  775. }
  776.  
  777. @media (min-width: 1280px) {
  778.   .container {
  779.     max-width: 1280px;
  780.   }
  781. }
  782.  
  783. @media (min-width: 1536px) {
  784.   .container {
  785.     max-width: 1536px;
  786.   }
  787. }
  788.  
  789. .col-span-6 {
  790.   grid-column: span 6 / span 6;
  791. }
  792.  
  793. .col-span-2 {
  794.   grid-column: span 2 / span 2;
  795. }
  796.  
  797. .col-span-4 {
  798.   grid-column: span 4 / span 4;
  799. }
  800.  
  801. .col-span-1 {
  802.   grid-column: span 1 / span 1;
  803. }
  804.  
  805. .col-end-8 {
  806.   grid-column-end: 8;
  807. }
  808.  
  809. .col-end-4 {
  810.   grid-column-end: 4;
  811. }
  812.  
  813. .col-end-2 {
  814.   grid-column-end: 2;
  815. }
  816.  
  817. .col-end-3 {
  818.   grid-column-end: 3;
  819. }
  820.  
  821. .col-end-1 {
  822.   grid-column-end: 1;
  823. }
  824.  
  825. .col-end-auto {
  826.   grid-column-end: auto;
  827. }
  828.  
  829. .col-end-5 {
  830.   grid-column-end: 5;
  831. }
  832.  
  833. .col-end-7 {
  834.   grid-column-end: 7;
  835. }
  836.  
  837. .col-end-6 {
  838.   grid-column-end: 6;
  839. }
  840.  
  841. .row-span-2 {
  842.   grid-row: span 2 / span 2;
  843. }
  844.  
  845. .row-auto {
  846.   grid-row: auto;
  847. }
  848.  
  849. .mt-5 {
  850.   margin-top: 1.25rem;
  851. }
  852.  
  853. .mt-4 {
  854.   margin-top: 1rem;
  855. }
  856.  
  857. .ml-3 {
  858.   margin-left: 0.75rem;
  859. }
  860.  
  861. .mt-1 {
  862.   margin-top: 0.25rem;
  863. }
  864.  
  865. .block {
  866.   display: block;
  867. }
  868.  
  869. .flex {
  870.   display: flex;
  871. }
  872.  
  873. .inline-flex {
  874.   display: inline-flex;
  875. }
  876.  
  877. .table {
  878.   display: table;
  879. }
  880.  
  881. .grid {
  882.   display: grid;
  883. }
  884.  
  885. .h-screen {
  886.   height: 100vh;
  887. }
  888.  
  889. .h-4 {
  890.   height: 1rem;
  891. }
  892.  
  893. .w-3\/4 {
  894.   width: 75%;
  895. }
  896.  
  897. .w-4 {
  898.   width: 1rem;
  899. }
  900.  
  901. .w-full {
  902.   width: 100%;
  903. }
  904.  
  905. .grid-cols-6 {
  906.   grid-template-columns: repeat(6, minmax(0, 1fr));
  907. }
  908.  
  909. .grid-cols-1 {
  910.   grid-template-columns: repeat(1, minmax(0, 1fr));
  911. }
  912.  
  913. .items-center {
  914.   align-items: center;
  915. }
  916.  
  917. .justify-center {
  918.   justify-content: center;
  919. }
  920.  
  921. .gap-6 {
  922.   gap: 1.5rem;
  923. }
  924.  
  925. .space-y-4 > :not([hidden]) ~ :not([hidden]) {
  926.   --tw-space-y-reverse: 0;
  927.   margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  928.   margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  929. }
  930.  
  931. .place-self-center {
  932.   place-self: center;
  933. }
  934.  
  935. .self-end {
  936.   align-self: flex-end;
  937. }
  938.  
  939. .overflow-hidden {
  940.   overflow: hidden;
  941. }
  942.  
  943. .whitespace-nowrap {
  944.   white-space: nowrap;
  945. }
  946.  
  947. .rounded-md {
  948.   border-radius: 0.375rem;
  949. }
  950.  
  951. .rounded-lg {
  952.   border-radius: 0.5rem;
  953. }
  954.  
  955. .border {
  956.   border-width: 1px;
  957. }
  958.  
  959. .border-gray-300 {
  960.   --tw-border-opacity: 1;
  961.   border-color: rgb(209 213 219 / var(--tw-border-opacity));
  962. }
  963.  
  964. .border-transparent {
  965.   border-color: transparent;
  966. }
  967.  
  968. .bg-white {
  969.   --tw-bg-opacity: 1;
  970.   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  971. }
  972.  
  973. .bg-gray-50 {
  974.   --tw-bg-opacity: 1;
  975.   background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  976. }
  977.  
  978. .bg-indigo-600 {
  979.   --tw-bg-opacity: 1;
  980.   background-color: rgb(79 70 229 / var(--tw-bg-opacity));
  981. }
  982.  
  983. .p-4 {
  984.   padding: 1rem;
  985. }
  986.  
  987. .px-4 {
  988.   padding-left: 1rem;
  989.   padding-right: 1rem;
  990. }
  991.  
  992. .py-5 {
  993.   padding-top: 1.25rem;
  994.   padding-bottom: 1.25rem;
  995. }
  996.  
  997. .py-2 {
  998.   padding-top: 0.5rem;
  999.   padding-bottom: 0.5rem;
  1000. }
  1001.  
  1002. .py-3 {
  1003.   padding-top: 0.75rem;
  1004.   padding-bottom: 0.75rem;
  1005. }
  1006.  
  1007. .px-6 {
  1008.   padding-left: 1.5rem;
  1009.   padding-right: 1.5rem;
  1010. }
  1011.  
  1012. .px-60 {
  1013.   padding-left: 15rem;
  1014.   padding-right: 15rem;
  1015. }
  1016.  
  1017. .px-2 {
  1018.   padding-left: 0.5rem;
  1019.   padding-right: 0.5rem;
  1020. }
  1021.  
  1022. .px-10 {
  1023.   padding-left: 2.5rem;
  1024.   padding-right: 2.5rem;
  1025. }
  1026.  
  1027. .text-center {
  1028.   text-align: center;
  1029. }
  1030.  
  1031. .text-right {
  1032.   text-align: right;
  1033. }
  1034.  
  1035. .text-sm {
  1036.   font-size: 0.875rem;
  1037.   line-height: 1.25rem;
  1038. }
  1039.  
  1040. .text-lg {
  1041.   font-size: 1.125rem;
  1042.   line-height: 1.75rem;
  1043. }
  1044.  
  1045. .font-medium {
  1046.   font-weight: 500;
  1047. }
  1048.  
  1049. .font-bold {
  1050.   font-weight: 700;
  1051. }
  1052.  
  1053. .font-normal {
  1054.   font-weight: 400;
  1055. }
  1056.  
  1057. .text-indigo-600 {
  1058.   --tw-text-opacity: 1;
  1059.   color: rgb(79 70 229 / var(--tw-text-opacity));
  1060. }
  1061.  
  1062. .text-gray-700 {
  1063.   --tw-text-opacity: 1;
  1064.   color: rgb(55 65 81 / var(--tw-text-opacity));
  1065. }
  1066.  
  1067. .text-black {
  1068.   --tw-text-opacity: 1;
  1069.   color: rgb(0 0 0 / var(--tw-text-opacity));
  1070. }
  1071.  
  1072. .text-gray-900 {
  1073.   --tw-text-opacity: 1;
  1074.   color: rgb(17 24 39 / var(--tw-text-opacity));
  1075. }
  1076.  
  1077. .text-white {
  1078.   --tw-text-opacity: 1;
  1079.   color: rgb(255 255 255 / var(--tw-text-opacity));
  1080. }
  1081.  
  1082. .shadow {
  1083.   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  1084.   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
  1085.     0 1px 2px -1px var(--tw-shadow-color);
  1086.   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
  1087.     var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  1088. }
  1089.  
  1090. .shadow-sm {
  1091.   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  1092.   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  1093.   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
  1094.     var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  1095. }
  1096.  
  1097. .table-wrapper table tbody tr {
  1098.   --tw-text-opacity: 1;
  1099.   color: rgb(55 65 81 / var(--tw-text-opacity));
  1100. }
  1101.  
  1102. .table-wrapper table tbody tr td {
  1103.   border-width: 1px;
  1104.   padding: 1rem;
  1105. }
  1106.  
  1107. .hover\:bg-indigo-700:hover {
  1108.   --tw-bg-opacity: 1;
  1109.   background-color: rgb(67 56 202 / var(--tw-bg-opacity));
  1110. }
  1111.  
  1112. .focus\:border-indigo-500:focus {
  1113.   --tw-border-opacity: 1;
  1114.   border-color: rgb(99 102 241 / var(--tw-border-opacity));
  1115. }
  1116.  
  1117. .focus\:outline-none:focus {
  1118.   outline: 2px solid transparent;
  1119.   outline-offset: 2px;
  1120. }
  1121.  
  1122. .focus\:ring-2:focus {
  1123.   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
  1124.     var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  1125.   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
  1126.     calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  1127.   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
  1128.     var(--tw-shadow, 0 0 #0000);
  1129. }
  1130.  
  1131. .focus\:ring-indigo-500:focus {
  1132.   --tw-ring-opacity: 1;
  1133.   --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
  1134. }
  1135.  
  1136. .focus\:ring-offset-2:focus {
  1137.   --tw-ring-offset-width: 2px;
  1138. }
  1139.  
  1140. @media (min-width: 640px) {
  1141.   .sm\:col-span-3 {
  1142.     grid-column: span 3 / span 3;
  1143.   }
  1144.  
  1145.   .sm\:rounded-md {
  1146.     border-radius: 0.375rem;
  1147.   }
  1148.  
  1149.   .sm\:p-6 {
  1150.     padding: 1.5rem;
  1151.   }
  1152.  
  1153.   .sm\:px-6 {
  1154.     padding-left: 1.5rem;
  1155.     padding-right: 1.5rem;
  1156.   }
  1157.  
  1158.   .sm\:text-sm {
  1159.     font-size: 0.875rem;
  1160.     line-height: 1.25rem;
  1161.   }
  1162. }
  1163.  
  1164. @media (min-width: 768px) {
  1165.   .md\:col-span-2 {
  1166.     grid-column: span 2 / span 2;
  1167.   }
  1168.  
  1169.   .md\:mt-0 {
  1170.     margin-top: 0px;
  1171.   }
  1172.  
  1173.   .md\:grid {
  1174.     display: grid;
  1175.   }
  1176.  
  1177.   .md\:grid-cols-1 {
  1178.     grid-template-columns: repeat(1, minmax(0, 1fr));
  1179.   }
  1180.  
  1181.   .md\:gap-6 {
  1182.     gap: 1.5rem;
  1183.   }
  1184. }
  1185. .shadow-md {
  1186.     --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  1187.     --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  1188.     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  1189.     border-top:1px solid gainsboro;
  1190. }
  1191. body > div.page > div.fixed-bar > div > ul > li > a{
  1192. border:none
  1193. }
  1194. `;
  1195.   const elemDiv = $(`
  1196.   
  1197.   <div class="container shadow-md">
  1198.     <div class="md:grid md:grid-cols-1 w-3/4 md:gap-6">
  1199.       <div class="mt-5 md:mt-0 md:col-span-2">
  1200.         <div class="shadow overflow-hidden sm:rounded-md">
  1201.           <div class="px-4 py-5 bg-white sm:p-6 text-black">
  1202.             <div class="grid grid-cols-6 gap-6">
  1203.  
  1204.               <fieldset class="col-span-6 row-span-2 sm:col-span-3">
  1205.                 <div class="mt-4 space-y-4">
  1206.                   <div class="flex items-center">
  1207.                     <input id="push-everything" name="push-notifications" type="radio" value="text"
  1208.                       class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300">
  1209.                     <label for="push-everything" class="ml-3 block text-sm font-medium text-gray-700">单行文本
  1210.                     </label>
  1211.                   </div>
  1212.                   <div class="flex items-center">
  1213.                     <input id="push-email" name="push-notifications" type="radio" value="multitext"
  1214.                       class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300">
  1215.                     <label for="push-email" class="ml-3 block text-sm font-medium text-gray-700"> 多行文本</label>
  1216.                   </div>
  1217.                   <div class="flex items-center">
  1218.                     <input id="push-nothing" name="push-notifications" type="radio" value="img"
  1219.                       class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300">
  1220.                     <label for="push-nothing" class="ml-3 block text-sm font-medium text-gray-700"> 图片 </label>
  1221.                   </div>
  1222.                   <div class="flex items-center">
  1223.                     <input id="push-test" name="push-notifications" type="radio" value="imgs"
  1224.                       class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300">
  1225.                     <label for="push-test" class="ml-3 block text-sm font-medium text-gray-700"> 多图片 </label>
  1226.                   </div>
  1227.                 </div>
  1228.               </fieldset>
  1229.  
  1230.  
  1231.               <div class="col-span-6 sm:col-span-3 row-auto">
  1232.                 <label for="title" class="block text-sm font-medium text-gray-700">标题</label>
  1233.                 <input type="text" name="title" id="title" autocomplete="given-name"
  1234.                   class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md">
  1235.               </div>
  1236.               <div class="col-span-6 sm:col-span-3 row-auto">
  1237.                 <label for="field" class="block text-sm font-medium text-gray-700">字段名</label>
  1238.                 <input type="text" name="field" id="field" autocomplete="family-name"
  1239.                   class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md">
  1240.               </div>
  1241.               <div class="col-span-1 ">
  1242.                 <label for="pageid" class="block text-sm font-medium text-gray-700">单页ID</label>
  1243.                 <input type="text" name="pageid" id="pageid" autocomplete="pageid"
  1244.                   class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md">
  1245.               </div>
  1246.               <div class="col-span-1 ">
  1247.                 <label for="startIndex" class="block text-sm font-medium text-gray-700">开始下标</label>
  1248.                 <input type="text" name="startIndex" id="startIndex" autocomplete="startIndex"
  1249.                   class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md">
  1250.               </div>
  1251.               <div class="col-span-1 ">
  1252.                 <label for="number" class="block text-sm font-medium text-gray-700">生成数量</label>
  1253.                 <input type="text" name="number" id="number" autocomplete="number"
  1254.                   class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md">
  1255.               </div>
  1256.               <div class="col-span-1  place-self-center self-end ">
  1257.                 <button type="submit" id="gen-btn"
  1258.                   class="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">生成</button>
  1259.               </div>
  1260.  <div class="col-span-1 col-end-7 self-end place-self-center">
  1261.                 <a href="#" class="block text-sm font-medium text-indigo-600 ">显示帮助</a>
  1262.               </div>
  1263.  
  1264.             </div>
  1265.             <div class="table-wrapper grid grid-cols-1">
  1266.               <h2 class="heading text-black text-center text-lg font-bold py-2">
  1267.                 将会添加...
  1268.               </h2>
  1269.               <table class="table p-4 bg-white shadow rounded-lg">
  1270.                 <thead>
  1271.                   <tr>
  1272.                     <th class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900">
  1273.                       单页ID
  1274.                     </th>
  1275.                     <th class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900">
  1276.                       标题
  1277.                     </th>
  1278.                     <th class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900">
  1279.                       字段名
  1280.                     </th>
  1281.                     <th class="border p-4 dark:border-dark-5 whitespace-nowrap font-normal text-gray-900">
  1282.                       类型
  1283.                     </th>
  1284.                   </tr>
  1285.                 </thead>
  1286.                 <tbody id="tbody">
  1287.                 </tbody>
  1288.               </table>
  1289.  
  1290.             </div>
  1291.           </div>
  1292.           <div class="col-span-6 px-4 py-3 bg-gray-50 text-right sm:px-6">
  1293.             <button type="submit" id="submit-btn"
  1294.               class="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">确定</button>
  1295.           </div>
  1296.         </div>
  1297.       </div>
  1298.     </div>
  1299.   </div>
  1300. `)
  1301.  document.head.appendChild(style);
  1302.   document.querySelector("body > div.page").style.height = '100%'
  1303.   const parent =  $(".flexigrid");
  1304.     parent.css({
  1305.     height:'100%',
  1306.       overflow:'scroll'
  1307.   })
  1308.   
  1309.   const contentBox = parent.children(".bDiv");
  1310.   
  1311.   contentBox.empty()
  1312.   contentBox.append(elemDiv)
  1313.     const submitBtn = document.getElementById('submit-btn');
  1314.     submitBtn.onclick = () => insert2Eyou(waitToPush);
  1315.   
  1316.   
  1317.   parent.children(".hDiv").empty();
  1318.   parent.children(".tDiv").empty();
  1319. }
  1320.  
  1321.  
  1322.  function render2Table(data) {
  1323.       const tbody = $('#tbody');
  1324.       data.forEach(element => {
  1325.         const row = $(`
  1326.           <tr>
  1327.             <td>
  1328.             ${element.id}
  1329.               </td>
  1330.                     <td>
  1331.             
  1332.                       ${element.title}
  1333.                       </td>
  1334.                     <td>
  1335.             
  1336.                       ${element.field}
  1337.                       </td>
  1338.                     <td>
  1339.             
  1340.                       ${element.type}
  1341.                       </td>
  1342.                   </tr>
  1343.           
  1344.           
  1345.           `);
  1346.         tbody.append(row);
  1347.       });
  1348.     }
  1349.  
  1350.   const waitToPush = []
  1351. $(document).ready(function(){
  1352.   if(location.href.includes("eyoucms")){
  1353.     return
  1354.   }
  1355.    init();
  1356.  
  1357.   
  1358.   $("#gen-btn").on("click", ()=>{
  1359.     
  1360. const type = $('input[name="push-notifications"]:checked').val();
  1361.       const channel_id = new URLSearchParams(location.href).get("channel_id")
  1362.       const page_id = [$('#pageid').val()];
  1363.       const cnt =Number( $('#number').val());;
  1364.       const startIndex = Number($("#startIndex").val());
  1365.                          
  1366.       // 替换变量
  1367.       for (let i = startIndex; i < startIndex+cnt; i++) {
  1368.         const reg = new RegExp(`\\$d`, 'g');
  1369.         _titile = $("#title").val().replace(reg, i);
  1370.         _fieldName = $("#field").val().replace(reg, i);
  1371.  
  1372.         waitToPush.push({
  1373.           title: _titile,
  1374.           field: _fieldName,
  1375.           page_id,
  1376.           type,
  1377.           channel_id
  1378.         })
  1379.       }
  1380.  
  1381.       console.log(waitToPush);
  1382.  
  1383.       render2Table(waitToPush)
  1384.   })
  1385.   
  1386.  
  1387.   
  1388.     })
  1389.  
  1390.     function insertOne(elem) {
  1391.       return new Promise((resolve, reject) => $.ajax("login.php?m=admin&c=Field&a=channel_add&_ajax=1&lang=cn", {
  1392.         type: "post",
  1393.         data: {
  1394.           title: elem.title,
  1395.           name: elem.field,
  1396.           dtype: elem.type,
  1397.           "region_data[region_id]": "",
  1398.           "region_data[region_names]": "",
  1399.           "region_data[region_ids]": '',
  1400.           dfvalue: '',
  1401.           dfvalue_unit: '',
  1402.           IsScreening_status: 0,
  1403.           remark: '',
  1404.           "typeids": elem.page_id,
  1405.           channel_id: elem.channel_id,
  1406.         },
  1407.         success(d) {
  1408.           resolve(d)
  1409.         },
  1410.         error(e) {
  1411.           reject(e)
  1412.         }
  1413.       }))
  1414.     }
  1415.  
  1416.    async function insert2Eyou(data) {
  1417.       try {
  1418.         for (const elem of data) {
  1419.           const result = await insertOne(elem)
  1420.           console.log({ elem, result })
  1421.         }
  1422.       } catch (error) {
  1423.         console.log({ error })
  1424.       }
  1425.  
  1426.     }
  1427.     function render2Table(data) {
  1428.       const tbody = $('#tbody');
  1429.       tbody.empty();
  1430.       data.forEach(element => {
  1431.         const row = $(`
  1432.           <tr>
  1433.             <td>
  1434.             ${element.page_id}
  1435.               </td>
  1436.                     <td>
  1437.             
  1438.                       ${element.title}
  1439.                       </td>
  1440.                     <td>
  1441.             
  1442.                       ${element.field}
  1443.                       </td>
  1444.                     <td>
  1445.             
  1446.                       ${element.type}
  1447.                       </td>
  1448.                   </tr>
  1449.           
  1450.           
  1451.           `);
  1452.         tbody.append(row);
  1453.       });
  1454.     }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址