Initial commit

src/assets/background.svg

@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="1361px" height="609px" viewBox="0 0 1361 609" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>Group 21</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Ant-Design-Pro-3.0" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="账户密码登录-校验" transform="translate(-79.000000, -82.000000)">
+            <g id="Group-21" transform="translate(77.000000, 73.000000)">
+                <g id="Group-18" opacity="0.8" transform="translate(74.901416, 569.699158) rotate(-7.000000) translate(-74.901416, -569.699158) translate(4.901416, 525.199158)">
+                    <ellipse id="Oval-11" fill="#CFDAE6" opacity="0.25" cx="63.5748792" cy="32.468367" rx="21.7830479" ry="21.766008"></ellipse>
+                    <ellipse id="Oval-3" fill="#CFDAE6" opacity="0.599999964" cx="5.98746479" cy="13.8668601" rx="5.2173913" ry="5.21330997"></ellipse>
+                    <path d="M38.1354514,88.3520215 C43.8984227,88.3520215 48.570234,83.6838647 48.570234,77.9254015 C48.570234,72.1669383 43.8984227,67.4987816 38.1354514,67.4987816 C32.3724801,67.4987816 27.7006688,72.1669383 27.7006688,77.9254015 C27.7006688,83.6838647 32.3724801,88.3520215 38.1354514,88.3520215 Z" id="Oval-3-Copy" fill="#CFDAE6" opacity="0.45"></path>
+                    <path d="M64.2775582,33.1704963 L119.185836,16.5654915" id="Path-12" stroke="#CFDAE6" stroke-width="1.73913043" stroke-linecap="round" stroke-linejoin="round"></path>
+                    <path d="M42.1431708,26.5002681 L7.71190162,14.5640702" id="Path-16" stroke="#E0B4B7" stroke-width="0.702678964" opacity="0.7" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1.405357899873153,2.108036953469981"></path>
+                    <path d="M63.9262187,33.521561 L43.6721326,69.3250951" id="Path-15" stroke="#BACAD9" stroke-width="0.702678964" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1.405357899873153,2.108036953469981"></path>
+                    <g id="Group-17" transform="translate(126.850922, 13.543654) rotate(30.000000) translate(-126.850922, -13.543654) translate(117.285705, 4.381889)" fill="#CFDAE6">
+                        <ellipse id="Oval-4" opacity="0.45" cx="9.13482653" cy="9.12768076" rx="9.13482653" ry="9.12768076"></ellipse>
+                        <path d="M18.2696531,18.2553615 C18.2696531,13.2142826 14.1798519,9.12768076 9.13482653,9.12768076 C4.08980114,9.12768076 0,13.2142826 0,18.2553615 L18.2696531,18.2553615 Z" id="Oval-4" transform="translate(9.134827, 13.691521) scale(-1, -1) translate(-9.134827, -13.691521) "></path>
+                    </g>
+                </g>
+                <g id="Group-14" transform="translate(216.294700, 123.725600) rotate(-5.000000) translate(-216.294700, -123.725600) translate(106.294700, 35.225600)">
+                    <ellipse id="Oval-2" fill="#CFDAE6" opacity="0.25" cx="29.1176471" cy="29.1402439" rx="29.1176471" ry="29.1402439"></ellipse>
+                    <ellipse id="Oval-2" fill="#CFDAE6" opacity="0.3" cx="29.1176471" cy="29.1402439" rx="21.5686275" ry="21.5853659"></ellipse>
+                    <ellipse id="Oval-2-Copy" stroke="#CFDAE6" opacity="0.4" cx="179.019608" cy="138.146341" rx="23.7254902" ry="23.7439024"></ellipse>
+                    <ellipse id="Oval-2" fill="#BACAD9" opacity="0.5" cx="29.1176471" cy="29.1402439" rx="10.7843137" ry="10.7926829"></ellipse>
+                    <path d="M29.1176471,39.9329268 L29.1176471,18.347561 C23.1616351,18.347561 18.3333333,23.1796097 18.3333333,29.1402439 C18.3333333,35.1008781 23.1616351,39.9329268 29.1176471,39.9329268 Z" id="Oval-2" fill="#BACAD9"></path>
+                    <g id="Group-9" opacity="0.45" transform="translate(172.000000, 131.000000)" fill="#E6A1A6">
+                        <ellipse id="Oval-2-Copy-2" cx="7.01960784" cy="7.14634146" rx="6.47058824" ry="6.47560976"></ellipse>
+                        <path d="M0.549019608,13.6219512 C4.12262681,13.6219512 7.01960784,10.722722 7.01960784,7.14634146 C7.01960784,3.56996095 4.12262681,0.670731707 0.549019608,0.670731707 L0.549019608,13.6219512 Z" id="Oval-2-Copy-2" transform="translate(3.784314, 7.146341) scale(-1, 1) translate(-3.784314, -7.146341) "></path>
+                    </g>
+                    <ellipse id="Oval-10" fill="#CFDAE6" cx="218.382353" cy="138.685976" rx="1.61764706" ry="1.61890244"></ellipse>
+                    <ellipse id="Oval-10-Copy-2" fill="#E0B4B7" opacity="0.35" cx="179.558824" cy="175.381098" rx="1.61764706" ry="1.61890244"></ellipse>
+                    <ellipse id="Oval-10-Copy" fill="#E0B4B7" opacity="0.35" cx="180.098039" cy="102.530488" rx="2.15686275" ry="2.15853659"></ellipse>
+                    <path d="M28.9985381,29.9671598 L171.151018,132.876024" id="Path-11" stroke="#CFDAE6" opacity="0.8"></path>
+                </g>
+                <g id="Group-10" opacity="0.799999952" transform="translate(1054.100635, 36.659317) rotate(-11.000000) translate(-1054.100635, -36.659317) translate(1026.600635, 4.659317)">
+                    <ellipse id="Oval-7" stroke="#CFDAE6" stroke-width="0.941176471" cx="43.8135593" cy="32" rx="11.1864407" ry="11.2941176"></ellipse>
+                    <g id="Group-12" transform="translate(34.596774, 23.111111)" fill="#BACAD9">
+                        <ellipse id="Oval-7" opacity="0.45" cx="9.18534718" cy="8.88888889" rx="8.47457627" ry="8.55614973"></ellipse>
+                        <path d="M9.18534718,17.4450386 C13.8657264,17.4450386 17.6599235,13.6143199 17.6599235,8.88888889 C17.6599235,4.16345787 13.8657264,0.332739156 9.18534718,0.332739156 L9.18534718,17.4450386 Z" id="Oval-7"></path>
+                    </g>
+                    <path d="M34.6597385,24.809694 L5.71666084,4.76878945" id="Path-2" stroke="#CFDAE6" stroke-width="0.941176471"></path>
+                    <ellipse id="Oval" stroke="#CFDAE6" stroke-width="0.941176471" cx="3.26271186" cy="3.29411765" rx="3.26271186" ry="3.29411765"></ellipse>
+                    <ellipse id="Oval-Copy" fill="#F7E1AD" cx="2.79661017" cy="61.1764706" rx="2.79661017" ry="2.82352941"></ellipse>
+                    <path d="M34.6312443,39.2922712 L5.06366663,59.785082" id="Path-10" stroke="#CFDAE6" stroke-width="0.941176471"></path>
+                </g>
+                <g id="Group-19" opacity="0.33" transform="translate(1282.537219, 446.502867) rotate(-10.000000) translate(-1282.537219, -446.502867) translate(1142.537219, 327.502867)">
+                    <g id="Group-17" transform="translate(141.333539, 104.502742) rotate(275.000000) translate(-141.333539, -104.502742) translate(129.333539, 92.502742)" fill="#BACAD9">
+                        <circle id="Oval-4" opacity="0.45" cx="11.6666667" cy="11.6666667" r="11.6666667"></circle>
+                        <path d="M23.3333333,23.3333333 C23.3333333,16.8900113 18.1099887,11.6666667 11.6666667,11.6666667 C5.22334459,11.6666667 0,16.8900113 0,23.3333333 L23.3333333,23.3333333 Z" id="Oval-4" transform="translate(11.666667, 17.500000) scale(-1, -1) translate(-11.666667, -17.500000) "></path>
+                    </g>
+                    <circle id="Oval-5-Copy-6" fill="#CFDAE6" cx="201.833333" cy="87.5" r="5.83333333"></circle>
+                    <path d="M143.5,88.8126685 L155.070501,17.6038544" id="Path-17" stroke="#BACAD9" stroke-width="1.16666667"></path>
+                    <path d="M17.5,37.3333333 L127.466252,97.6449735" id="Path-18" stroke="#BACAD9" stroke-width="1.16666667"></path>
+                    <polyline id="Path-19" stroke="#CFDAE6" stroke-width="1.16666667" points="143.902597 120.302281 174.935455 231.571342 38.5 147.510847 126.366941 110.833333"></polyline>
+                    <path d="M159.833333,99.7453842 L195.416667,89.25" id="Path-20" stroke="#E0B4B7" stroke-width="1.16666667" opacity="0.6"></path>
+                    <path d="M205.333333,82.1372105 L238.719406,36.1666667" id="Path-24" stroke="#BACAD9" stroke-width="1.16666667"></path>
+                    <path d="M266.723424,132.231988 L207.083333,90.4166667" id="Path-25" stroke="#CFDAE6" stroke-width="1.16666667"></path>
+                    <circle id="Oval-5" fill="#C1D1E0" cx="156.916667" cy="8.75" r="8.75"></circle>
+                    <circle id="Oval-5-Copy-3" fill="#C1D1E0" cx="39.0833333" cy="148.75" r="5.25"></circle>
+                    <circle id="Oval-5-Copy-2" fill-opacity="0.6" fill="#D1DEED" cx="8.75" cy="33.25" r="8.75"></circle>
+                    <circle id="Oval-5-Copy-4" fill-opacity="0.6" fill="#D1DEED" cx="243.833333" cy="30.3333333" r="5.83333333"></circle>
+                    <circle id="Oval-5-Copy-5" fill="#E0B4B7" cx="175.583333" cy="232.75" r="5.25"></circle>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/icon/iconfont.css

