(window.webpackJsonp=window.webpackJsonp||[]).push([[240],{6547:function(t,a){t.exports="data:image/png;base64,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"},6548:function(t,a,s){t.exports=s.p+"assets/img/htmlProjectBundles.b4b2d01b.png"},6549:function(t,a,s){t.exports=s.p+"assets/img/htmlProjectPages.f4cb48e9.png"},6550:function(t,a){t.exports="data:image/jpeg;base64,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"},6551:function(t,a,s){t.exports=s.p+"assets/img/solidBar.dcb4a483.jpg"},6552:function(t,a){t.exports="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gAUU29mdHdhcmU6IFNuaXBhc3Rl/9sBBBAADQANAA0ADQAOAA0ADgAQABAADgAUABYAEwAWABQAHgAbABkAGQAbAB4ALQAgACIAIAAiACAALQBEACoAMgAqACoAMgAqAEQAPABJADsANwA7AEkAPABsAFUASwBLAFUAbAB9AGkAYwBpAH0AlwCHAIcAlwC+ALUAvgD5APkBThEADQANAA0ADQAOAA0ADgAQABAADgAUABYAEwAWABQAHgAbABkAGQAbAB4ALQAgACIAIAAiACAALQBEACoAMgAqACoAMgAqAEQAPABJADsANwA7AEkAPABsAFUASwBLAFUAbAB9AGkAYwBpAH0AlwCHAIcAlwC+ALUAvgD5APkBTv/CABEIASsCbgMBIgACEQEDEQH/xAAbAAEAAgMBAQAAAAAAAAAAAAAAAwUCBAYBB//aAAgBAQAAAAD58AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAW9RlNGSvYfcMfcxH7v1+TLKXHyLwzjnxi8sNaDaxin89h88xkxyzwjAAA6P6b8ypr7X98mam1BBU3DDPOpu+w4DCwZbmhjsV8Me/5F7jX/AGjnPnHSYeyeam1Dq1dpHsa29R+AAAn6zk4M8ZPYzJh4BPe8749ki9ZYPAO00qjBZ6Pvuv5q+AAAAAAAAAAA6OTei9NXc0NSmAAAAAAAAAADfwglmyrQAAAAAAAAAAGbFv1/Z3W3F8z6fmIAAAAAAAAAAlurez39uVjraWh57quMsK+MAAAAAAAAAl+g3c888+XvvnkUEEFfzPLQgAAAAAAAABL9pylkyz99PMcMI9aCLjeU8AAAAAAAAAXvS7N7uSZ56utjNue4xxwasc1P87gAAAAAAAACTrraPO33OY52lgHtne9Lda+ppSb9Z81hAAAAAAAAMu339TGah57EALPtLPR0Lza5vgAAAAAAAADqr7WrXMwAAHR9JXz9M+WVwAAAAAAAG33ntBBQYAABc3HnZuM48AAAAAAADoumcpUwAAAX1v1zmeCAAAAAAAA666cdUAAANrv7pyPFAAAAAAAAdZeOUogAAFr9N9fOKMAAAAAAAC96tpcIAAA+mdDr6vybEAAAAAAACf6B6oeVAAB79o23FcAAAAAAAAAdtZFPysIABn3XT7UvyalAAAAAAAALvsMCHnaLAAFp3Noa3ycAAAAAALaXcjz9xgwp8Hf2OuYVvOV4CW66a79J/mtCAAAAAAFlns+4682PlOWfcbutrbm+1azSgZ7W/Z5DPZ4figAAAAAACXpZ1Br+tjRl721j2QAGc+fBccAAAAAAAM/ouzPx8Dnhl1XaWcMUeAPZJZZKL57VAAAAAAAAsZ8NGJiDY67qbb1ge+++Qc7y1bHnsQeeQwYgAAAAAAAAN27s9+fKPUrqmr1rS8eSQmrT6gAAAAAAAAAALaGHNpAAAAAAAAAAAAF51enxfT8xAAAAAAAAAAAAC08tOcsK+MAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//EABoBAQADAQEBAAAAAAAAAAAAAAABAgQDBQb/2gAIAQIQAAAA6AAAAAAAAAAAAASJhEkwmApNyAgA7c+pEVmWjPMxWJeHq9S0OUzFAAAAAlJEAAAAC1pK8ptAAAAAnSpWLXtz5VAAAAOvosXKqenWrhQAAADr6nLLlBfovmgAAAHpWwcgE3756AAAA9anmADt1zVAAAB6OnyeYBpnKAAABo9SmDNAU+ay/XdAAAFhEenowfFb9Ljg8jj3+5uAAAKulZ2/FeDYRT0vrdAAAAAZvD83PHff7XpTCIAAAAAEWgAAAAABMAAAAAAAAB//xAAaAQEAAwEBAQAAAAAAAAAAAAAAAQIDBAUG/9oACAEDEAAAAKgAAAAAAAAAAAATFZhMwmsoSJVJmEgDr5eRFp0rDh7qROqJljSzoqnQAAAAK0FrgAAAE31lFM656AAAAB6Vsqp0vz8tAAAADn8Lu+o56RfbppHDkAAABh87v6ncDXrX82AAAAeFj7fQAt1dXn4gAAA+b0+gAHX1+dkAAADw+D6TcA9KfMAAAA4/ndfZ75BjfqwAAAZVle/znD1e/pZFKJ6AAAAllpXwevurCZva0gAAAAlJFcomdJAAAAAE0sAAAAAAiQAAAAAAAA//xABEEAACAQMCAwQGBggEBQUAAAABAgMABBESIQUTMQYiQVEQFDJQYXEgIzNSgZEVMEBCYGJyoSRTscEWQ4CC0XOSk6Ky/9oACAEBAAE/AP8AqIAJIAGSa/QPF+XzPUnx+GaIIJBGCKSN5GCIpZj0AGTRtLhW0tEQdQXB23NCKQqGCEgkjb4bmuVJrWPT3mxgfOuVJhjoOAMk/DOKjtJpQCmg58OYoP5E0bSfYBVYnwR1c/kpNepT9SEG+N5EH+9PDIgJZcYYr+IowyiTllDr8qCMyuwGyjJ9AViGIUkL1IHSjDKqCQxuEPRiDg0sMrIzrGxQdWAJApYZWRnWNyg6sAcCjDKNGY3Gv2dj3vlRBBpVZmCqCSegFPwriCR6zbNp9CIzuqKMsxwBQRirMBsvWuVJpDaSQQSPHYUIJDI0fdDDrqYL/c0bKcYzyhncZlT/AM0tnctj6vGemSFz8RnqKNrOCgwp1EgaXVunyNct9BfT3QcE/E0yMoUkbMMinRo3ZGGGBwRSRvI2lEZm8lGaWCdnZFicsvVQpJFYOcY3r1S61afV5dWM40nNG2uAWBgkBUZbunYUVYAEqQD0Pn6LThPEL1C9vbMyeeQo/vVxbXFrIY54mR/I+hbK8ZdQtpMbfummtLlG0vCynfqMez1oxSBdRUgZA3+IyKWznYZHLxjP2if33r1SfOAgb+hg2Png7ULK4ONk36DmJv8A3rlSZjGnd/Z+O+K5b5caTlclh4jFaG0F8d3VjPx9DQyoqs8TqrdCQQDTKy41KRkZGR1FcmYoJOW+jONWDimtblF1NbyKPMqaaGVWKtE4YDJBByB+ydlYopOKgv1SJmT5+jtVFFHxUlOrxKz/ADqyANzHkDHj0/3BoyBJMCZ0DXAwEwQcdemn8ahkcRKx0sCZSGdVDEaevxpJnmaLQ2vQ8ZYaRpXI8KNzy1XU6J9Wd4wpPt+FRC5DNo1acSE416dRb+SpzIskZmPdEq41AkY07ga6uHhlKgwufrmAwyxjP5b1HJ9nIq6QZGB6o43+O23U1I4ke3zzXUshIeQkd8/DGCKysS3avapkKM5LZPe8d6YhmJChQfAZwPzqMQiznSOdPswz7NnVkfCpMNDLIVkUyxoqqwwCRj2ahtrmAc0xSOy6lRFGQPAkkU0aSQITD9WtvkS5OzDwqKRZFBMbB5MkANuSFxldtvIVcRrFMyLnG2x6jI6GuzqI1zM5ALKnd9HGESPiE4TpsfxIrhraLuM6yvyOM58KFwTHKiXDhn0nJc9wnwBpHmjthrRAwifZlXV+VNI8zlonZipkAx5lei4r/Fbe37ceca+mN852qOWMQQJp1k6wdCqPDz8PiatTFhUWEgMHI1EuD+KCjOeWAXm1BeiSbbtpBH+1OumCNzbKwDMrFmbGQR8epq/dGuJQIkUhzlgTk/matYJJ2cKW0hcvpGSR5AV9ZM00TwTpuhBC5ICjA1ZxSKDevMq5RmkEe/VwKe2Qy24MfKJUtKm/dC/Ore55krl0OA2vIOAgAxV5GhiWUK67IFye6QR0HypAC6hjgEgE1FGkUaRxqAiqAoHkK7VxRNw4SMBrSQaT6LWFvVohySDpy2U/8o1Msq3WtYsKYW1MyADVv4sq0Lg6+XqCk8sBUA3ynQkeFW4uggC6tAWLT7enpvjRTMy3CGbrpkwGAJO5xjUDReJpYH5EpIQkbquQD4LQl5Sq4GlTDklGKHYeTDp4CpBruQumV9nRdTljkLnIwaaREtXDWkQImAK5frg/zV1NTxT20LqUlLMys8hB0gjoAauFlnNqBlnaHO58iaIYBpDnkG1Cg+GcdPnmtZtUtwBkkiVx/oKVI5E5IikyFUMoYFgpOdzimADMAcgHr+x21zNazxzwvpdDkGv+Mp+Xj1JOZ56zirm5mup5J5n1O5yT6DJISGLsSOhzuKVmRgysQw3BFSXE8oAkmdwPBmJpLm4iXSk8ir5BiKZ3b2mJ+Zz1oMwGAxxnOM+NM7ucsxJ+JzTTStnMjnIAOSdxXOm0qvNfSpyoycA1qYahqO/X4/qLa5ltZlliOGFN2jlKYW2UP5lqd3kdndiWY5JoEqQQSCOhFamwRk4PWkd42DIxVh4g4NPcTyY1zO2xG7E0rMpBUkEeIrW4UqHbT4jNB3ClQ7BT1AOxpZ5lcusrhz1YMcmizEAFiQOlMzMSWJJPUn9Rwjjl8LZkaKKYRLsWlEbVxp+K3qmSaHRDEqsEUN+9X6MueaY8Ke9pyDtnTrxSWd19bhWR0KqVbKseYcUeH3KqjlDpLEFgCQhB074peG8TWLa6cJ00hZv9NNPw6fU+qZMIo1FiwI8hpIDU9jMhkQXcbSQqSUXXkfLK0OGcQedwqszKM6xnGV8A3nUkF2I5Wl1jSwLo+Q2/RsGpvWVjt5HmYh0bR3iSB0IrU2nTk4znH8B8GcLbXK68FuigvnwGSFIqeSEpcrEGWRBAmoSgAMM+JA6UbmWRmMUzyqsxDcrUxAMZGDgedLM0BOu4EOsQYidt1x1UjzIp+e4dZUnGNeZHB0gczIAz50pjRmDzwBg9xsWiPt9Ny2RXOaI3kamR3KRdxHI8FGxHiaSYveXDRQQmQ41cpizjJGSNXdOKZ4WkCSiN0ldAg3X5r3WIIFGEqLsGG3hbRHIA6qQhY7+0P7Ve3MhtLIaYu/G+cRJ5+G238BRWIeBJpbuCBXLBBIHJbT1PcVqmtYIkLJxC3lP3EEoP/wBkAqCCa5lWKGJnduiqMmpbG8hufVXt3E/+XjLVdcJ4lZqr3FnKiscAkVJwbisUHrD2MyxYyWK/wKIpGGQjEeYFcqU9I2/KipU4IINAZIHnXEpEa4EUThooEEKEdDp6sPmcn0dmr+MQTWARw7iRy6No2C1DHGt3JOQ2txawZT2gpTUcUxhSK4khSNUiQziMxIDncIwaIkMBV7GjQXS22FmeFkzMiMZNst31JYN8Gq1UPcQoVUhnVcHONzjwINCzTkGL1N9BnxjkP1+99p0q6UJczIFUBXK4XONtvEn35DBPO2mGJ3PkoJq37N8SmwXCRD+c1D2ThGOddO3wRQtRdn+FR7mAufNmNR8PsYvYtIQfPQM0kGnGiLGOmFrlS/cauTL/AJbUYpMEGM4+VSWlu5PMtoz/AFIDUnBuFy7tZx/9uU/0qXsxw5/YMqfJq4dwFuH3hn5+tOW64C4bvCnvJ7O8ld7O59WKRYcKrFXjGNRAJGKk7SWUTaIoWkRl5b4XlKI/JBlqvO0VnoZoNbykEj6oRYdl0ln7zZaoZOVNFLjOh1bHng1+k1zj1KDTzubjL5z/AO6ppObNLLjGt2bHlk++oIudPFFqC63VdR6DJxVt2ZsbbeZTM3m2y0kccY0xoqr5KMClidvDHzpbYeLUsEQ/dFAAdAPommjQ9VFNbxnoCKa3YdCDTKy9RV1wyxvMma3UsT7Q2b8xV52WcamtJtXkj1Pbz2zlJomRvIj35Ak0kqiFWL5yMVG6TRg7bjcZzilVVOwoUP1Jo0adF8NqNT28NwhSaNXXyIriXZp0zLZZdfGPxFEFSQQQQcEH3wASasuCyyEPcZRfu+JqCCK3jCRKFWo5HjbUjEGrWYzJlsagcUKFD0SX9jF9peQJ/VIopuOcHTrxCD8GBocf4MTtfw0nFuFv7PELb/5FpJY5V1RyK481ORRo0aNOac0sq9D6OJ8Gtr8FvYmA2cf71c201rM0UyFXHvaKKWZwkaFmPgKsOFxWwV5AGm8/BfQXGcClrhzfaL8jVzfWlmmu4nSMfHrV32yt02tbZpPi/dFXHanjM/ScRDyjWpru6n+2uZZP63LfRBKnIJBqDjXFbfAjvpfkx1j8mq27ZXqbXMEcq/DuNVp2l4VdkLzTE58JBiiQRkGnNOakNW9zlhG5+R9HFOGRcRg0naRd0eri3ltZpIZl0uh3HvREeR1RASzHAFWFilnCBgGRh329E0+5RT8zSU88UCF5XCqKn7RXILrafVqdtfVqeR5XZ5HZnPVmOSf1ljxi/sSBDOSn+W+61YdoLW9xG/1U3kehqQ1IakbFWdx6xCGPtA4b0douGi4tjcxp9dF/dPenBbIRx+suO+4wvwHoupuTHke0dhUZq5vY7VMndyO6tT3M1w+qV8n9g4Zxx4tMN0xaPoH8Vp3DAEEEEbEVK1cIm03TR+Dr/ceni1n6lfTRAYTOpP6T7ysbc3N1FH4Zy3yFAAAAAAei9mL3JXwXYVLcLBFqO58BUkjyuXc5J/YuGcRaIiCQ5Qnun7pNTNVixF5AR98entZCA9pP4kMh95cAi708vwCj0uxMrk9SxzVxMZZCfAbD9ktbjnQKp9pNjXC013sXkuWPp7VAeoQnxE4/up95cCH+Df8A9U+m8JjMw8dRX9ls30TqM7Nsa4NblI3nP7+y/IentZLiK0i82ZveXAWBtJF8RKfTxyPRKp8H3/ZeEcOlvrpcAiNCC70qqihVGABgD09orkT8ScDpEoj95cBmCzyxE+2uR819N/aet2zRjGsEFCfOiCCQR+ydk7XlcLMrLvNIW/AU0A6qaZWXqKu7hba2mmOO4handndnbqxJPzPvK2mME8Uv3WBoMGAIII9PFuG80GeFfrB7YHiKIwf2IAkgAZJqwtxa2VtBt3I1Bx5+ggHrXay6EdvHbJtzXyfknvThM5ns4/Fk7jfQ4hwlLnMkRCS/2apoJrdykqFT+wRxvK6oiFmY4AG5NcG4GLTE9yoM/gvUJSuydDSTq2x2NM2ATXH7oXPEpsHKx4jX3pwO6ENyYmOFk/1pkPUfQnt4bhNEqBhV1wKRctbPqH3W2NOjxuUdSGHUfrbHg95fEFE0J99+lcP4RaWHeQFpcYLt9DiV76jYSzFt8YQfze6rGyhuLO7kPMLoBjSoOPluM1c2FrDHZnmurSL1ZP8A9YJxT8JslkkYyqE1SAAFjgKtW9haI/LlCv8AWaQxVgSNGvwcAVPZWKoWCRgYVttWwc42YO4q54bHAkoisRM6ugA+tJwR1ONNPwmFw+E0MxQBQdTISucBSepNXXDYYdDLHPhSEJdQiO3zZsqDUXDQbm4VlQIqOVVpUDAgbZAapI2ibSxUn+Vgw/NT6ASCCDXCr9byAZI5q7OtNEG3XrRBBwfSzfugZY9Kvuzk07maKZNbdVap+FcQt88y1fHmveH9v1MUE85xFE7nyVSatezl/NgyBYV/m61ZcAsbUq7AyuPFqAAAAGAPoLHp7zVx/igv7vTG2YItl+J8W91WvEDb28kYQZ1KyfMEHvU3EUkiRJo2k2yxzpOvUTkHehxWN9TMGhfW7Aouv2hjxYb1+lbZdB5MsjI2QxIUt3NJZtmp+LxGI6LcrIAgXJUr3DncALV3fxzh8CR9TKdLsQq4HgAdyaHELTQY2SV0O+lgp0HyU9fxqbiEM8DCQSiU69l9nvsDUl/bNdTTJC6h4nUknJJYfQtBeWSrfBQidAHODIPgPEVZXkN5CJIz818QaZFcbingddxuKY6QatID9q43PT0z2VncZ51vG58yozUvZzhj9I3T+lqfsrbH2LmQfMA0eyflffnHS9kz43v5R0nZRP370n5JSdl7BfbkmaoeC8MhAxaq3xfvUiJGMIiqPIDH0VRm6CljVPia7RcdDh7K1bI6Sv7ughe4mihjxrdgq58zU/ZyK2s52e6Z7lED6UX6vqFwGNJ2YhWE8+5lEg9tkVSkZ+OSGOKh7K6C63Uspk8EgCnbOASXK1xPhzWE6IJBJG6B43xjK1BZXc+gxwSFWONYUlansby31823kCqcF9J0/nUE1rGhEtmJWz7WtloX1rH3oeHRCTwZ2MgH4HY1NPNPIZJpGdz4sas7yaymEsR+YPQ1w7ikF8mx0ygZZPQbTnSq/UKNxWCP1yozdBSwAbtvTvHEhZ2VEUbknAArjXaUzh7ayJWPo0vi3u+OR4pEkjYq6nKkeBFR3Dy8OtZ55GdjaqzsxyT9cKmikaWSTqkQvFk+cpyg/GrqGaSdI09tWtHb+hMhj+BrtIV/wK/CV/8AtdyVrhcIe1Q8ksfWsEiBZe7gbHPQVxSEJaueSVPrWATAsXdwdhjqPoo7xuroxVgcgjYiuH9oyuEvAT5SLVlPFMVeKRXRh1BzRAPUA01uh6EijbuM4INGNx+6fpgE9ATQhkPhS2x/eb8BSxRr4Z+fo4nx6y4eGUsJJv8ALU1xLjN7xJvrX0x+Ea7L7xPFr82Ys+cvIC6caEzjOcasZqPj3Eo0RQ8ZdAFSVo1aRR5BjUHGb+BDHqjlTJYCZFk0sfEaqubme7meaeQvI3VjWt9GjUdOc6c7ZrW+jRqOnOdOds/Ttru5tZBJBMyN8DVl2xdQqXlvq83SrTjfDLzAjulDfcfuH6HLj+4v5Vyoz+6K5Uf3RXLj+4v5UFUdAB6Z7mC3QvNMka+bHFXnazh0GRCHnb4bLU3GeLcUcok6QodtAcR9afhdwisxeDZyn2qeFCwuDy8aSGVGznoHOkZpOGXLSvGylGG4yjnUPMaVNScFuYsl3XYZJCSkfmEpeGylctNCncL9S3dG2coDX6OkIVkljdCjNqXV+6ceIFNwu/WJZfVpMEkEaTkUbWTmwx5X63TobwOqnQo7oeqkg++bfiN/a45F1Kg8g21QdruKRjEgil+LLio+2g/5tj+KvSdsOGHrFcL+Ape1fCG6vKvzSm7VcHHSVz8kNN2t4SOnOb5JUnbOzH2dpM3zIWpu2d032NpGn9TF6l7Q8XuWCm85QO2VGmrxblLmVLl2aVGwSW1ejhLiKd3JAHLK+2qbt82SrlysEiGcMZYO7mUDr/XK1RXM7Roq3JkdIodSoS7DD945WnRnVmYGM4O0p0nAkB1EtiiY2EuieJjrnfCmNTgp5ITmpbvNugAMsXq5BeV2CnfG4HUmrORzAgVEiQphHQa1DE56OdWoUyRXKSILaJ5EVEfBbCZBJx1AoMUfhkii2UycvUvLTUSW6jbar2Z5J5QwQaZG9lFXx8cD+AwYb62iWW4jingwgZ84ePwGwO609jGqMwv7VsAnALZP5rVvY3t0Ga3tJ5QDgmNCwFTcM4lAheawuY0HVniZQKm4dfW8EdxNbOkTnCswxn+DODXl0siWUUVvIs0wOJYw+DV1xa14S8UiWyZuO/pjVUwijCGu0hzYzNl97mJu8xY7xVaqHuIUKqQzquDnG5x4EGvU05Ji9TfQZ8Y5D9fvfa9KulCXMyBVAVyuFzjbbxJ/gnhN1bWlxJJOZQDC6KY1DFS3juRXGL5L++kmiVhFhVQN1CqK4txiyvLMRQibWXjY61AA0Jo8Cahk5U0UuM6HVseeDX6TGcepQaedzcZfOfnqqaTmzSy4xrdmx5ZP/QN//8QAMhEAAQMCBAUBBwMFAAAAAAAAAQACAwQREiFBUQUQE0BhMQYgIjAyQ1AUM1JCYHGBof/aAAgBAgEBPwD+zwCeWE7FWOywu2KwuGhVjysVY8i1zbXaQrKx2Kwu2KsdirFWKsSrFPkZG273ho3OSa4OALSCNCFhdsVYnQrC7Yqx25WKsdj8uN7QM1f4r+V1s11V1vBQlzJRkGya7DfILGLg2XU8KN4bIHEZXVTNHI0BuabJhAFl1UZvCEuSL7ggBB4AGSxjZY8iCFxeinqmRdLPCTdq4bTS01K2OTN17rqZDI5Lq+CjIdtUZPGqc66Lx5si/YJzsVsu+BWJYldXV+9DHHRdM7hdMfyXTH8l0juEY3WRDk1G3ehBoGiKPMIEq106MaIgj17yKJ0hy9FHEyMeVK0Ft9U5wCLwsSxIOTXDkSsnBObhPdRRmR4CAbG3L0CxjNxUtS59w3Ie+15CDgQgbFEXCI7mlZZl9ypzYAeVI8uNtPkg2QzI5SfV3MH7TFUj4L/LjGvJ5u49zSPuwt2Kc0OaQVJGY3EH5TbYQnGwPdUz8Mg2PJ7GvFnKSmc3NuY9+SWOJpc9wAVfxUzAxw3DNTqVScSqaX6X4m/xcqeq/VU8cmAtxdrkslkskbcoJg9oBPxBXXEa6OhgdI76v6RuUzjdUHOLw1wJUfG4DbGxzUOLUJ+7b/RR4rQj73/Cn8apW+gc5TcbmdlFGGqWeWY4pHlx5UtPJVyiOMZanYKKNsUTI2+jRbt7lAq3IEgggqOpBsH+q9o5ZBXgON2YAWoPadfdLmjVGTYKj4XU1RDngsj3KpqWGljDI223Op76po6eqFpYwba6qb2eac4ZiPDlJwSvZ6MDv8FHh9e31gkQoK8/YkTOD8Qef2reSVD7PSEjrTAeGqm4XR09iI8Tt3KwVgrBW/CXVvw9/wAt/8QALxEAAQQABQMCBQMFAAAAAAAAAQACAxEEEiExQRNAURBhBRQiMFIgUKEyNGBxkf/aAAgBAwEBPwD/AA8NJugUdLtZ2/kFmb5CzsuswQew7OCseQtlmG9hZh5Ho17H3lcD5pWPKzN8hdRm+YLM3ghWFYHIRcByECDsQifTOy6zBF7Ru4LOz8gszfIVqweQszfIQIP2oJWMYQVLT89cr5bSrXy+2y+WN2XDY8I4fQC0ITtm0tPjzgCyKK6RAoOFWuhY1cd1PG+SB7A7UhYDCTQve5+gqqT4c7i6+B/C+XN3Y5/lDDVyEcPZu+U2Mggk+f5Toy43Y9l0jf8AVxS6VODgaUgsAphAbqQuiLcc41XRBBGYBCFov6ghBWocLTGZb90IyKNi0IvJ0TI8hOu/fObmFLpLpe66XujH7oM1GvPeiGQ8FDDO5IXyw5evlh+aOGdw4IwSDhEEbgo7GkwOB1vvbA1JoKMR5QWURSJR9QgSsoI1AT8O03l0TmOYde8xGJjgbZNngKbEzTnU6cAbL4RPI3FMiznK4HRPe1u5CdMOAV1T4C6p8BCYchMkYeVwiUQ14IKliLD7d1iJxBGXnfhOc+aSybJKERJDGiysLgmwkPcbf+tkz2c2E2QPFhB1OT2hzSCiCCR3PxGTNNk4aFhW25x8BQQiMXX1H7LXFpsJpzFp9JxUh7nGf3Ev+1gCOsGnn7eHaas+kpzSO7n4lHllD+HBMeY3tc3cFQTsnYHDfkfajFNaPZPdlY4+3dY6LqQGt26j0ilfE7Mw0VBj43gB/wBLkDdEGx+omk597KOeSPY2FJNnjbpV9qQ/NzVqpPJ2QD0A++U3Nz6Y/CugeXsH0E/8QeCoITK8DhMdkaG8AISBZ2rO3yjIEZCiSfQNJ7rOc1ejmte0tcAQRRCxfwtzSXw6j8V8OYDh9qcCQbRY4Kj4/QGOPCEflBqAA76h603wFTfAWitONBZ3LO5Z3VaDyht+yOeG8fs5AP7t/9k="},6553:function(t,a,s){t.exports=s.p+"assets/img/solid-pie.4c78fcca.jpg"},6554:function(t,a){t.exports="data:image/jpeg;base64,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v329Mq4ap777777777777r277777777777rW777777777771t33333333333pbvvvvvvvvvvunb2p2daSKqfVbauh1xddjPrQQvs7MAv1sW+SddSHmQ607HqPWzt62dH7bssU60XKzjqsvWX66K9fL60XNa/qX//xABCEAABAwIEAgYHBAgGAwEAAAACAQMEAAURVFWTlNMSEzEycdIhMDNBUWFyIlCBkQYUQlJzgrGyFUNgcJLRI1OhEP/aAAgBAQADPwD/AH9WS70McBRMSWoijggKi/vY0TDptl7qV9/odQL32V+wriNr+CrUVGhI7cGKAOYJVJR+VQ3mCVxhknBwxwM/niijiKiVW+I0B/8AkFCfXFR+2qD8ERcKbiTn2G1JQDDBS7eyjlSGmA7xlhVtFtBMCMsO+pLX+HyEESUmzTEFWum82KCJYkn2SJARfkq4pTBNYu24RXFzvE84qIi/FuoTkqQ2UZpPSSgKm6hCmHoxAuiqpUBlh53q1HAE7qrgndxVEVaipBalsI8CG8QILhISkiJ3kwRPvwGHl6a4CaYY0Aj01NEH440L8gzHu9iUzFlC+6BkgIvRQVwxWoQoiJj6Ojgqsen7CYJ2PVGiRmmWW3DQU6KoaIKdq4l2r6ablRhaR15wuuU8TAQwH4fZr9cluyOh0Onh9nHHDBMKGJNYfJMREvT4KmFMuto426JBh3kWmZUhptokIWkXEvmVNC82TvS6CFiXRwx/DGoLnT6YF9tDxFWlPBHO1MUdCo0dX3AR03DdVzuIAr6MEFfSVRjBzpi6aEgf+BRFATBUx+3TMw1cRp4T93SdQhEf3RRBT7im4u9RJ6htMFeex6KClRnH5rbL78dZMhtQcbH/AKIadYlPtOl0nBNUIu3FadeMW2myMy7BFMVWrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrrp0raKrgw2TjsKQAJ2kbZIierkx2jabUOrMkIhNsDTFPqRalNmph1Ilii+hlv0L8vR6KMyIzJSJVxVVXFVX/dGQ77Nlw/pFVq5udkQk+rAf606HpelxWvkTlWUge6+U28aeI4U2L7wtLi2hkgr8Ux9HqopoSvyCbwwwQQ6ar/9Sgjm9+syug2LyNAQh0lJSTHHDFKOJJejmqKTZYYp96Ouehtsy+lFWrm53Yjn832f61IH2z8Zn63Eq3B7W6h4NgpVYm826v4ClW1v2VqHxccUqfD2MaK19DdXNztlmn04DTznfdMvqJV9bDaB55x5oZIqnUo6JkCfEvsotRpMYo8m4B0xldd1vRNRNDTAvdjjQy50h8EVBMvRj8EppDFXQIg96CXRX88Fq1ZOVxA8urVk5XEDy6tWTlcQPLq1ZOVxA8urVk5XEDy6tWTlcQPLq1ZOVxA8urVk5XEDy6tWTlcQPLq1ZOVxA8urVk5XEDy6tWTlcQPLq1ZOVxA8urVk5XEDy6tWTlcQPLq1ZOVxA8urVk5XEDy6tWTlcQPLq1ZOVxA8urVk5XEDy6tWTlcQPLq1ZOVxA8urVk5XEDy6tWTlcQPLq1ZOVxA8urVk5XEDy6tWTlcQPLq1ZOVxA8urVk5XEDy6tWTlcQPLq1ZOVxA8urVk5XEDy6tWTlcQPLq1ZOVxA8urVk5XEDy6tWTlcQPLq1ZOVxA8urVk5XEDy6tWTlcQPLq1ZOVxA8urVk5XEDy6tWTlcQPLq1ZOVxA8uraa4DBmL4Pjy6ad7ton7w8umB9rEcZ+uY3y6/R4PbSjT6Hkc/o3X6Oh3Dmn/wAf+kqxN20mf1bFfc2VW8EwbtCAvxEx8lIfumJ9L4D/AEaqG77RqefjKTl1asnK4geXVqycriB5dWrJyuIHl1asnK4geXVqycriB5dWrJyuIHl1asnK4geXVqycriB5dW9WyRqNIE/cpvCSfkgJ95y2mxccjuCBdiqlTXe5FdLwBauWGJtC2nxM0Smg9tc4o/SSmtWVvvzX3f4bfR/uqyt9yC87/Ec6P9tNh7G2xR+ZD01q5KmAvIA/ABRKmO9+U6Xia/fsl32bDh/SKrVzPsikifElQaIPbTojfyVzFatLftLmp/JttasbfdYlO/WSD/SoYextTCfxFVynnYrbTLXVOJ+3Vwd70t38CwoiXEiVV+K/fj0l0G2gUiJcKujJiHUoeP7q/wDdSR9s9GZ+txKt4e1urfg2CnVib98t1f5RSraHsrUPi44pU+PsY8Zn6G0q5ud6W5/L9n+lOud9wy+pVX7ojHPZbejo701wTHup/wB1H6mQ11kYJJvgjavNdNMP+JU61IebdFBcE1QkRERMflhTrxi202RmXYIpiq1ddOlbRVddOlbRVddOlbRVddOlbRVddOlbRVddOlbRVddOlbRVddOlbRVddOlbRVddOlbRVddOlbRVddOlbRVddOlbRVddOlbRVddOlbRVddOlbRVdNOlbRVcSXBIT6eIKn9aurv8AkIPiVSw9s4SfQyblMN96Nc3fojqP9aFvufo5NP5uIdXUPY/o/wBX8/1YlWv0oxHCNKRE9yMV+kU9RV6DK9HuFo6uunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquDDZOOwpAAnaRtkiJ6s4kht9tBUgXFELspGC6axWHS6fSFT6XoX8FSnH3TddLpGa4kvrJjvcjOl4AtTJL4g+Ksh8VpmI+TblxZFPnipVZ2+/Ned/htYf3VZm+7Cfd/iOdH+2mQ9jbYo/WinVxwwB0W0+AAKVNd78p5f5lwpVXFV+/JTvs47peAqtXM/T+rKKfElQa6Htp8QPl08Vq0t9+4mfyba/7qyt92PJd+s0D+2ooextcdP4mLlTk9krTX0NilT3e/LdX5dJaeacR1t0hNP2kX0048am4ZEa9qqv39bZYSSll9oe6mNWFhxwUGU6okvvFBqAHsrU34uGp1KT2LUdn6G0q5O96Y7/ACr0f6Ubi4mZEvxVcf8AQcme71bIp8yJcBGnHwJxXmmm0cRtDcVcFNfcmCLTkZ5xl1MDAsF/0SDdziG4YiKH6VJcEpuXbkjo+0243M6a9M0DECTDFFWm5NwkvNriBF6F+OCYU0hiroEQe9BLor+eC1asnK4geXVqycriB5dWrJyuIHl1asnK4geXVqycriB5dWrJyuIHl1asnK4geXVqycriB5dWrJyuIHl1asnK4geXVqycriB5dWrJyuIHl1asnK4geXVqycriB5dWrJyuIHl1asnK4geXVqycriB5dWrJyuIHl1asnK4geXVqycriB5dWrJyuIHl1asnK4geXVqycriB5dWrJyuIHl1asnK4geXVqycriB5dWrJyuIHl1asnK4geXVqycriB5dWrJyuIHl1asnK4geXVqycriB5dWrJyuIHl1asnK4geXVqycriB5dWrJyuIHl1asnK4geXVqycriB5dWrJyuIHl1asnK4geXVqycriB5dWrJyuIHl1asnK4geXVqycriB5dWrJyuIHl1asnK4geXVqycriB5dWrJyuIHl1asnK4geXVqycriB5dWrJyuIHl1asnK4geXVqycriB5dWrJyuIHl1asnK4geXVqycriB5dWrJyuIHl1asnK4geXVqycriB5dWrJyuIHl1b1bJGo0gT9ym8JJ+SAn+8BF2Cq1Lkoag0uApiuNKJKJJgqLgvq4/6s811kYJJugjavNdNMPxEqdakPNuiguCaoSIiImPywp14xbabIzLsEUxVauunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoquunStoqnj3oUhPFsqlZdz8RWppxTkIPoFURUqefYzVzL/ACV/IqnJ3mntk1p9O1qWvhGOnMlcV8GFpxOy1XEvFtaf0KWviJ1OTu2F7aNau3ush8OVX5O7bnx8I61+kOUmbJVfITbpuRpAhhgRONkiUpkRL2quK+rGMqL+qsukhIQk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"},6555:function(t,a,s){t.exports=s.p+"assets/img/loading.2eaed5c4.jpg"},8527:function(t,a,s){"use strict";s.r(a);var n=s(7),r=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"前端插件开发"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#前端插件开发"}},[t._v("#")]),t._v(" 前端插件开发")]),t._v(" "),a("CopyCodeComponent"),t._v(" "),a("p",[t._v("独立构建项目的话不限于用什么框架或原生开发，只需要将开发完成的项目进行打包后部署到生产环境即可。")]),t._v(" "),a("h2",{attrs:{id:"开发静态页面"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#开发静态页面"}},[t._v("#")]),t._v(" 开发静态页面")]),t._v(" "),a("details",{staticClass:"custom-block details",attrs:{open:""}},[a("summary",[t._v("开发静态页面")]),t._v(" "),a("p",[t._v("新建一个简单的html项目")]),t._v(" "),a("p",[a("img",{attrs:{src:s(6547),alt:"独立构建项目"}})]),t._v(" "),a("p",[a("code",[t._v("Index.html")]),t._v("内容如下")]),t._v(" "),a("div",{staticClass:"language-html extra-class"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("html")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("lang")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("en"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("head")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("meta")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("charset")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("UTF-8"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("meta")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("http-equiv")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("X-UA-Compatible"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("content")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("IE=edge"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("meta")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("name")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("viewport"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("content")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("width=device-width, initial-scale=1.0"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("title")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Document"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("title")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("style")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text/css"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token style"}},[a("span",{pre:!0,attrs:{class:"token language-css"}},[t._v("\n            "),a("span",{pre:!0,attrs:{class:"token selector"}},[t._v("#main")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("color")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" #ccc"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n        ")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("style")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("head")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("body")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("id")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("main"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("body")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}},[a("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n        "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" xhr "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("XMLHttpRequest")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n        xhr"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("open")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'POST'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'/IoT/api/v3/ZiChanService/GetZiChanListByPage'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n        xhr"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("setRequestHeader")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Content-type"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"application/json; charset=utf-8"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n        xhr"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("send")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("pageNo")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("pageSize")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("searchName")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n        xhr"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onreadystatechange")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" status")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("xhr"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("readyState "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("==")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("&&")]),t._v(" xhr"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("status "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("==")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                document"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getElementById")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'main'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("innerText "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" xhr"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("responseText"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n    ")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("html")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])])])]),t._v(" "),a("h2",{attrs:{id:"打包部署"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#打包部署"}},[t._v("#")]),t._v(" 打包部署")]),t._v(" "),a("details",{staticClass:"custom-block details",attrs:{open:""}},[a("summary",[t._v("打包部署步骤")]),t._v(" "),a("ol",[a("li",[a("p",[t._v("将打包好的html项目，拷贝到wwwroot文件夹，修改文件夹名为模块名称"),a("br"),t._v(" "),a("img",{attrs:{src:s(6548),alt:"独立构建项目"}})])]),t._v(" "),a("li",[a("p",[t._v("配置数据库菜单表")])])]),t._v(" "),a("div",{staticClass:"language-sql extra-class"},[a("pre",{pre:!0,attrs:{class:"language-sql"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("INSERT")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("INTO")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"main"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"GWMenu"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Id"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Code"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Name"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ParentId"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"LinkUrls"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Route"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Level"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Path"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Icon"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"NodeType"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Order"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"MenuOwner"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"Enabled"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"MenuName"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("VALUES")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("11111")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'html测试'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("11108")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("21")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'/Index/jumpIframe/ganwei-base-html/index.html'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("11106")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'iconfont iconshengyin'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'1'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'html测试'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("ol",{attrs:{start:"3"}},[a("li",[t._v("页面访问结果"),a("br"),t._v(" "),a("img",{attrs:{src:s(6549),alt:"独立构建项目"}})])])]),t._v(" "),a("h2",{attrs:{id:"组件说明"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#组件说明"}},[t._v("#")]),t._v(" 组件说明")]),t._v(" "),a("h3",{attrs:{id:"asidemenu-侧边菜单组件"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#asidemenu-侧边菜单组件"}},[t._v("#")]),t._v(" asideMenu 侧边菜单组件")]),t._v(" "),a("details",{staticClass:"custom-block details",attrs:{open:""}},[a("summary",[t._v("asideMenu 侧边菜单组件")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://element.eleme.cn/#/zh-CN/component/menu",target:"_blank",rel:"noopener noreferrer"}},[t._v("el-menu具体属性参考"),a("OutboundLink")],1)]),t._v(" "),a("p",[a("strong",[t._v("用法：")])]),t._v(" "),a("div",{staticClass:"language-vue extra-class"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("el-menu")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("ref")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("menu"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":router")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":default-active")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("menuActive"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@select")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("onRouters"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("asideMenu")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("v-for")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item in menu"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":key")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.resourceId"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("asideMenu")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("el-menu")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}},[a("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" asideMenu "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'gw-base-components-plus/asideMenu/menu.vue'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("components")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        asideMenu\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("menu")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])])]),a("p",[t._v("asideMenu绑定data属性进行渲染。")]),t._v(" "),a("p",[a("strong",[t._v("数据结构：")])]),t._v(" "),a("div",{staticClass:"language-TypeScript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-typescript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 菜单是菜单项数组")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" menu"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("Array")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v("MenuItem"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 菜单项数据结构")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("interface")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("MenuItem")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 必需")]),t._v("\n    resourceId"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("number")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("         "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ID")]),t._v("\n    parentRedId"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("number")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("        "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 父级ID")]),t._v("\n    name"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("               "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 菜单项名称")]),t._v("\n    children"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("Array")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v("MenuItem"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),t._v("   "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 子级菜单")]),t._v("\n    icon"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("               "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 图标名")]),t._v("\n    nodeType"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("number")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("           "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 菜单类型： 目录或菜单项")]),t._v("\n    route"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("              "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 菜单项跳转路由")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 可选")]),t._v("\n    resourceOrder"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("number")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    className"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("          "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 菜单项样式类")]),t._v("\n    path"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    menuOwner"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("number")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    getPathList"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("Array")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),a("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("p",[t._v("一般，目录下只有一个子菜单时只会渲染该目录（无下菜单拉项），目录无子菜单时该目录不会被渲染。")]),t._v(" "),a("p",[a("strong",[t._v("效果展示：")])]),t._v(" "),a("p",[a("img",{attrs:{src:s(6550),alt:""}})])]),t._v(" "),a("details",{staticClass:"custom-block details",attrs:{open:""}},[a("summary",[t._v("echartList 图表组件")]),t._v(" "),a("ul",[a("li",[t._v("solid-bar 立体柱形图")]),t._v(" "),a("li",[t._v("solid-circle 立体环形图")]),t._v(" "),a("li",[t._v("solid-pie 立体扇形图")]),t._v(" "),a("li",[t._v("historyechart")]),t._v(" "),a("li",[t._v("barechart")])]),t._v(" "),a("p",[a("a",{attrs:{href:"https://echarts.apache.org/zh/option.html#title",target:"_blank",rel:"noopener noreferrer"}},[t._v("Echarts配置项参考"),a("OutboundLink")],1)])]),t._v(" "),a("h3",{attrs:{id:"solid-bar-立体柱形图"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#solid-bar-立体柱形图"}},[t._v("#")]),t._v(" solid-bar 立体柱形图")]),t._v(" "),a("details",{staticClass:"custom-block details",attrs:{open:""}},[a("summary",[t._v("solid-bar 立体柱形图")]),t._v(" "),a("div",{staticClass:"language-vue extra-class"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("test"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("title"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("立体图形--柱状图"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("solidBar")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":seriesOptions")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("seriesOptions"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n         "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":xData")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("barXdata"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":yData")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("barYdata"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("name")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")]),t._v("过去五年公司销售趋势"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("unit")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("次"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("300px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("600px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}},[a("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" solidBar "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'gw-base-components-plus/echartList/solid-bar/index.vue'")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("components")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        solidBar\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("barXdata")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'1001'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'1002'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'1003'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'1004'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'1005'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'1006'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'1007'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("barYdata")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("300")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("400")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("300")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("seriesOptions")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// color对象中每个属性对应长方体的三个面颜色")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("color")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("CubeLeft")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'blue'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("CubeRight")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'blue'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("CubeTop")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'blue'")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 对应echart中 series-bar.label属性")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// https://echarts.apache.org/zh/option.html#series-bar.label")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("label")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("normal")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                        "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("color")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'red'")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 可重写除series属性外的配置")]),t._v("\n            layoutOptions： "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("legend")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("textStyle")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                        "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("color")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'red'")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("style")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("lang")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")]),t._v("scss"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token style"}},[a("span",{pre:!0,attrs:{class:"token language-css"}},[t._v("\n"),a("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".test")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 100%"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 100%"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("padding")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 0 20px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n    "),a("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".title")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 100%"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 40px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("line-height")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 40px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("color")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" white"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("background-color")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" #4e6ef2"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("border-radius")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 8px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("margin-bottom")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 10px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("margin-top")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 20px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("padding-left")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 12px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("style")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])])]),a("div",{staticClass:"custom-block danger"},[a("p",{staticClass:"custom-block-title"},[t._v("注意")]),t._v(" "),a("p",[t._v("在layoutOptions属性中请不要配置"),a("strong",[t._v("series")]),t._v("属性，否则会无法渲染数据")])]),t._v(" "),a("div",{staticClass:"xieyijinjie"},[a("table",[a("thead",[a("tr",[a("th",[t._v("属性")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("类型")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("说明")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("name")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("String")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("图表名称")])]),t._v(" "),a("tr",[a("td",[t._v("xData")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Array<number>")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("横坐标数据")])]),t._v(" "),a("tr",[a("td",[t._v("yData")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Array<number>")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("纵坐标数据")])]),t._v(" "),a("tr",[a("td",[t._v("unit")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("String")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("数据单位")])]),t._v(" "),a("tr",[a("td",[t._v("width")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("String")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("图标宽度")])]),t._v(" "),a("tr",[a("td",[t._v("height")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("String")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("图标高度")])]),t._v(" "),a("tr",[a("td",[t._v("showLegend")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Bollean")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("是否显示图例")])]),t._v(" "),a("tr",[a("td",[t._v("layoutOptions")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Object")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("除series属性配置")])]),t._v(" "),a("tr",[a("td",[t._v("seriesOptions")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Object")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("series属性中数据项配置")])])])])]),t._v(" "),a("p",[a("strong",[t._v("效果展示")])]),t._v(" "),a("p",[a("img",{attrs:{src:s(6551),alt:"立体柱状图"}})])]),t._v(" "),a("h3",{attrs:{id:"solid-circle-立体环形图"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#solid-circle-立体环形图"}},[t._v("#")]),t._v(" solid-circle 立体环形图")]),t._v(" "),a("details",{staticClass:"custom-block details",attrs:{open:""}},[a("summary",[t._v("solid-circle 立体环形图")]),t._v(" "),a("div",{staticClass:"language-vue extra-class"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("test"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("title"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("立体图形--环形图"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("solidCircle")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("circleData"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":showLegend")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("300px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("600px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}},[a("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" solidCircle "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'gw-base-components-plus/echartList/solid-circle/index.vue'")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("components")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        solidCircle\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("circleData")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("name")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'林地面积统计'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("itemStyle")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("color")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#22c4ff'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("name")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'草地面积统计'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("71")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("itemStyle")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("color")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#aaff00'")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("name")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'耕地地面积统计'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("166")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("itemStyle")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("color")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#ffaaff'")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("seriesOptions")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("label")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labelLine")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                        "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("lineStyle")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("color")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'white'")]),t._v("\n                        "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n            layoutOptions： "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("legend")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("textStyle")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                        "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("color")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#1fb0e5'")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("style")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("lang")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")]),t._v("scss"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token style"}},[a("span",{pre:!0,attrs:{class:"token language-css"}},[t._v("\n"),a("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".test")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 100%"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 100%"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("padding")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 0 20px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("style")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])])]),a("p",[a("strong",[t._v("效果展示")]),a("br"),t._v(" "),a("img",{attrs:{src:s(6552),alt:"立体环形图"}})])]),t._v(" "),a("h3",{attrs:{id:"solid-pie-立体扇形图"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#solid-pie-立体扇形图"}},[t._v("#")]),t._v(" solid-pie 立体扇形图")]),t._v(" "),a("details",{staticClass:"custom-block details",attrs:{open:""}},[a("summary",[t._v("solid-pie 立体扇形图")]),t._v(" "),a("div",{staticClass:"language-vue extra-class"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("test"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("title"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("立体图形--扇形图"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("solidPie")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":data")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("circleData"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":showLegend")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("300px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("600px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}},[a("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" solidPie "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'gw-base-components-plus/echartList/solid-pie/index.vue'")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("components")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        solidPie\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("circleData")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("name")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'林地面积统计'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("itemStyle")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("color")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#22c4ff'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("name")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'草地面积统计'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("71")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("itemStyle")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("color")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#aaff00'")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("name")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'耕地地面积统计'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("166")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("itemStyle")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("color")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#ffaaff'")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("seriesOptions")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("label")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labelLine")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                        "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("lineStyle")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("color")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'red'")]),t._v("\n                        "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n            layoutOptions： "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("legend")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("textStyle")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                        "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("color")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#1fb0e5'")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("style")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("lang")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")]),t._v("scss"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token style"}},[a("span",{pre:!0,attrs:{class:"token language-css"}},[t._v("\n"),a("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".test")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 100%"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 100%"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("padding")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 0 20px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("style")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])])]),a("p",[a("strong",[t._v("效果展示")])]),t._v(" "),a("p",[a("img",{attrs:{src:s(6553),alt:"立体扇形图"}})])]),t._v(" "),a("h3",{attrs:{id:"curve-多曲线图表"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#curve-多曲线图表"}},[t._v("#")]),t._v(" curve 多曲线图表")]),t._v(" "),a("details",{staticClass:"custom-block details",attrs:{open:""}},[a("summary",[t._v("curve 多曲线图表")]),t._v(" "),a("div",{staticClass:"language-vue extra-class"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("test"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("title"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("曲线图"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("curve")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":seriesOptions")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("[{name: '遥测1', emphasis:{focus: 'series'}}, {name: '遥测2'}]"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" \n        "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":showLegend")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":xData")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("curveXData"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":yData")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("curveYData"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("300px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("600px"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}},[a("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" curve "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'gw-base-components-plus/echartList/curve/index.vue'")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("components")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        curve\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("curveXData")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("6")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("curveYData")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("6")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("11")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("12")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("13")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("14")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("15")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("16")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 每条曲线的数据信息")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// https://echarts.apache.org/zh/option.html#series-line.type")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("seriesOptions")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("name")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'遥测1'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("emphasis")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("focus")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'series'")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("name")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'遥测2'")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("mounted")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 实时更新数据")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// setInterval(() => {")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//     let last = this.curveXData[this.curveXData.length - 1];")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//     this.curveXData.shift();")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//     this.curveXData.push(last + 1);")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//     this.curveYData.forEach(item => {")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//         let last = item[item.length - 1];")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//         item.shift();")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//         item.push(last + 1);")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//     })")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// }, 1000);")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])])]),a("ul",[a("li",[a("code",[t._v("seriesOptions")]),t._v("是一个数据对象，必须传入每条曲线对应的名称"),a("code",[t._v("name")]),t._v("属性以区分数据")]),t._v(" "),a("li",[a("code",[t._v("curveXData")]),t._v("，"),a("code",[t._v("curveYData")]),t._v("数据修改后会被立即渲染，只需实时修改属性即可渲染实时数据")])]),t._v(" "),a("p",[a("strong",[t._v("效果展示")]),a("br"),t._v(" "),a("img",{attrs:{src:s(6554),alt:"多曲线图表"}})])]),t._v(" "),a("h3",{attrs:{id:"historyechart"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#historyechart"}},[t._v("#")]),t._v(" historyEchart")]),t._v(" "),a("details",{staticClass:"custom-block details",attrs:{open:""}},[a("summary",[t._v("historyEchart")]),t._v(" "),a("p",[a("strong",[t._v("用法：")])]),t._v(" "),a("div",{staticClass:"language-vue extra-class"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("content"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- 历史曲线  historyTime(Array):历史曲线时间; historyValue(Array):历史曲线值 status(bool), reflesh(bool):用于控制曲线重新加载的状态--\x3e")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("HistoryEchart")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":historyTime")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("historyTime"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":historyValue")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("historyValue"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":status")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("hisEchartStatus"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":reflesh")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")]),t._v("reflesh"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}},[a("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" HistoryEchart "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'gw-base-components-plus/echartList/historyEchart/historyEchart.vue'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("components")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        HistoryEchart\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("historyTime")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("historyValue")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("hisEchartStatus")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("reflesh")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("mounted")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 切换主题")]),t._v("\n        window"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onmessage")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("event")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("event"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("&&")]),t._v(" event"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("theme"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("reflesh "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("reflesh"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("methods")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getHistory")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// search API for history")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// this.historyTime = response.times;")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// this.historyValue = response.values;")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// this.hisEchartStatus = !this.hisEchartStatus;")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n")])])])]),t._v(" "),a("h3",{attrs:{id:"barechart"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#barechart"}},[t._v("#")]),t._v(" BarEchart")]),t._v(" "),a("details",{staticClass:"custom-block details",attrs:{open:""}},[a("summary",[t._v("BarEchart")]),t._v(" "),a("p",[a("strong",[t._v("用法：")])]),t._v(" "),a("div",{staticClass:"language-vue extra-class"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- 历史曲线  status(bool):用于控制曲线重新加载的状态; echartData(Object):echartOption ,colorList(Array)颜色主题--\x3e")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("BarEchart")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":status")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("loading"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":echartData")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("echartData"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":yUnit")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")]),t._v("yUnit"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":colorList")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")]),t._v("colorList"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":key")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")]),t._v("reflesh"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}},[a("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" BarEchart "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'gw-base-components-plus/echartList/barEchart/barEchart.vue'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("components")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        BarEchart\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("echartData")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("loading")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("colorList")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#00f0ff'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#008af5'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("reflesh")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("mounted")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 切换主题")]),t._v("\n        window"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onmessage")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("event")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("event"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("&&")]),t._v(" event"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("theme"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("reflesh "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("reflesh"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("methods")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getHistory")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// search API for history")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// this.echartData = response.data;")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// this.loading = false;")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n")])])])]),t._v(" "),a("h3",{attrs:{id:"loading-加载组件"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#loading-加载组件"}},[t._v("#")]),t._v(" Loading 加载组件")]),t._v(" "),a("details",{staticClass:"custom-block details",attrs:{open:""}},[a("summary",[t._v("Loading 加载组件")]),t._v(" "),a("p",[a("strong",[t._v("用法：")])]),t._v(" "),a("div",{staticClass:"language-javaScript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// main.js")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" Vue "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"vue"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" loading "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"gw-base-components-plus/loading"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nVue"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("use")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("loading"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("在入口文件中全局引入Loading组件")]),t._v(" "),a("div",{staticClass:"language-vue extra-class"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[t._v("//xxx.vue\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("v-loading")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("loading"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}},[a("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("loading")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("methods")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("toogleLoading")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("loading "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])])]),a("p",[t._v("通过控制loading指令绑定值来控制加载组件的展示。")]),t._v(" "),a("p",[a("strong",[t._v("效果展示：")])]),t._v(" "),a("p",[a("img",{attrs:{src:s(6555),alt:""}})])]),t._v(" "),a("h3",{attrs:{id:"loadmore-下拉加载数据"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#loadmore-下拉加载数据"}},[t._v("#")]),t._v(" loadMore 下拉加载数据")]),t._v(" "),a("details",{staticClass:"custom-block details",attrs:{open:""}},[a("summary",[t._v("loadMore 下拉加载数据")]),t._v(" "),a("p",[a("strong",[t._v("用法：")])]),t._v(" "),a("div",{staticClass:"language-javaScript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// main.js")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" Vue "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"vue"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" loadMore "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"gw-base-components-plus/loadMore"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nVue"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("use")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("loadMore"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("在入口文件中全局引入LoadMore组件")]),t._v(" "),a("div",{staticClass:"language-vue extra-class"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[t._v("//xxx.vue\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("el-select")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("v-model")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("filterable")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("remote")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("v-loadmore")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("loadMoreFun"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("el-option")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("v-for")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item in options"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":key")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":label")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.label"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v(":value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("item.value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v(">"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("el-option")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("el-select")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}},[a("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("methods")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("loadMoreFun")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// search API")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// this.options = this.options.contact(response)")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])])]),a("p",[t._v("通过v-loadmore动态加载大数据量的选择框选项")])]),t._v(" "),a("h3",{attrs:{id:"tree-树形组件"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#tree-树形组件"}},[t._v("#")]),t._v(" Tree 树形组件")]),t._v(" "),a("details",{staticClass:"custom-block details",attrs:{open:""}},[a("summary",[t._v("Tree 树形组件")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://element.eleme.cn/#/zh-CN/component/tree",target:"_blank",rel:"noopener noreferrer"}},[t._v("el-tree具体属性参考"),a("OutboundLink")],1)]),t._v(" "),a("p",[a("strong",[t._v("用法")])]),t._v(" "),a("div",{staticClass:"language-vue extra-class"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v('\n        <myTree\n        ref=\'myTree\'\n        :data="equipList"\n        nodeKey="key"           // 节点惟一标志\n        :props="defaultProps"     // 节点参数\n        @current-change="getItem"     // 单个节点点击事件\n        default-expand-all         // 是否默认展开所有父节点\n        :height="100"             // 展示的高度，一般100% 必传\n        show-count                // 是否显示分组中设备数量\n        show-status              // 是否展示设备状态\n        show-checkbox           // 是否展示选框(获取所选择的节点：this.$refs.myTree.getCheckedNodes())\n        :showNumber=\'200\'       // 最多展示多少个节点\n        >'),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("myTree")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}},[a("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" myTree "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'gw-base-components/tree'")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("defaultProps")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("children")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'children'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("label")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'title'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("disabled")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'disabled'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("equipList")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//列表数组")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("methods")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getItem")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("node")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//单个节点点击事件")]),t._v("\n            console"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("node"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])])]),a("p",[t._v("模块中手动引入, 绑定data属性赋值，defaultProps用于映射属性使树状组件正常渲染。")]),t._v(" "),a("p",[t._v("注:")]),t._v(" "),a("ul",[a("li",[t._v("equipList(Array)：列表数组")]),t._v(" "),a("li",[t._v("nodeKey(String)：节点唯一 id(绑定的是树状结构每个节点的唯一值，一般为 id)")]),t._v(" "),a("li",[t._v("props(Object)：子节点字段名、节点展示名字段,默认")])])]),t._v(" "),a("h3",{attrs:{id:"table-表格"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#table-表格"}},[t._v("#")]),t._v(" Table 表格")]),t._v(" "),a("details",{staticClass:"custom-block details",attrs:{open:""}},[a("summary",[t._v("Table 表格")]),t._v(" "),a("p",[a("strong",[t._v("用法")]),t._v("：")]),t._v(" "),a("div",{staticClass:"language-vue extra-class"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n    <gwTable\n        :list='list'\n        @add='add'               //新增按钮触发事件\n        @delete='delete'         // 删除触发事件 接收参数：选中的列表数组\n        @getList='searchChange'  //搜索触发事件 注意处理分页问题\n        @handleSelectionChange='handleSelectionChange'   //当multiple多选时,选中触发，常用于批量操作，如批量修改\n        :setttingList=\"setttingList\"    //每一列中设置,包括列名、对应的属性名、宽度、最小宽度、是否hover显示全  example:[{label:'名字',property:'name',width:100,minWidth:100,showOverflowTooltip:true}]\n        :noDataIconfont='noDataIconfont'   //当表格没有数据时展示的图标\n        show-header     // 展示顶部 默认false\n        multiple        // 多选\n    >\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text/javascript"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}},[a("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" gwTable "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'gw-base-components/gwTable/gwTable'")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("components")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        gwTable\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("list")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//接口中的数据")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("pagination")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("     "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//分页")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("pageSize")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("25")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("  "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 分页大小，一页显示多少个")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("pageNo")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("     "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 当前页")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("total")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("setttingList")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("label")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'名称'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("       "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//展示的表头名")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("property")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'name'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("    "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 对应的属性名")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("          "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//宽度")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("showOverflowTooltip")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v("  "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//是否hover弹窗显示")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("label")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'描述'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("property")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'description'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("500")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("label")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'服务'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("property")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'services'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n                    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("showOverflowTooltip")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("noDataIconfont")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("methods")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("add")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("delete")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("arr"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("searchChange")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("val")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("pagination"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("pageNo"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("pagination"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("total"),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getList")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("val"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("handleSelectionChange")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("arr")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getList")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("val")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n                "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// api请求列表,记得加val参数")]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n    "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])])]),a("p",[a("strong",[t._v("参数说明")])]),t._v(" "),a("div",{staticClass:"language-vue extra-class"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- show-header(bool) //展示顶部，包含搜索框、操作按钮,不传默认false    multiple(bool):是否多选--\x3e")]),t._v("\n\n //支持自定义渲染\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[a("span",{pre:!0,attrs:{class:"token namespace"}},[t._v("v-slot:")]),t._v("header")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v(" //顶部输入框、操作按钮自定义渲染\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[a("span",{pre:!0,attrs:{class:"token namespace"}},[t._v("v-slot:")]),t._v("headerSearch")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v(" //顶部输入框自定义\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[a("span",{pre:!0,attrs:{class:"token namespace"}},[t._v("v-slot:")]),t._v("headerOperate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v(" //顶部操作按钮自定义\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[a("span",{pre:!0,attrs:{class:"token namespace"}},[t._v("v-slot:")]),t._v("table")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v(" //表格自定义渲染\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[a("span",{pre:!0,attrs:{class:"token namespace"}},[t._v("v-slot:")]),t._v("tableOparate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v(" //表格自定义操作按钮,默认无\n\n\n//example:如果表格按钮有操作功能，如查看详情\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[a("span",{pre:!0,attrs:{class:"token namespace"}},[t._v("v-slot:")]),t._v("tableOparate")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n   "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("el-table-column")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("label")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("操作"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n        "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("slot-scope")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("scope"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n            "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("el-button")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("@click")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("myClick"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("size")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("small"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n               查看详情\n           "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("el-button")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n       "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n   "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("el-table-column")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("gwTable")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n")])])])])],1)}),[],!1,null,null,null);a.default=r.exports}}]);