@@ -0,0 +1,195 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 4236293 */
+  src: url('iconfont.woff2?t=1709805185697') format('woff2'),
+       url('iconfont.woff?t=1709805185697') format('woff'),
+       url('iconfont.ttf?t=1709805185697') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-database-fill:before {
+  content: "\e6d7";
+}
+
+.icon-calendar:before {
+  content: "\e613";
+}
+
+.icon-nav-bottom:before {
+  content: "\e760";
+}
+
+.icon-a-moxingkuaisuchaifen1:before {
+  content: "\e60a";
+}
+
+.icon-jiaoseguanli:before {
+  content: "\e60b";
+}
+
+.icon-right:before {
+  content: "\e665";
+}
+
+.icon-wenda1:before {
+  content: "\e65e";
+}
+
+.icon-shengchanliuchengguanli:before {
+  content: "\e62a";
+}
+
+.icon-shoucang:before {
+  content: "\e6d9";
+}
+
+.icon-a-fagui1:before {
+  content: "\eb13";
+}
+
+.icon-settings:before {
+  content: "\e699";
+}
+
+.icon-link:before {
+  content: "\e632";
+}
+
+.icon-rukou:before {
+  content: "\e624";
+}
+
+.icon-Searchbar_Search_icon:before {
+  content: "\e64a";
+}
+
+.icon-nav_apartment:before {
+  content: "\e714";
+}
+
+.icon-wenjian-tianjia:before {
+  content: "\e68d";
+}
+
+.icon-a-iconfontgerenzhongxin1:before {
+  content: "\e609";
+}
+
+.icon-ios-list-box:before {
+  content: "\e67c";
+}
+
+.icon-biaoqian-mianxing:before {
+  content: "\e913";
+}
+
+.icon-yingyong:before {
+  content: "\e679";
+}
+
+.icon-file-set:before {
+  content: "\e607";
+}
+
+.icon-file-qb:before {
+  content: "\e604";
+}
+
+.icon-file-bzfg:before {
+  content: "\e601";
+}
+
+.icon-file-star:before {
+  content: "\e603";
+}
+
+.icon-shouye:before {
+  content: "\e6a5";
+}
+
+.icon-shezhi:before {
+  content: "\e608";
+}
+
+.icon-yujing:before {
+  content: "\e663";
+}
+
+.icon-qicheweixiu:before {
+  content: "\e681";
+}
+
+.icon-24gf-folderOpen:before {
+  content: "\eac5";
+}
+
+.icon-kucun_crm:before {
+  content: "\e606";
+}
+
+.icon-share-internal:before {
+  content: "\e618";
+}
+
+.icon-chexiao:before {
+  content: "\e619";
+}
+
+.icon-star:before {
+  content: "\e6ae";
+}
+
+.icon-water-drop-slash:before {
+  content: "\e846";
+}
+
+.icon-star1:before {
+  content: "\e640";
+}
+
+.icon-jiedian:before {
+  content: "\e629";
+}
+
+.icon-user:before {
+  content: "\e645";
+}
+
+.icon-bianji:before {
+  content: "\e611";
+}
+
+.icon-shanchu_:before {
+  content: "\e614";
+}
+
+.icon-chat:before {
+  content: "\e635";
+}
+
+.icon-edit-1:before {
+  content: "\e605";
+}
+
+.icon-fangxingfenxiang:before {
+  content: "\e85d";
+}
+
+.icon-chart-pie:before {
+  content: "\e65c";
+}
+
+.icon-root-list:before {
+  content: "\e667";
+}
+
+.icon-save:before {
+  content: "\e625";
+}
+

src/assets/icon/iconfont.json

@@ -0,0 +1,324 @@
+{
+  "id": "4236293",
+  "name": "laws_sinotruk",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "35088513",
+      "name": "建筑",
+      "font_class": "database-fill",
+      "unicode": "e6d7",
+      "unicode_decimal": 59095
+    },
+    {
+      "icon_id": "34102934",
+      "name": "calendar",
+      "font_class": "calendar",
+      "unicode": "e613",
+      "unicode_decimal": 58899
+    },
+    {
+      "icon_id": "3525796",
+      "name": "nav-bottom",
+      "font_class": "nav-bottom",
+      "unicode": "e760",
+      "unicode_decimal": 59232
+    },
+    {
+      "icon_id": "38153617",
+      "name": "moxingkuaisuchaifen 1",
+      "font_class": "a-moxingkuaisuchaifen1",
+      "unicode": "e60a",
+      "unicode_decimal": 58890
+    },
+    {
+      "icon_id": "38153616",
+      "name": "jiaoseguanli",
+      "font_class": "jiaoseguanli",
+      "unicode": "e60b",
+      "unicode_decimal": 58891
+    },
+    {
+      "icon_id": "248926",
+      "name": "right",
+      "font_class": "right",
+      "unicode": "e665",
+      "unicode_decimal": 58981
+    },
+    {
+      "icon_id": "1071031",
+      "name": "问答1",
+      "font_class": "wenda1",
+      "unicode": "e65e",
+      "unicode_decimal": 58974
+    },
+    {
+      "icon_id": "6241671",
+      "name": "生产流程管理",
+      "font_class": "shengchanliuchengguanli",
+      "unicode": "e62a",
+      "unicode_decimal": 58922
+    },
+    {
+      "icon_id": "9874518",
+      "name": "KHCFDC_收藏",
+      "font_class": "shoucang",
+      "unicode": "e6d9",
+      "unicode_decimal": 59097
+    },
+    {
+      "icon_id": "35203462",
+      "name": "法规 (1)",
+      "font_class": "a-fagui1",
+      "unicode": "eb13",
+      "unicode_decimal": 60179
+    },
+    {
+      "icon_id": "8106221",
+      "name": "settings",
+      "font_class": "settings",
+      "unicode": "e699",
+      "unicode_decimal": 59033
+    },
+    {
+      "icon_id": "747955",
+      "name": "链接",
+      "font_class": "link",
+      "unicode": "e632",
+      "unicode_decimal": 58930
+    },
+    {
+      "icon_id": "23713925",
+      "name": "入口",
+      "font_class": "rukou",
+      "unicode": "e624",
+      "unicode_decimal": 58916
+    },
+    {
+      "icon_id": "12150232",
+      "name": "Search bar_Search_icon",
+      "font_class": "Searchbar_Search_icon",
+      "unicode": "e64a",
+      "unicode_decimal": 58954
+    },
+    {
+      "icon_id": "16880564",
+      "name": "nav_apartment",
+      "font_class": "nav_apartment",
+      "unicode": "e714",
+      "unicode_decimal": 59156
+    },
+    {
+      "icon_id": "34115754",
+      "name": "文件-添加",
+      "font_class": "wenjian-tianjia",
+      "unicode": "e68d",
+      "unicode_decimal": 59021
+    },
+    {
+      "icon_id": "37368834",
+      "name": "iconfontgerenzhongxin 1",
+      "font_class": "a-iconfontgerenzhongxin1",
+      "unicode": "e609",
+      "unicode_decimal": 58889
+    },
+    {
+      "icon_id": "6978751",
+      "name": "ios-list-box",
+      "font_class": "ios-list-box",
+      "unicode": "e67c",
+      "unicode_decimal": 59004
+    },
+    {
+      "icon_id": "29808564",
+      "name": "标签-面性",
+      "font_class": "biaoqian-mianxing",
+      "unicode": "e913",
+      "unicode_decimal": 59667
+    },
+    {
+      "icon_id": "1126128",
+      "name": "应用",
+      "font_class": "yingyong",
+      "unicode": "e679",
+      "unicode_decimal": 59001
+    },
+    {
+      "icon_id": "37283266",
+      "name": "icon-set",
+      "font_class": "file-set",
+      "unicode": "e607",
+      "unicode_decimal": 58887
+    },
+    {
+      "icon_id": "37283311",
+      "name": "icon-qb",
+      "font_class": "file-qb",
+      "unicode": "e604",
+      "unicode_decimal": 58884
+    },
+    {
+      "icon_id": "37283158",
+      "name": "icon-file-bzfg",
+      "font_class": "file-bzfg",
+      "unicode": "e601",
+      "unicode_decimal": 58881
+    },
+    {
+      "icon_id": "37283193",
+      "name": "icon-file-star",
+      "font_class": "file-star",
+      "unicode": "e603",
+      "unicode_decimal": 58883
+    },
+    {
+      "icon_id": "905458",
+      "name": "首页",
+      "font_class": "shouye",
+      "unicode": "e6a5",
+      "unicode_decimal": 59045
+    },
+    {
+      "icon_id": "1391283",
+      "name": "设置",
+      "font_class": "shezhi",
+      "unicode": "e608",
+      "unicode_decimal": 58888
+    },
+    {
+      "icon_id": "4784148",
+      "name": "预警",
+      "font_class": "yujing",
+      "unicode": "e663",
+      "unicode_decimal": 58979
+    },
+    {
+      "icon_id": "5755508",
+      "name": "汽车维修",
+      "font_class": "qicheweixiu",
+      "unicode": "e681",
+      "unicode_decimal": 59009
+    },
+    {
+      "icon_id": "7594875",
+      "name": "24gf-folderOpen",
+      "font_class": "24gf-folderOpen",
+      "unicode": "eac5",
+      "unicode_decimal": 60101
+    },
+    {
+      "icon_id": "19490928",
+      "name": "库存_crm",
+      "font_class": "kucun_crm",
+      "unicode": "e606",
+      "unicode_decimal": 58886
+    },
+    {
+      "icon_id": "34122240",
+      "name": "share-internal",
+      "font_class": "share-internal",
+      "unicode": "e618",
+      "unicode_decimal": 58904
+    },
+    {
+      "icon_id": "755531",
+      "name": "撤销",
+      "font_class": "chexiao",
+      "unicode": "e619",
+      "unicode_decimal": 58905
+    },
+    {
+      "icon_id": "1251444",
+      "name": "star",
+      "font_class": "star",
+      "unicode": "e6ae",
+      "unicode_decimal": 59054
+    },
+    {
+      "icon_id": "8953349",
+      "name": "water-drop-slash",
+      "font_class": "water-drop-slash",
+      "unicode": "e846",
+      "unicode_decimal": 59462
+    },
+    {
+      "icon_id": "10166370",
+      "name": "star",
+      "font_class": "star1",
+      "unicode": "e640",
+      "unicode_decimal": 58944
+    },
+    {
+      "icon_id": "10936714",
+      "name": "节点",
+      "font_class": "jiedian",
+      "unicode": "e629",
+      "unicode_decimal": 58921
+    },
+    {
+      "icon_id": "13851484",
+      "name": "user",
+      "font_class": "user",
+      "unicode": "e645",
+      "unicode_decimal": 58949
+    },
+    {
+      "icon_id": "22808337",
+      "name": "bianji",
+      "font_class": "bianji",
+      "unicode": "e611",
+      "unicode_decimal": 58897
+    },
+    {
+      "icon_id": "22808347",
+      "name": "shanchu_",
+      "font_class": "shanchu_",
+      "unicode": "e614",
+      "unicode_decimal": 58900
+    },
+    {
+      "icon_id": "27107441",
+      "name": "chat",
+      "font_class": "chat",
+      "unicode": "e635",
+      "unicode_decimal": 58933
+    },
+    {
+      "icon_id": "32162437",
+      "name": "edit-1",
+      "font_class": "edit-1",
+      "unicode": "e605",
+      "unicode_decimal": 58885
+    },
+    {
+      "icon_id": "34202238",
+      "name": "方形分享",
+      "font_class": "fangxingfenxiang",
+      "unicode": "e85d",
+      "unicode_decimal": 59485
+    },
+    {
+      "icon_id": "35043333",
+      "name": "chart-pie",
+      "font_class": "chart-pie",
+      "unicode": "e65c",
+      "unicode_decimal": 58972
+    },
+    {
+      "icon_id": "35043480",
+      "name": "root-list",
+      "font_class": "root-list",
+      "unicode": "e667",
+      "unicode_decimal": 58983
+    },
+    {
+      "icon_id": "36945912",
+      "name": "save",
+      "font_class": "save",
+      "unicode": "e625",
+      "unicode_decimal": 58917
+    }
+  ]
+}

src/assets/icon/iconfont.less

@@ -0,0 +1,13 @@
+@import "./iconfont.css";
+
+:global(.anticon) {
+  &:before {
+    font-family: "icon-extend", "extend", serif !important;
+  }
+}
+// 折叠时隐藏文字
+.ant-menu-inline-collapsed .iconfont + span {
+  display: inline-block;
+  max-width: 0;
+  opacity: 0;
+}

src/assets/image/iconDelete.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1696839921457" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1644" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200" fill="#1f1f1f"><path d="M745.472 800.768c0 26.624-20.48 47.104-47.104 47.104H360.448c-26.624 0-47.104-20.48-47.104-47.104V303.104h432.128v497.664zM407.552 219.136c0-6.144 4.096-10.24 10.24-10.24h225.28c6.144 0 10.24 4.096 10.24 10.24v28.672h-245.76v-28.672z m479.232 28.672h-178.176v-28.672c0-36.864-28.672-65.536-65.536-65.536h-225.28c-36.864 0-65.536 28.672-65.536 65.536v28.672H174.08c-16.384 0-28.672 12.288-28.672 28.672 0 16.384 12.288 28.672 28.672 28.672h83.968v497.664c0 57.344 47.104 102.4 102.4 102.4h337.92c57.344 0 102.4-47.104 102.4-102.4V303.104h83.968c16.384 0 28.672-12.288 28.672-28.672 2.048-14.336-12.288-26.624-26.624-26.624zM530.432 763.904c16.384 0 28.672-12.288 28.672-28.672V434.176c0-16.384-12.288-28.672-28.672-28.672-16.384 0-28.672 12.288-28.672 28.672v301.056c0 16.384 12.288 28.672 28.672 28.672m-131.072 0c16.384 0 28.672-12.288 28.672-28.672V434.176c0-16.384-12.288-28.672-28.672-28.672-16.384 0-28.672 12.288-28.672 28.672v301.056c0 16.384 12.288 28.672 28.672 28.672m262.144 0c16.384 0 28.672-12.288 28.672-28.672V434.176c0-16.384-12.288-28.672-28.672-28.672-16.384 0-28.672 12.288-28.672 28.672v301.056c0 16.384 12.288 28.672 28.672 28.672" p-id="1645"></path></svg>

src/assets/less/JAreaLinkage.less

@@ -0,0 +1,259 @@
+.area-zoom-in-top-enter-active,
+.area-zoom-in-top-leave-active {
+  opacity: 1;
+  transform: scaleY(1);
+}
+
+.area-zoom-in-top-enter,
+.area-zoom-in-top-leave-active {
+  opacity: 0;
+  transform: scaleY(0);
+}
+
+.area-select {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.65);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5;
+  list-style: none;
+  font-feature-settings: 'tnum';
+  position: relative;
+  outline: 0;
+  display: block;
+  background-color: #fff;
+  border: 1px solid #d9d9d9;
+  border-top-width: 1.02px;
+  border-radius: 4px;
+  outline: none;
+  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.area-select-wrap .area-select {
+  display: inline-block;
+}
+
+.area-select * {
+  box-sizing: border-box;
+}
+
+.area-select:hover {
+  border-color: #40a9ff;
+  border-right-width: 1px !important;
+  outline: 0;
+}
+
+
+.area-select:active {
+  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+}
+
+.area-select.small {
+  width: 126px;
+}
+
+.area-select.medium {
+  width: 160px;
+}
+
+.area-select.large {
+  width: 194px;
+}
+
+.area-select.is-disabled {
+  background: #eceff5;
+  cursor: not-allowed;
+}
+
+.area-select.is-disabled:hover {
+  border-color: #e1e2e6;
+}
+
+.area-select.is-disabled .area-selected-trigger {
+  cursor: not-allowed;
+}
+
+.area-select .area-selected-trigger {
+  position: relative;
+  display: block;
+  font-size: 14px;
+  cursor: pointer;
+  margin: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  height: 100%;
+  padding: 8px 20px 7px 12px;
+}
+
+.area-select .area-select-icon {
+  position: absolute;
+  top: 50%;
+  margin-top: -2px;
+  right: 6px;
+  content: "";
+  width: 0;
+  height: 0;
+  border: 6px solid transparent;
+  border-top-color: rgba(0, 0, 0, 0.25);
+  transition: all .3s linear;
+  transform-origin: center;
+}
+
+.area-select .area-select-icon.active {
+  margin-top: -8px;
+  transform: rotate(180deg);
+}
+
+.area-selectable-list-wrap {
+  position: absolute;
+  width: 100%;
+  max-height: 275px;
+  z-index: 15000;
+  background-color: #fff;
+  box-sizing: border-box;
+  overflow-x: auto;
+  margin: 2px 0;
+  border-radius: 4px;
+  outline: none;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+
+  transition: opacity 0.15s, transform 0.3s !important;
+  transform-origin: center top !important;
+}
+
+.area-selectable-list {
+  position: relative;
+  margin: 0;
+  padding: 6px 0;
+  width: 100%;
+  font-size: 14px;
+  color: #565656;
+  list-style: none;
+}
+
+.area-selectable-list .area-select-option {
+  position: relative;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  cursor: pointer;
+  padding: 0 15px 0 10px;
+  height: 32px;
+  line-height: 32px;
+}
+
+.area-selectable-list .area-select-option.hover {
+  background-color: #e6f7ff;
+}
+
+.area-selectable-list .area-select-option.selected {
+  color: rgba(0, 0, 0, 0.65);
+  font-weight: 600;
+  background-color: #efefef;
+}
+
+.cascader-menu-list-wrap {
+  position: absolute;
+  white-space: nowrap;
+  z-index: 15000;
+  background-color: #fff;
+  box-sizing: border-box;
+  overflow: hidden;
+  font-size: 0;
+  margin: 2px 0;
+  border-radius: 4px;
+  outline: none;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+
+  transition: opacity 0.15s, transform 0.3s !important;
+  transform-origin: center top !important;
+}
+
+.cascader-menu-list {
+  position: relative;
+  margin: 0;
+  font-size: 14px;
+  color: #565656;
+  padding: 6px 0;
+  list-style: none;
+  display: inline-block;
+  height: 204px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  min-width: 160px;
+  vertical-align: top;
+  background-color: #fff;
+  border-right: 1px solid #e4e7ed;
+}
+
+.cascader-menu-list:last-child {
+  border-right: none;
+}
+
+.cascader-menu-list .cascader-menu-option {
+  position: relative;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  cursor: pointer;
+  padding: 0 15px 0 10px;
+  height: 32px;
+  line-height: 32px;
+}
+
+.cascader-menu-list .cascader-menu-option.hover,
+.cascader-menu-list .cascader-menu-option:hover {
+  background-color: #e6f7ff;
+}
+
+.cascader-menu-list .cascader-menu-option.selected {
+  color: rgba(0, 0, 0, 0.65);
+  font-weight: 600;
+  background-color: #efefef;
+}
+
+.cascader-menu-list .cascader-menu-option.cascader-menu-extensible:after {
+  position: absolute;
+  top: 50%;
+  margin-top: -4px;
+  right: 5px;
+  content: "";
+  width: 0;
+  height: 0;
+  border: 4px solid transparent;
+  border-left-color: #a1a4ad;
+}
+
+.cascader-menu-list::-webkit-scrollbar,
+.area-selectable-list-wrap::-webkit-scrollbar {
+  width: 8px;
+  background: transparent;
+}
+
+.area-selectable-list-wrap::-webkit-scrollbar-button:vertical:decremen,
+.area-selectable-list-wrap::-webkit-scrollbar-button:vertical:end:decrement,
+.area-selectable-list-wrap::-webkit-scrollbar-button:vertical:increment,
+.area-selectable-list-wrap::-webkit-scrollbar-button:vertical:start:increment,
+.cascader-menu-list::-webkit-scrollbar-button:vertical:decremen,
+.cascader-menu-list::-webkit-scrollbar-button:vertical:end:decrement,
+.cascader-menu-list::-webkit-scrollbar-button:vertical:increment,
+.cascader-menu-list::-webkit-scrollbar-button:vertical:start:increment {
+  display: none;
+}
+
+.cascader-menu-list::-webkit-scrollbar-thumb:vertical,
+.area-selectable-list-wrap::-webkit-scrollbar-thumb:vertical {
+  background-color: #b8b8b8;
+  border-radius: 4px;
+}
+
+.cascader-menu-list::-webkit-scrollbar-thumb:vertical:hover,
+.area-selectable-list-wrap::-webkit-scrollbar-thumb:vertical:hover {
+  background-color: #777;
+}

src/assets/less/TableExpand.less

@@ -0,0 +1,15 @@
+/** [表格主题样式一] 表格强制列不换行 */
+.j-table-force-nowrap {
+  td, th {
+    white-space: nowrap;
+  }
+
+  .ant-table-selection-column {
+    padding: 12px 22px !important;
+  }
+
+  /** 列自适应，弊端会导致列宽失效 */
+  &.ant-table-wrapper .ant-table-content {
+    overflow-x: auto;
+  }
+}

src/assets/less/codemirror_idea.css

@@ -0,0 +1 @@
+.cm-s-idea span.cm-meta{color:olive}.cm-s-idea span.cm-number{color:#00f}.cm-s-idea span.cm-keyword{line-height:1em;font-weight:700;color:navy}.cm-s-idea span.cm-atom{font-weight:700;color:navy}.cm-s-idea span.cm-def{color:#000}.cm-s-idea span.cm-variable{color:#000}.cm-s-idea span.cm-variable-2{color:#000}.cm-s-idea span.cm-type,.cm-s-idea span.cm-variable-3{color:#000}.cm-s-idea span.cm-property{color:#000}.cm-s-idea span.cm-operator{color:#000}.cm-s-idea span.cm-comment{color:grey}.cm-s-idea span.cm-string{color:green}.cm-s-idea span.cm-string-2{color:green}.cm-s-idea span.cm-qualifier{color:#555}.cm-s-idea span.cm-error{color:red}.cm-s-idea span.cm-attribute{color:#00f}.cm-s-idea span.cm-tag{color:navy}.cm-s-idea span.cm-link{color:#00f}.cm-s-idea .CodeMirror-activeline-background{background:#fffae3}.cm-s-idea span.cm-builtin{color:#30a}.cm-s-idea span.cm-bracket{color:#cc7}.cm-s-idea{font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif}.cm-s-idea .CodeMirror-matchingbracket{outline:1px solid grey;color:#000!important}.CodeMirror-hints.idea{font-family:Menlo,Monaco,Consolas,'Courier New',monospace;color:#616569;background-color:#ebf3fd!important}.CodeMirror-hints.idea .CodeMirror-hint-active{background-color:#a2b8c9!important;color:#5c6065!important}

src/assets/less/common.less

@@ -0,0 +1,954 @@
+/*用户信息部分的高度*/
+@user-info-height: var(--user-info-height, 59px);
+/*面包屑的高度，高度21，上下margin24 2023-12-06，面包屑挪到用户信息那一栏了，现在12px是margin的数值*/
+@breadcrumb-height: var(--breadcrumb-height, 12px);
+/* 页面不出全局滚动条的高度，如果在vue文件使用，就只能在style里引入common.less */
+@page-content-h: calc(100vh - @user-info-height - @breadcrumb-height);
+
+/*列表上方操作按钮区域*/
+/*.ant-card-body .table-operator {
+  margin-bottom: 8px;
+}*/
+
+/* 列表可拖拽改变列宽 begin */
+.nio-header-th {
+  position: relative;
+  isolation: isolate;
+}
+
+.nio-drag-handler {
+  position: absolute;
+  right: 0;
+  top: 0;
+  height: 100%;
+  width: 5px;
+  z-index: 1;
+  border-right: 1px #e8e8e8 solid;
+}
+
+.nio-drag-handler:hover,
+.nio-drag-handler:focus {
+  cursor: col-resize !important;
+  border-right: 2px solid #0bd9d9 !important;
+}
+
+/* 列表可拖拽改变列宽 end */
+
+/*列表上方操作按钮区域*/
+.ant-card-body .table-operator,
+.table-operator {
+  margin-bottom: 15px;
+  font-size: 14px;
+  font-weight: 400;
+  color: #040B29;
+}
+
+.operator-text {
+  cursor: pointer;
+  margin-right: 53px;
+  display: inline-block;
+
+  .ant-upload {
+    font-size: 14px;
+    font-weight: 400;
+    color: #040B29;
+  }
+}
+
+.operator-text:last-child {
+  margin-right: 16px;
+}
+
+/deep/ .ant-table-pagination.ant-pagination {
+  margin-bottom: 0;
+}
+
+/** Button按钮间距 */
+.table-operator .ant-btn {
+  margin: 0 8px 8px 0;
+}
+
+.table-operator .ant-btn-group .ant-btn {
+  margin: 0;
+}
+
+.table-operator .ant-btn-group .ant-btn:last-child {
+  margin: 0 8px 8px 0;
+}
+
+/*列表td的padding设置 可以控制列表大小*/
+.ant-table-tbody .ant-table-row td {
+  padding-top: 15px;
+  padding-bottom: 15px;
+}
+
+// 表格内操作列按钮的样式
+.ant-table-tbody .table-action a {
+  margin: 0 8px;
+}
+
+.ant-table-tbody .table-action a:nth-of-type(1) {
+  margin-left: 0;
+}
+
+.operate-icon-btn {
+  color: @primary-color;
+}
+
+.operate-icon-more {
+  cursor: pointer;
+}
+
+.operate-btn {
+  display: flex;
+  align-items: center;
+  font-family: PingFang SC-Regular, PingFang SC, sans-serif;
+  color: #1D2129;
+
+  &-icon {
+    margin-right: 8px;
+    color: @primary-color;
+  }
+}
+
+.action-span-cell > a:first-child {
+  margin-left: 0;
+}
+
+/*列表页面弹出modal*/
+.ant-modal-cust-warp {
+  height: 100%
+}
+
+/*弹出modal Y轴滚动条*/
+.ant-modal-cust-warp .ant-modal-body {
+  height: calc(100% - 110px) !important;
+  overflow-y: auto
+}
+
+/*弹出modal 先有content后有body 故滚动条控制在body上*/
+.ant-modal-cust-warp .ant-modal-content {
+  overflow-y: hidden
+}
+
+/*列表中有图片的加这个样式 参考用户管理*/
+.anty-img-wrap {
+  height: 25px;
+  position: relative;
+}
+
+.anty-img-wrap > img {
+  max-height: 100%;
+}
+
+/*列表中范围查询样式*/
+.query-group-cust {
+  width: calc(50% - 10px)
+}
+
+.query-group-split-cust:before {
+  content: "~";
+  width: 20px;
+  display: inline-block;
+  text-align: center
+}
+
+
+/*erp风格子表外框padding设置*/
+.ant-card-wider-padding.cust-erp-sub-tab > .ant-card-body {
+  padding: 5px 12px
+}
+
+/* 内嵌子表背景颜色 */
+.j-inner-table-wrapper /deep/ .ant-table-expanded-row .ant-table-wrapper .ant-table-tbody .ant-table-row {
+  background-color: #FFFFFF;
+}
+
+/**隐藏样式-modal确定按钮 */
+.jee-hidden {
+  display: none
+}
+
+// 抽屉按钮区域
+.drawer-bootom-button {
+  position: absolute;
+  bottom: 0;
+  z-index: 100;
+  width: 100%;
+  border-top: 1px solid #e8e8e8;
+  padding: 10px 16px;
+  text-align: right;
+  left: 0;
+  background: #fff;
+  border-radius: 0 0 2px 2px;
+}
+
+// 新增编辑表单样式
+.form-add {
+  margin-bottom: 40px;
+
+  /deep/ .ant-form-item-label {
+    width: 130px;
+  }
+
+  /deep/ .ant-form-item-control-wrapper {
+    display: inline-block;
+    width: 100%;
+  }
+}
+
+.box-title-text {
+  line-height: 1.4;
+  display: flex;
+  /*align-items: center;*/
+
+  .title-text {
+    width: 114px;
+    text-align: right;
+    display: inline-block;
+    font-weight: 500;
+    font-size: 14px;
+    margin-right: 16px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    height: 42px;
+    line-height: 42px;
+
+    .required {
+      color: red;
+      margin-right: 4px;
+    }
+  }
+
+  .item-model {
+    width: calc(100% - 130px);
+    display: inline-block;
+    margin-top: 2px;
+    //height: 40px;
+    margin-bottom: 24px;
+
+    /deep/ .ant-form-item-control-wrapper {
+      width: 100%;
+    }
+  }
+
+  .item-model-textarea {
+    width: calc(100% - 130px);
+    display: inline-block;
+    margin-top: 2px;
+
+    /deep/ .ant-form-item-control-wrapper {
+      width: 100% !important;
+    }
+  }
+
+  /*.box-input {
+    display: inline-block;
+    height: 38px;
+    width: 100%;
+
+    /deep/ .ant-select-selection--single {
+      height: 38px;
+    }
+
+    /deep/ .ant-select-selection--multiple {
+      height: 38px;
+
+      .ant-select-selection__rendered > ul > li {
+        margin-top: 6px;
+      }
+    }
+
+    /deep/ .ant-select-selection__rendered {
+      line-height: 38px;
+      height: 38px;
+    }
+
+    /deep/ .ant-calendar-picker {
+      line-height: 38px;
+      height: 38px;
+    }
+
+    /deep/ .ant-calendar-picker-input {
+      height: 38px;
+    }
+
+    /deep/ .ant-input-number-input-wrap {
+      line-height: 38px;
+      height: 38px;
+    }
+  }*/
+}
+
+.title-text-text {
+  margin-top: 9px;
+}
+
+.header-text {
+  font-size: 16px;
+  font-weight: bold;
+  margin-left: 15px;
+  /*border-bottom: 1px #d9d9d9 dashed;*/
+  height: 30px;
+  margin-bottom: 30px;
+}
+
+.button-text {
+  //height: 38px;
+  width: calc(100% - 100px);
+  //line-height: 38px;
+  background: #fff;
+  border: 1px @primary-color solid;
+  color: @primary-color;
+}
+
+// 新增编辑表单样式--完
+
+// 左树右表布局
+.left-tree-div {
+  .div-left {
+    /*height: 100%;*/
+    width: 230px;
+    float: left;
+    padding-right: 20px;
+    /*border-right: 1px solid #E6E7EC;*/
+    overflow-y: auto;
+  }
+
+  .div-right {
+    padding-left: 20px;
+    width: calc(100% - 230px);
+    float: right;
+    border-left: 1px solid #E6E7EC;
+    /*flex: 1;*/
+
+    .right-search-header {
+      margin-bottom: 20px;
+
+      .table-page-search-submitButtons {
+        display: flex;
+      }
+    }
+  }
+}
+
+/*表格中换行文本的样式*/
+.table-text {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* 表格中需要标红的样式 */
+.table-red-text {
+  color: @primary-color;
+}
+
+/* 表格中换行链接的样式 */
+.link-a {
+  display: inline-block;
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.can-click-table-text {
+  color: @primary-color;
+  cursor: pointer;
+}
+
+/* switch的样式 */
+.table-operator-tab {
+  width: fit-content;
+  background-color: #F0F2F4;
+  border-radius: 4px;
+  overflow: hidden;
+}
+
+.table-operator-tab a {
+  border-radius: 4px;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  width: 94px;
+  height: 32px;
+  color: #4E5969;
+}
+
+.table-operator-tab a.table-operator-tab-active {
+  background-color: @primary-color;
+  color: #FFFFFF;
+}
+
+.table-operator-tab a:not(:first-child) {
+  //transform: translateX(-8px);
+  margin-left: -8px;
+}
+
+/* switch的样式--end */
+
+/*分页的样式start*/
+.ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next {
+  height: 24px !important;
+  min-width: 24px !important;
+  line-height: 24px !important;
+}
+
+.ant-pagination-item {
+  /* 不能设置宽度，设置宽度三位的时候选择标准弹框会飘 */
+  height: 24px !important;
+  min-width: 24px !important;
+  line-height: 22px !important;
+
+  a {
+    padding: 0 !important;
+  }
+}
+
+.ant-pagination-item-active a {
+  color: #ffffff !important;
+  background-color: @primary-color;
+}
+
+.ant-pagination-options-size-changer.ant-select {
+  height: 24px !important;
+
+  .ant-select-selection--single {
+    height: 24px;
+
+    .ant-select-selection__rendered {
+      line-height: 22px;
+    }
+  }
+}
+
+.ant-pagination-options-quick-jumper {
+  height: 24px !important;
+  line-height: 22px !important;
+}
+
+.ant-pagination-options-quick-jumper input {
+  height: 24px !important;
+}
+
+/*分页的样式end*/
+
+/*页面左右布局*/
+.page-left-right-layout {
+  height: @page-content-h;
+  width: 100%;
+
+  .ant-card-body {
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    display: flex;
+  }
+
+  .page-left-box {
+    width: 248px;
+    height: 100%;
+    border-right: 1px solid #E5E6EB;
+    padding: 24px;
+    box-sizing: border-box;
+  }
+
+  .page-right-box {
+    flex: 1;
+    width: 0;
+    height: 100%;
+    padding: 24px;
+    box-sizing: border-box;
+    overflow-y: auto;
+  }
+}
+
+.page-tree-box {
+  height: 100%;
+  overflow: auto;
+}
+
+.page-tree-box-has-search {
+  height: calc(100% - 40px);
+}
+
+/*展开收起按钮颜色*/
+.ant-tree.ant-tree-show-line li span.ant-tree-switcher {
+  color: #86909c;
+}
+
+.ant-tree-title {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  width: 100%;
+  height: 100%;
+  display: inline-block;
+}
+
+// 文件夹节点使用自定义
+.tree-node {
+  display: flex;
+  align-items: center;
+  width: 100%;
+
+  &-icon {
+    width: 16px;
+    margin-right: 4px;
+  }
+
+  &-title {
+    flex: 1;
+    width: 0;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+}
+
+.tree-node-custom-title {
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  flex: 1;
+}
+
+// 鼠标移入树节点样式修改
+.ant-tree li .ant-tree-node-content-wrapper:hover {
+  background: #FFFFFF;
+  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
+  border-radius: 4px 4px 4px 4px;
+  opacity: 1;
+  margin-left: -24px;
+  padding-left: 29px;
+}
+
+.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
+  background-color: #ffd9d1 !important;
+}
+
+.tree-operate-node {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+
+  &-btn-box {
+    display: inline-block;
+
+    .tree-operate-node-btn {
+      display: inline-block;
+    }
+  }
+
+  &-btn-box-hide {
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  &-btn {
+    width: 24px;
+    height: 24px;
+    background: rgba(213, 44, 38, 0.08);
+    border-radius: 2px 2px 2px 2px;
+    border: none;
+    margin-left: 4px;
+    padding: 0;
+
+    /deep/ .anticon {
+      margin-top: 2px;
+      color: @primary-color;
+    }
+
+    i {
+      color: @primary-color;
+      height: 20px;
+    }
+  }
+}
+
+.tree-search {
+  margin-bottom: 8px;
+}
+
+/*抽屉样式修改*/
+.custom-drawer-style {
+  height: 100%;
+  overflow: auto;
+
+  .ant-drawer-body {
+    height: calc(100% - 55px);
+    padding: 0;
+  }
+
+  &-scroll {
+    height: calc(100% - 61px);
+    overflow: auto;
+    padding: 24px;
+  }
+
+  &-bottom-btn {
+    height: 60px;
+    padding: 12px 24px;
+    opacity: 1;
+    border-top: 1px solid #E5E6EB;
+    text-align: right;
+
+    .ant-btn {
+      margin-left: 12px;
+    }
+
+    .ant-btn:first-child {
+      margin-left: 0;
+    }
+  }
+}
+
+/*详情样式start*/
+.detail-page {
+  padding: 24px;
+}
+
+.detail-page-title {
+  font-size: 20px;
+  font-family: PingFang SC-Medium, PingFang SC, sans-serif;
+  color: #1D2129;
+  font-weight: 600;
+  text-align: center;
+  margin-bottom: 24px;
+}
+
+.detail-page-part {
+  border-radius: 8px;
+  border: 1px solid #E5E6EB;
+  margin-bottom: 20px;
+}
+
+.detail-page-part-title {
+  height: 56px;
+  background: rgba(245, 245, 245, 0.6);
+  border-radius: 8px 8px 0 0;
+  opacity: 1;
+  border-bottom: 1px solid #E5E6EB;
+  padding: 0 20px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.detail-page-part-title > span {
+  font-size: 16px;
+  font-family: PingFang SC-Medium, PingFang SC, sans-serif;
+  font-weight: 550;
+  color: #1D2129;
+}
+
+.detail-page-part-title-operate-box {
+  .ant-btn > .anticon + span {
+    margin-left: 10px;
+  }
+
+  .ant-btn > .iconfont + span {
+    margin-left: 10px;
+  }
+
+  .ant-btn > .iconfont {
+    height: 20px;
+  }
+}
+
+.detail-page-part-form {
+  padding: 20px;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.detail-page-part-form-item {
+  width: calc((100% - 32px) / 3);
+  display: flex;
+  margin: 0 16px 16px 0;
+}
+
+.detail-page-part-form-item > label {
+  width: 7.5em;
+  font-size: 16px;
+  font-family: PingFang SC-Regular, PingFang SC, sans-serif;
+  font-weight: 400;
+  color: #86909C;
+}
+
+.detail-page-part-form-item > span {
+  word-break: break-all;
+  font-size: 16px;
+  font-family: PingFang SC-Regular, PingFang SC, sans-serif;
+  color: #1D2129;
+  flex: 1;
+  width: 0;
+}
+
+.detail-page-part-form-item:nth-child(3n) {
+  margin-right: 0;
+}
+
+/deep/ .detail-page-part-form-item {
+  width: calc((100% - 32px) / 3);
+  display: flex;
+  margin: 0 16px 16px 0;
+
+  label {
+    width: 40%;
+    font-size: 16px;
+    font-family: PingFang SC-Regular, PingFang SC, sans-serif;
+    font-weight: 400;
+    color: #86909C;
+  }
+
+  span {
+    white-space: pre-wrap;
+    word-break: break-all;
+    font-size: 16px;
+    font-family: PingFang SC-Regular, PingFang SC, sans-serif;
+    color: #1D2129;
+  }
+}
+
+/deep/ .detail-page-part-form-item:nth-child(3n) {
+  margin-right: 0;
+}
+
+.detail-page-process-manuscript {
+  padding: 20px;
+
+  &-item {
+    padding: 20px 0;
+    border-bottom: 1px solid #E5E6EB;
+  }
+
+  &-item:last-child {
+    border-bottom: none;
+  }
+
+  &-title {
+    font-size: 16px;
+    font-family: PingFang SC-Regular, PingFang SC, sans-serif;
+    color: #86909C;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 16px;
+  }
+
+  &-file {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 12px;
+  }
+
+  &-file:last-child {
+    margin-bottom: 0;
+  }
+
+  &-file-info {
+    display: flex;
+    align-items: center;
+    color: @primary-color;
+    cursor: pointer;
+    flex: 1;
+    width: 0;
+  }
+
+  &-file-info > .anticon {
+    margin-right: 8px;
+  }
+
+  &-file-name {
+    white-space: nowrap;
+    overflow: hidden;
+    flex: 1;
+    width: 0;
+    text-overflow: ellipsis;
+  }
+
+  &-file-operate {
+    .ant-btn > .anticon + span, .ant-btn > .iconfont + span {
+      margin-left: 10px;
+    }
+
+    .ant-btn:first-child {
+      margin-left: 15px;
+    }
+  }
+}
+
+/*详情样式end*/
+
+/*流程表单样式start*/
+.process-part-title {
+  font-size: 16px;
+  font-family: PingFang SC-Medium, PingFang SC, sans-serif;
+  font-weight: 600;
+  color: #1D2129;
+  padding-left: 12px;
+  position: relative;
+  margin-top: 32px;
+  margin-bottom: 20px;
+}
+
+.process-part-title::before {
+  content: '';
+  width: 4px;
+  height: 20px;
+  background: @primary-color;
+  border-radius: 4px;
+  position: absolute;
+  left: 0;
+  top: 2px;
+}
+
+.process-part-title:first-child {
+  margin-top: 0;
+}
+
+/*流程表单样式end*/
+
+/* 流程底部按钮中使用自定义图标的样式 */
+.detail-page-bottom-operate-box {
+  /deep/ .ant-btn {
+    .iconfont {
+      margin-right: 8px;
+      font-size: 14px;
+    }
+  }
+
+  /deep/ .ant-btn-loading {
+    .iconfont {
+      display: none;
+    }
+
+    span {
+      margin-left: 8px;
+    }
+  }
+}
+
+/* 流程底部按钮中使用自定义图标的样式 end */
+
+.detail-page-bottom-operate-box {
+  height: 52px;
+  padding: 10px 32px;
+  text-align: right;
+  border-top: 1px solid #E5E6EB;
+  box-sizing: border-box;
+
+  .ant-btn {
+    margin-left: 15px;
+  }
+}
+
+.detail-page-scroll-content {
+  height: calc(100% - 52px);
+  box-sizing: border-box;
+  overflow: auto;
+  padding: 32px;
+}
+
+.form-flex-box {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.form-flex-item-line {
+  width: 100%;
+}
+
+.form-flex-item {
+  width: calc(100% / 3);
+  padding: 0 20px;
+}
+
+.custom-flex-form-item {
+  .ant-form-item {
+    display: flex;
+
+    .ant-form-item-label {
+      width: 9rem;
+      text-align: left;
+    }
+
+    .ant-form-item-control-wrapper {
+      flex: 1;
+      width: 0;
+    }
+  }
+}
+
+.collapsible-panel-form {
+  margin-top: 20px;
+
+  &-header {
+    height: 56px;
+    line-height: 56px;
+    background: rgba(245, 245, 245, 0.6);
+    border-radius: 8px 8px 0 0;
+    border: 1px solid #E5E6EB;
+    padding: 0 20px;
+    font-size: 16px;
+    font-family: PingFang SC-Medium, PingFang SC, sans-serif;
+    font-weight: 600;
+    color: #1D2129;
+    display: flex;
+    justify-content: space-between;
+
+    .retractable-btn {
+      cursor: pointer;
+      font-size: 14px;
+      font-family: PingFang SC-Regular, PingFang SC, sans-serif;
+      color: @primary-color;
+    }
+
+    .anticon {
+      margin-right: 8px;
+    }
+
+    .pack-up-btn {
+      transform: rotate(-90deg);
+    }
+
+    .unfold-btn {
+      transform: rotate(90deg);
+    }
+  }
+
+  &-content {
+    border: 1px solid #E5E6EB;
+    border-top: none;
+    border-radius: 0 0 8px 8px;
+    padding: 20px;
+  }
+}
+
+.p-0 {
+  padding: 0;
+}
+
+/* 搜索区域查询按钮样式 */
+.table-page-search-wrapper {
+  .table-page-search-submitButtons {
+    margin-right: 11px;
+
+    & > a {
+      margin-right: 11px;
+    }
+  }
+}
+
+// 表格表头的必填标识
+.table-header-required {
+  color: #FF0000;
+}

src/assets/less/index.less

@@ -0,0 +1,28 @@
+/**
+ * 列表查询通用样式，移动端自适应
+ */
+.search{
+  margin-bottom: 54px;
+}
+.fold{
+  width: calc(100% - 216px);
+  display: inline-block
+}
+.operator{
+  margin-bottom: 18px;
+}
+@media screen and (max-width: 900px) {
+  .fold {
+    width: 100%;
+  }
+}
+.operator button {
+  margin-right: 5px;
+}
+i {
+  cursor: pointer;
+}
+.trcolor{
+  background-color: rgba(255, 192, 203, 0.31);
+  color:red;
+}