更新甘特图

LICENSE

@@ -1,661 +1,21 @@
-                    GNU AFFERO GENERAL PUBLIC LICENSE
-                       Version 3, 19 November 2007
-
- Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
- Everyone is permitted to copy and distribute verbatim copies
- of this license document, but changing it is not allowed.
-
-                            Preamble
-
-  The GNU Affero General Public License is a free, copyleft license for
-software and other kinds of works, specifically designed to ensure
-cooperation with the community in the case of network server software.
-
-  The licenses for most software and other practical works are designed
-to take away your freedom to share and change the works.  By contrast,
-our General Public Licenses are intended to guarantee your freedom to
-share and change all versions of a program--to make sure it remains free
-software for all its users.
-
-  When we speak of free software, we are referring to freedom, not
-price.  Our General Public Licenses are designed to make sure that you
-have the freedom to distribute copies of free software (and charge for
-them if you wish), that you receive source code or can get it if you
-want it, that you can change the software or use pieces of it in new
-free programs, and that you know you can do these things.
-
-  Developers that use our General Public Licenses protect your rights
-with two steps: (1) assert copyright on the software, and (2) offer
-you this License which gives you legal permission to copy, distribute
-and/or modify the software.
-
-  A secondary benefit of defending all users' freedom is that
-improvements made in alternate versions of the program, if they
-receive widespread use, become available for other developers to
-incorporate.  Many developers of free software are heartened and
-encouraged by the resulting cooperation.  However, in the case of
-software used on network servers, this result may fail to come about.
-The GNU General Public License permits making a modified version and
-letting the public access it on a server without ever releasing its
-source code to the public.
-
-  The GNU Affero General Public License is designed specifically to
-ensure that, in such cases, the modified source code becomes available
-to the community.  It requires the operator of a network server to
-provide the source code of the modified version running there to the
-users of that server.  Therefore, public use of a modified version, on
-a publicly accessible server, gives the public access to the source
-code of the modified version.
-
-  An older license, called the Affero General Public License and
-published by Affero, was designed to accomplish similar goals.  This is
-a different license, not a version of the Affero GPL, but Affero has
-released a new version of the Affero GPL which permits relicensing under
-this license.
-
-  The precise terms and conditions for copying, distribution and
-modification follow.
-
-                       TERMS AND CONDITIONS
-
-  0. Definitions.
-
-  "This License" refers to version 3 of the GNU Affero General Public License.
-
-  "Copyright" also means copyright-like laws that apply to other kinds of
-works, such as semiconductor masks.
-
-  "The Program" refers to any copyrightable work licensed under this
-License.  Each licensee is addressed as "you".  "Licensees" and
-"recipients" may be individuals or organizations.
-
-  To "modify" a work means to copy from or adapt all or part of the work
-in a fashion requiring copyright permission, other than the making of an
-exact copy.  The resulting work is called a "modified version" of the
-earlier work or a work "based on" the earlier work.
-
-  A "covered work" means either the unmodified Program or a work based
-on the Program.
-
-  To "propagate" a work means to do anything with it that, without
-permission, would make you directly or secondarily liable for
-infringement under applicable copyright law, except executing it on a
-computer or modifying a private copy.  Propagation includes copying,
-distribution (with or without modification), making available to the
-public, and in some countries other activities as well.
-
-  To "convey" a work means any kind of propagation that enables other
-parties to make or receive copies.  Mere interaction with a user through
-a computer network, with no transfer of a copy, is not conveying.
-
-  An interactive user interface displays "Appropriate Legal Notices"
-to the extent that it includes a convenient and prominently visible
-feature that (1) displays an appropriate copyright notice, and (2)
-tells the user that there is no warranty for the work (except to the
-extent that warranties are provided), that licensees may convey the
-work under this License, and how to view a copy of this License.  If
-the interface presents a list of user commands or options, such as a
-menu, a prominent item in the list meets this criterion.
-
-  1. Source Code.
-
-  The "source code" for a work means the preferred form of the work
-for making modifications to it.  "Object code" means any non-source
-form of a work.
-
-  A "Standard Interface" means an interface that either is an official
-standard defined by a recognized standards body, or, in the case of
-interfaces specified for a particular programming language, one that
-is widely used among developers working in that language.
-
-  The "System Libraries" of an executable work include anything, other
-than the work as a whole, that (a) is included in the normal form of
-packaging a Major Component, but which is not part of that Major
-Component, and (b) serves only to enable use of the work with that
-Major Component, or to implement a Standard Interface for which an
-implementation is available to the public in source code form.  A
-"Major Component", in this context, means a major essential component
-(kernel, window system, and so on) of the specific operating system
-(if any) on which the executable work runs, or a compiler used to
-produce the work, or an object code interpreter used to run it.
-
-  The "Corresponding Source" for a work in object code form means all
-the source code needed to generate, install, and (for an executable
-work) run the object code and to modify the work, including scripts to
-control those activities.  However, it does not include the work's
-System Libraries, or general-purpose tools or generally available free
-programs which are used unmodified in performing those activities but
-which are not part of the work.  For example, Corresponding Source
-includes interface definition files associated with source files for
-the work, and the source code for shared libraries and dynamically
-linked subprograms that the work is specifically designed to require,
-such as by intimate data communication or control flow between those
-subprograms and other parts of the work.
-
-  The Corresponding Source need not include anything that users
-can regenerate automatically from other parts of the Corresponding
-Source.
-
-  The Corresponding Source for a work in source code form is that
-same work.
-
-  2. Basic Permissions.
-
-  All rights granted under this License are granted for the term of
-copyright on the Program, and are irrevocable provided the stated
-conditions are met.  This License explicitly affirms your unlimited
-permission to run the unmodified Program.  The output from running a
-covered work is covered by this License only if the output, given its
-content, constitutes a covered work.  This License acknowledges your
-rights of fair use or other equivalent, as provided by copyright law.
-
-  You may make, run and propagate covered works that you do not
-convey, without conditions so long as your license otherwise remains
-in force.  You may convey covered works to others for the sole purpose
-of having them make modifications exclusively for you, or provide you
-with facilities for running those works, provided that you comply with
-the terms of this License in conveying all material for which you do
-not control copyright.  Those thus making or running the covered works
-for you must do so exclusively on your behalf, under your direction
-and control, on terms that prohibit them from making any copies of
-your copyrighted material outside their relationship with you.
-
-  Conveying under any other circumstances is permitted solely under
-the conditions stated below.  Sublicensing is not allowed; section 10
-makes it unnecessary.
-
-  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
-
-  No covered work shall be deemed part of an effective technological
-measure under any applicable law fulfilling obligations under article
-11 of the WIPO copyright treaty adopted on 20 December 1996, or
-similar laws prohibiting or restricting circumvention of such
-measures.
-
-  When you convey a covered work, you waive any legal power to forbid
-circumvention of technological measures to the extent such circumvention
-is effected by exercising rights under this License with respect to
-the covered work, and you disclaim any intention to limit operation or
-modification of the work as a means of enforcing, against the work's
-users, your or third parties' legal rights to forbid circumvention of
-technological measures.
-
-  4. Conveying Verbatim Copies.
-
-  You may convey verbatim copies of the Program's source code as you
-receive it, in any medium, provided that you conspicuously and
-appropriately publish on each copy an appropriate copyright notice;
-keep intact all notices stating that this License and any
-non-permissive terms added in accord with section 7 apply to the code;
-keep intact all notices of the absence of any warranty; and give all
-recipients a copy of this License along with the Program.
-
-  You may charge any price or no price for each copy that you convey,
-and you may offer support or warranty protection for a fee.
-
-  5. Conveying Modified Source Versions.
-
-  You may convey a work based on the Program, or the modifications to
-produce it from the Program, in the form of source code under the
-terms of section 4, provided that you also meet all of these conditions:
-
-    a) The work must carry prominent notices stating that you modified
-    it, and giving a relevant date.
-
-    b) The work must carry prominent notices stating that it is
-    released under this License and any conditions added under section
-    7.  This requirement modifies the requirement in section 4 to
-    "keep intact all notices".
-
-    c) You must license the entire work, as a whole, under this
-    License to anyone who comes into possession of a copy.  This
-    License will therefore apply, along with any applicable section 7
-    additional terms, to the whole of the work, and all its parts,
-    regardless of how they are packaged.  This License gives no
-    permission to license the work in any other way, but it does not
-    invalidate such permission if you have separately received it.
-
-    d) If the work has interactive user interfaces, each must display
-    Appropriate Legal Notices; however, if the Program has interactive
-    interfaces that do not display Appropriate Legal Notices, your
-    work need not make them do so.
-
-  A compilation of a covered work with other separate and independent
-works, which are not by their nature extensions of the covered work,
-and which are not combined with it such as to form a larger program,
-in or on a volume of a storage or distribution medium, is called an
-"aggregate" if the compilation and its resulting copyright are not
-used to limit the access or legal rights of the compilation's users
-beyond what the individual works permit.  Inclusion of a covered work
-in an aggregate does not cause this License to apply to the other
-parts of the aggregate.
-
-  6. Conveying Non-Source Forms.
-
-  You may convey a covered work in object code form under the terms
-of sections 4 and 5, provided that you also convey the
-machine-readable Corresponding Source under the terms of this License,
-in one of these ways:
-
-    a) Convey the object code in, or embodied in, a physical product
-    (including a physical distribution medium), accompanied by the
-    Corresponding Source fixed on a durable physical medium
-    customarily used for software interchange.
-
-    b) Convey the object code in, or embodied in, a physical product
-    (including a physical distribution medium), accompanied by a
-    written offer, valid for at least three years and valid for as
-    long as you offer spare parts or customer support for that product
-    model, to give anyone who possesses the object code either (1) a
-    copy of the Corresponding Source for all the software in the
-    product that is covered by this License, on a durable physical
-    medium customarily used for software interchange, for a price no
-    more than your reasonable cost of physically performing this
-    conveying of source, or (2) access to copy the
-    Corresponding Source from a network server at no charge.
-
-    c) Convey individual copies of the object code with a copy of the
-    written offer to provide the Corresponding Source.  This
-    alternative is allowed only occasionally and noncommercially, and
-    only if you received the object code with such an offer, in accord
-    with subsection 6b.
-
-    d) Convey the object code by offering access from a designated
-    place (gratis or for a charge), and offer equivalent access to the
-    Corresponding Source in the same way through the same place at no
-    further charge.  You need not require recipients to copy the
-    Corresponding Source along with the object code.  If the place to
-    copy the object code is a network server, the Corresponding Source
-    may be on a different server (operated by you or a third party)
-    that supports equivalent copying facilities, provided you maintain
-    clear directions next to the object code saying where to find the
-    Corresponding Source.  Regardless of what server hosts the
-    Corresponding Source, you remain obligated to ensure that it is
-    available for as long as needed to satisfy these requirements.
-
-    e) Convey the object code using peer-to-peer transmission, provided
-    you inform other peers where the object code and Corresponding
-    Source of the work are being offered to the general public at no
-    charge under subsection 6d.
-
-  A separable portion of the object code, whose source code is excluded
-from the Corresponding Source as a System Library, need not be
-included in conveying the object code work.
-
-  A "User Product" is either (1) a "consumer product", which means any
-tangible personal property which is normally used for personal, family,
-or household purposes, or (2) anything designed or sold for incorporation
-into a dwelling.  In determining whether a product is a consumer product,
-doubtful cases shall be resolved in favor of coverage.  For a particular
-product received by a particular user, "normally used" refers to a
-typical or common use of that class of product, regardless of the status
-of the particular user or of the way in which the particular user
-actually uses, or expects or is expected to use, the product.  A product
-is a consumer product regardless of whether the product has substantial
-commercial, industrial or non-consumer uses, unless such uses represent
-the only significant mode of use of the product.
-
-  "Installation Information" for a User Product means any methods,
-procedures, authorization keys, or other information required to install
-and execute modified versions of a covered work in that User Product from
-a modified version of its Corresponding Source.  The information must
-suffice to ensure that the continued functioning of the modified object
-code is in no case prevented or interfered with solely because
-modification has been made.
-
-  If you convey an object code work under this section in, or with, or
-specifically for use in, a User Product, and the conveying occurs as
-part of a transaction in which the right of possession and use of the
-User Product is transferred to the recipient in perpetuity or for a
-fixed term (regardless of how the transaction is characterized), the
-Corresponding Source conveyed under this section must be accompanied
-by the Installation Information.  But this requirement does not apply
-if neither you nor any third party retains the ability to install
-modified object code on the User Product (for example, the work has
-been installed in ROM).
-
-  The requirement to provide Installation Information does not include a
-requirement to continue to provide support service, warranty, or updates
-for a work that has been modified or installed by the recipient, or for
-the User Product in which it has been modified or installed.  Access to a
-network may be denied when the modification itself materially and
-adversely affects the operation of the network or violates the rules and
-protocols for communication across the network.
-
-  Corresponding Source conveyed, and Installation Information provided,
-in accord with this section must be in a format that is publicly
-documented (and with an implementation available to the public in
-source code form), and must require no special password or key for
-unpacking, reading or copying.
-
-  7. Additional Terms.
-
-  "Additional permissions" are terms that supplement the terms of this
-License by making exceptions from one or more of its conditions.
-Additional permissions that are applicable to the entire Program shall
-be treated as though they were included in this License, to the extent
-that they are valid under applicable law.  If additional permissions
-apply only to part of the Program, that part may be used separately
-under those permissions, but the entire Program remains governed by
-this License without regard to the additional permissions.
-
-  When you convey a copy of a covered work, you may at your option
-remove any additional permissions from that copy, or from any part of
-it.  (Additional permissions may be written to require their own
-removal in certain cases when you modify the work.)  You may place
-additional permissions on material, added by you to a covered work,
-for which you have or can give appropriate copyright permission.
-
-  Notwithstanding any other provision of this License, for material you
-add to a covered work, you may (if authorized by the copyright holders of
-that material) supplement the terms of this License with terms:
-
-    a) Disclaiming warranty or limiting liability differently from the
-    terms of sections 15 and 16 of this License; or
-
-    b) Requiring preservation of specified reasonable legal notices or
-    author attributions in that material or in the Appropriate Legal
-    Notices displayed by works containing it; or
-
-    c) Prohibiting misrepresentation of the origin of that material, or
-    requiring that modified versions of such material be marked in
-    reasonable ways as different from the original version; or
-
-    d) Limiting the use for publicity purposes of names of licensors or
-    authors of the material; or
-
-    e) Declining to grant rights under trademark law for use of some
-    trade names, trademarks, or service marks; or
-
-    f) Requiring indemnification of licensors and authors of that
-    material by anyone who conveys the material (or modified versions of
-    it) with contractual assumptions of liability to the recipient, for
-    any liability that these contractual assumptions directly impose on
-    those licensors and authors.
-
-  All other non-permissive additional terms are considered "further
-restrictions" within the meaning of section 10.  If the Program as you
-received it, or any part of it, contains a notice stating that it is
-governed by this License along with a term that is a further
-restriction, you may remove that term.  If a license document contains
-a further restriction but permits relicensing or conveying under this
-License, you may add to a covered work material governed by the terms
-of that license document, provided that the further restriction does
-not survive such relicensing or conveying.
-
-  If you add terms to a covered work in accord with this section, you
-must place, in the relevant source files, a statement of the
-additional terms that apply to those files, or a notice indicating
-where to find the applicable terms.
-
-  Additional terms, permissive or non-permissive, may be stated in the
-form of a separately written license, or stated as exceptions;
-the above requirements apply either way.
-
-  8. Termination.
-
-  You may not propagate or modify a covered work except as expressly
-provided under this License.  Any attempt otherwise to propagate or
-modify it is void, and will automatically terminate your rights under
-this License (including any patent licenses granted under the third
-paragraph of section 11).
-
-  However, if you cease all violation of this License, then your
-license from a particular copyright holder is reinstated (a)
-provisionally, unless and until the copyright holder explicitly and
-finally terminates your license, and (b) permanently, if the copyright
-holder fails to notify you of the violation by some reasonable means
-prior to 60 days after the cessation.
-
-  Moreover, your license from a particular copyright holder is
-reinstated permanently if the copyright holder notifies you of the
-violation by some reasonable means, this is the first time you have
-received notice of violation of this License (for any work) from that
-copyright holder, and you cure the violation prior to 30 days after
-your receipt of the notice.
-
-  Termination of your rights under this section does not terminate the
-licenses of parties who have received copies or rights from you under
-this License.  If your rights have been terminated and not permanently
-reinstated, you do not qualify to receive new licenses for the same
-material under section 10.
-
-  9. Acceptance Not Required for Having Copies.
-
-  You are not required to accept this License in order to receive or
-run a copy of the Program.  Ancillary propagation of a covered work
-occurring solely as a consequence of using peer-to-peer transmission
-to receive a copy likewise does not require acceptance.  However,
-nothing other than this License grants you permission to propagate or
-modify any covered work.  These actions infringe copyright if you do
-not accept this License.  Therefore, by modifying or propagating a
-covered work, you indicate your acceptance of this License to do so.
-
-  10. Automatic Licensing of Downstream Recipients.
-
-  Each time you convey a covered work, the recipient automatically
-receives a license from the original licensors, to run, modify and
-propagate that work, subject to this License.  You are not responsible
-for enforcing compliance by third parties with this License.
-
-  An "entity transaction" is a transaction transferring control of an
-organization, or substantially all assets of one, or subdividing an
-organization, or merging organizations.  If propagation of a covered
-work results from an entity transaction, each party to that
-transaction who receives a copy of the work also receives whatever
-licenses to the work the party's predecessor in interest had or could
-give under the previous paragraph, plus a right to possession of the
-Corresponding Source of the work from the predecessor in interest, if
-the predecessor has it or can get it with reasonable efforts.
-
-  You may not impose any further restrictions on the exercise of the
-rights granted or affirmed under this License.  For example, you may
-not impose a license fee, royalty, or other charge for exercise of
-rights granted under this License, and you may not initiate litigation
-(including a cross-claim or counterclaim in a lawsuit) alleging that
-any patent claim is infringed by making, using, selling, offering for
-sale, or importing the Program or any portion of it.
-
-  11. Patents.
-
-  A "contributor" is a copyright holder who authorizes use under this
-License of the Program or a work on which the Program is based.  The
-work thus licensed is called the contributor's "contributor version".
-
-  A contributor's "essential patent claims" are all patent claims
-owned or controlled by the contributor, whether already acquired or
-hereafter acquired, that would be infringed by some manner, permitted
-by this License, of making, using, or selling its contributor version,
-but do not include claims that would be infringed only as a
-consequence of further modification of the contributor version.  For
-purposes of this definition, "control" includes the right to grant
-patent sublicenses in a manner consistent with the requirements of
-this License.
-
-  Each contributor grants you a non-exclusive, worldwide, royalty-free
-patent license under the contributor's essential patent claims, to
-make, use, sell, offer for sale, import and otherwise run, modify and
-propagate the contents of its contributor version.
-
-  In the following three paragraphs, a "patent license" is any express
-agreement or commitment, however denominated, not to enforce a patent
-(such as an express permission to practice a patent or covenant not to
-sue for patent infringement).  To "grant" such a patent license to a
-party means to make such an agreement or commitment not to enforce a
-patent against the party.
-
-  If you convey a covered work, knowingly relying on a patent license,
-and the Corresponding Source of the work is not available for anyone
-to copy, free of charge and under the terms of this License, through a
-publicly available network server or other readily accessible means,
-then you must either (1) cause the Corresponding Source to be so
-available, or (2) arrange to deprive yourself of the benefit of the
-patent license for this particular work, or (3) arrange, in a manner
-consistent with the requirements of this License, to extend the patent
-license to downstream recipients.  "Knowingly relying" means you have
-actual knowledge that, but for the patent license, your conveying the
-covered work in a country, or your recipient's use of the covered work
-in a country, would infringe one or more identifiable patents in that
-country that you have reason to believe are valid.
-
-  If, pursuant to or in connection with a single transaction or
-arrangement, you convey, or propagate by procuring conveyance of, a
-covered work, and grant a patent license to some of the parties
-receiving the covered work authorizing them to use, propagate, modify
-or convey a specific copy of the covered work, then the patent license
-you grant is automatically extended to all recipients of the covered
-work and works based on it.
-
-  A patent license is "discriminatory" if it does not include within
-the scope of its coverage, prohibits the exercise of, or is
-conditioned on the non-exercise of one or more of the rights that are
-specifically granted under this License.  You may not convey a covered
-work if you are a party to an arrangement with a third party that is
-in the business of distributing software, under which you make payment
-to the third party based on the extent of your activity of conveying
-the work, and under which the third party grants, to any of the
-parties who would receive the covered work from you, a discriminatory
-patent license (a) in connection with copies of the covered work
-conveyed by you (or copies made from those copies), or (b) primarily
-for and in connection with specific products or compilations that
-contain the covered work, unless you entered into that arrangement,
-or that patent license was granted, prior to 28 March 2007.
-
-  Nothing in this License shall be construed as excluding or limiting
-any implied license or other defenses to infringement that may
-otherwise be available to you under applicable patent law.
-
-  12. No Surrender of Others' Freedom.
-
-  If conditions are imposed on you (whether by court order, agreement or
-otherwise) that contradict the conditions of this License, they do not
-excuse you from the conditions of this License.  If you cannot convey a
-covered work so as to satisfy simultaneously your obligations under this
-License and any other pertinent obligations, then as a consequence you may
-not convey it at all.  For example, if you agree to terms that obligate you
-to collect a royalty for further conveying from those to whom you convey
-the Program, the only way you could satisfy both those terms and this
-License would be to refrain entirely from conveying the Program.
-
-  13. Remote Network Interaction; Use with the GNU General Public License.
-
-  Notwithstanding any other provision of this License, if you modify the
-Program, your modified version must prominently offer all users
-interacting with it remotely through a computer network (if your version
-supports such interaction) an opportunity to receive the Corresponding
-Source of your version by providing access to the Corresponding Source
-from a network server at no charge, through some standard or customary
-means of facilitating copying of software.  This Corresponding Source
-shall include the Corresponding Source for any work covered by version 3
-of the GNU General Public License that is incorporated pursuant to the
-following paragraph.
-
-  Notwithstanding any other provision of this License, you have
-permission to link or combine any covered work with a work licensed
-under version 3 of the GNU General Public License into a single
-combined work, and to convey the resulting work.  The terms of this
-License will continue to apply to the part which is the covered work,
-but the work with which it is combined will remain governed by version
-3 of the GNU General Public License.
-
-  14. Revised Versions of this License.
-
-  The Free Software Foundation may publish revised and/or new versions of
-the GNU Affero General Public License from time to time.  Such new versions
-will be similar in spirit to the present version, but may differ in detail to
-address new problems or concerns.
-
-  Each version is given a distinguishing version number.  If the
-Program specifies that a certain numbered version of the GNU Affero General
-Public License "or any later version" applies to it, you have the
-option of following the terms and conditions either of that numbered
-version or of any later version published by the Free Software
-Foundation.  If the Program does not specify a version number of the
-GNU Affero General Public License, you may choose any version ever published
-by the Free Software Foundation.
-
-  If the Program specifies that a proxy can decide which future
-versions of the GNU Affero General Public License can be used, that proxy's
-public statement of acceptance of a version permanently authorizes you
-to choose that version for the Program.
-
-  Later license versions may give you additional or different
-permissions.  However, no additional obligations are imposed on any
-author or copyright holder as a result of your choosing to follow a
-later version.
-
-  15. Disclaimer of Warranty.
-
-  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
-APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
-HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
-OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
-THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
-PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
-IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
-ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
-
-  16. Limitation of Liability.
-
-  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
-WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
-THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
-GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
-USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
-DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
-PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
-EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
-SUCH DAMAGES.
-
-  17. Interpretation of Sections 15 and 16.
-
-  If the disclaimer of warranty and limitation of liability provided
-above cannot be given local legal effect according to their terms,
-reviewing courts shall apply local law that most closely approximates
-an absolute waiver of all civil liability in connection with the
-Program, unless a warranty or assumption of liability accompanies a
-copy of the Program in return for a fee.
-
-                     END OF TERMS AND CONDITIONS
-
-            How to Apply These Terms to Your New Programs
-
-  If you develop a new program, and you want it to be of the greatest
-possible use to the public, the best way to achieve this is to make it
-free software which everyone can redistribute and change under these terms.
-
-  To do so, attach the following notices to the program.  It is safest
-to attach them to the start of each source file to most effectively
-state the exclusion of warranty; and each file should have at least
-the "copyright" line and a pointer to where the full notice is found.
-
-    <one line to give the program's name and a brief idea of what it does.>
-    Copyright (C) <year>  <name of author>
-
-    This program is free software: you can redistribute it and/or modify
-    it under the terms of the GNU Affero General Public License as published by
-    the Free Software Foundation, either version 3 of the License, or
-    (at your option) any later version.
-
-    This program is distributed in the hope that it will be useful,
-    but WITHOUT ANY WARRANTY; without even the implied warranty of
-    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-    GNU Affero General Public License for more details.
-
-    You should have received a copy of the GNU Affero General Public License
-    along with this program.  If not, see <https://www.gnu.org/licenses/>.
-
-Also add information on how to contact you by electronic and paper mail.
-
-  If your software can interact with users remotely through a computer
-network, you should also make sure that it provides a way for users to
-get its source.  For example, if your program is a web application, its
-interface could display a "Source" link that leads users to an archive
-of the code.  There are many ways you could offer source, and different
-solutions will be better for different programs; see section 13 for the
-specific requirements.
-
-  You should also get your employer (if you work as a programmer) or school,
-if any, to sign a "copyright disclaimer" for the program, if necessary.
-For more information on this, and how to apply and follow the GNU AGPL, see
-<https://www.gnu.org/licenses/>.
+MIT License
+
+Copyright (c) 2020 kuaifan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package.json

@@ -1,6 +1,6 @@
 {
     "name": "wookteam",
-    "version": "1.5.11",
+    "version": "1.5.12",
     "description": "WookTeam是一款轻量级的开源在线团队协作工具，提供各类文档工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，知识库管理等工具。",
     "scripts": {
         "ide-helper": "php artisan ide-helper:generate",
@@ -19,7 +19,7 @@
         "url": "git+https://github.com/kuaifan/wookteam.git"
     },
     "author": "kuaifan <aipaw@live.cn>",
-    "license": "AGPL-3.0",
+    "license": "MIT",
     "devDependencies": {
         "axios": "^0.19.2",
         "cross-env": "^7.0.2",
@@ -35,7 +35,6 @@
         "vue-template-compiler": "^2.6.11"
     },
     "dependencies": {
-        "gantt-schedule-timeline-calendar": "^2.6.8",
         "tinymce": "^5.4.2",
         "view-design": "^4.3.2",
         "vue-clipboard2": "^0.3.1",

resources/assets/js/main/components/gantt/index.vue

@@ -0,0 +1,581 @@
+<template>
+    <div class="wook-gantt">
+        <div class="gantt-left" :style="{width:menuWidth+'px'}">
+            <div class="gantt-title">
+                <div class="gantt-title-text">{{$L('任务名称')}}</div>
+            </div>
+            <ul ref="ganttItem"
+                class="gantt-item"
+                @scroll="itemScrollListener"
+                @mouseenter="mouseType='item'">
+                <li v-for="(item, key) in lists" :key="key">
+                    <div class="item-title" @click="clickItem(item)">{{item.label}}</div>
+                    <Icon class="item-icon" type="ios-locate-outline" @click="scrollPosition(key)"/>
+                </li>
+            </ul>
+        </div>
+        <div class="gantt-right">
+            <div class="gantt-chart">
+                <ul class="gantt-month">
+                    <li v-for="(item, key) in monthNum" :key="key" :style="monthStyle(key)">
+                        <div class="month-format">{{monthFormat(key)}}</div>
+                    </li>
+                </ul>
+                <ul class="gantt-date">
+                    <li v-for="(item, key) in dateNum" :key="key" :style="dateStyle(key)">
+                        <div class="date-format">
+                            <div class="format-day">{{dateFormat(key, 'day')}}</div>
+                            <div v-if="dateWidth > 46" class="format-wook">{{dateFormat(key, 'wook')}}</div>
+                        </div>
+                    </li>
+                </ul>
+                <ul ref="ganttTimeline"
+                    class="gantt-timeline"
+                    @scroll="timelineScrollListener"
+                    @mouseenter="mouseType='timeline'">
+                    <li v-for="(item, key) in lists" :key="key">
+                        <div
+                            class="timeline-item"
+                            :style="itemStyle(item)"
+                            @mousedown="itemMouseDown($event, item)">
+                            <div class="timeline-title">{{item.label}}</div>
+                            <div class="timeline-resizer"></div>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'GanttView',
+    props: {
+        lists: {
+            type: Array
+        },
+        menuWidth: {
+            type: Number,
+            default: 300
+        },
+        itemWidth: {
+            type: Number,
+            default: 100
+        }
+    },
+    data() {
+        return {
+            mouseType: '',
+            mouseWidth: 0,
+            mouseScaleWidth: 0,
+
+            dateWidth: 100,
+            ganttWidth: 0,
+
+            mouseItem: null,
+            mouseBak: {},
+        }
+    },
+    mounted() {
+        this.dateWidth = this.itemWidth;
+        this.$refs.ganttTimeline.addEventListener('mousewheel', this.handleScroll, false);
+        document.addEventListener('mousemove', this.itemMouseMove);
+        document.addEventListener('mouseup', this.itemMouseUp);
+        window.addEventListener("resize", this.handleResize, false);
+        this.handleResize();
+    },
+    beforeDestroy() {
+        this.$refs.ganttTimeline.removeEventListener('mousewheel', this.handleScroll, false);
+        document.removeEventListener('mousemove', this.itemMouseMove);
+        document.removeEventListener('mouseup', this.itemMouseUp);
+        window.removeEventListener("resize", this.handleResize, false);
+    },
+    watch: {
+        itemWidth(val) {
+            this.dateWidth = val;
+        }
+    },
+    computed: {
+        monthNum() {
+            const {ganttWidth, dateWidth} = this;
+            return Math.floor(ganttWidth / dateWidth / 30) + 2
+        },
+        monthStyle() {
+            const {mouseWidth, dateWidth} = this;
+            return function(index) {
+                let mouseDay = mouseWidth == 0 ? 0 : mouseWidth / dateWidth;
+                let date = new Date();
+                //今天00:00:00
+                let nowDay = new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0);
+                //当前时间
+                let curDay = new Date(nowDay.getTime() + mouseDay * 86400000);
+                //当月最后一天
+                let lastDay = new Date(curDay.getFullYear(), curDay.getMonth() + 1, 0, 23, 59, 59);
+                //相差天数
+                let diffDay = (lastDay - curDay)  / 1000 / 60 / 60 / 24;
+                //
+                let width = dateWidth * diffDay;
+                if (index > 0) {
+                    lastDay = new Date(curDay.getFullYear(), curDay.getMonth() + 1 + index, 0);
+                    width = lastDay.getDate() * dateWidth;
+                }
+                return {
+                    width: width + 'px',
+                }
+            }
+        },
+        monthFormat() {
+            const {mouseWidth, dateWidth} = this;
+            return function(index) {
+                let mouseDay = mouseWidth == 0 ? 0 : mouseWidth / dateWidth;
+                let date = new Date();
+                //开始位置时间（今天00:00:00）
+                let nowDay = new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0);
+                //当前时间
+                let curDay = new Date(nowDay.getTime() + mouseDay * 86400000);
+                //
+                if (index > 0) {
+                    curDay = new Date(curDay.getFullYear(), curDay.getMonth() + 1 + index, 0);
+                }
+                return $A.formatDate("Y-m", curDay)
+            }
+        },
+        dateNum() {
+            const {ganttWidth, dateWidth} = this;
+            return Math.floor(ganttWidth / dateWidth) + 2
+        },
+        dateStyle() {
+            const {mouseWidth, dateWidth} = this;
+            return function(index) {
+                const style = {};
+                //
+                let mouseDay = mouseWidth == 0 ? 0 : mouseWidth / dateWidth;
+                let mouseData = Math.floor(mouseDay) + index;
+                if (mouseDay == Math.floor(mouseDay)) {
+                    mouseData--;
+                }
+                let j = mouseWidth == 0 ? index - 1 : mouseData;
+                let date = new Date(new Date().getTime() + j * 86400000);
+                if ([0, 6].indexOf(date.getDay()) !== -1) {
+                    style.backgroundColor = '#f9fafb';
+                }
+                //
+                let width = dateWidth;
+                if (index == 0) {
+                    width = Math.abs((mouseWidth % width - width) % width);
+                }
+                style.width = width + 'px';
+                return style
+            }
+        },
+        dateFormat() {
+            const {mouseWidth, dateWidth} = this;
+            return function(index, type) {
+                let mouseDay = mouseWidth == 0 ? 0 : mouseWidth / dateWidth;
+                let mouseData = Math.floor(mouseDay) + index;
+                if (mouseDay == Math.floor(mouseDay)) {
+                    mouseData--;
+                }
+                let j = mouseWidth == 0 ? index - 1 : mouseData;
+                let date = new Date(new Date().getTime() + j * 86400000)
+                if (type == 'day') {
+                    return date.getDate();
+                } else if (type == 'wook') {
+                    return `星期${'日一二三四五六'.charAt(date.getDay())}`;
+                } else {
+                    return date;
+                }
+            }
+        },
+        itemStyle() {
+            const {mouseWidth, dateWidth, ganttWidth} = this;
+            return function(item) {
+                const {start, end} = item.time;
+                const {style, moveX, moveW} = item;
+                let date = new Date();
+                //开始位置时间戳（今天00:00:00时间戳）
+                let nowTime = new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0).getTime();
+                //距离开始位置多少天
+                let diffStartDay = (start - nowTime) / 1000 / 60 / 60 / 24;
+                let diffEndDay = (end - nowTime) / 1000 / 60 / 60 / 24;
+                //
+                let left = dateWidth * diffStartDay + (mouseWidth * -1);
+                let width = dateWidth * (diffEndDay - diffStartDay);
+                if (typeof moveX === "number") {
+                    left+= moveX;
+                }
+                if (typeof moveW === "number") {
+                    width+= moveW;
+                }
+                //
+                const customStyle = {
+                    left: Math.min(Math.max(left, width * -1.2), ganttWidth * 1.2).toFixed(2) + 'px',
+                    width: width.toFixed(2) + 'px',
+                };
+                if (left < 0 && Math.abs(left) < width) {
+                    customStyle.paddingLeft = Math.abs(left).toFixed(2) + 'px'
+                }
+                if (left + width > ganttWidth && left < ganttWidth) {
+                    customStyle.paddingRight = Math.abs(left + width - ganttWidth).toFixed(2) + 'px'
+                }
+                if (typeof style === "object") {
+                    return Object.assign(customStyle, style);
+                }
+                return customStyle
+            }
+        }
+    },
+    methods: {
+        itemScrollListener(e) {
+            if (this.mouseType == 'timeline') {
+                return;
+            }
+            this.$refs.ganttTimeline.scrollTop = e.target.scrollTop;
+        },
+        timelineScrollListener(e) {
+            if (this.mouseType == 'item') {
+                return;
+            }
+            this.$refs.ganttItem.scrollTop = e.target.scrollTop;
+        },
+        handleScroll(e) {
+            e.preventDefault();
+            if (e.ctrlKey) {
+                //缩放
+                this.dateWidth = Math.min(600, Math.max(24, this.dateWidth - Math.floor(e.deltaY)));
+                this.mouseWidth = this.ganttWidth / 2 * ((this.dateWidth - 100) / 100) + this.dateWidth / 100 * this.mouseScaleWidth;
+                return;
+            }
+            if (e.deltaY != 0) {
+                const ganttTimeline = this.$refs.ganttTimeline;
+                let newTop = ganttTimeline.scrollTop + e.deltaY;
+                if (newTop < 0) {
+                    newTop = 0;
+                } else if (newTop > ganttTimeline.scrollHeight - ganttTimeline.clientHeight) {
+                    newTop = ganttTimeline.scrollHeight - ganttTimeline.clientHeight;
+                }
+                if (ganttTimeline.scrollTop != newTop) {
+                    this.mouseType = 'timeline';
+                    ganttTimeline.scrollTop = newTop;
+                }
+            }
+            if (e.deltaX != 0) {
+                this.mouseWidth+= e.deltaX;
+                this.mouseScaleWidth+= e.deltaX * (100 / this.dateWidth);
+            }
+        },
+        handleResize() {
+            this.ganttWidth = this.$refs.ganttTimeline.clientWidth;
+        },
+        itemMouseDown(e, item) {
+            e.preventDefault();
+            let type = 'moveX';
+            if (e.target.className == 'timeline-resizer') {
+                type = 'moveW';
+            }
+            if (typeof item[type] !== "number") {
+                this.$set(item, type, 0);
+            }
+            this.mouseBak = {
+                type: type,
+                clientX: e.clientX,
+                value: item[type],
+            };
+            this.mouseItem = item;
+        },
+        itemMouseMove(e) {
+            if (this.mouseItem == null) {
+                return;
+            }
+            e.preventDefault();
+            var diff = e.clientX - this.mouseBak.clientX;
+            this.$set(this.mouseItem, this.mouseBak.type, this.mouseBak.value + diff);
+        },
+        itemMouseUp(e) {
+            if (this.mouseItem == null) {
+                return;
+            }
+            const {start, end} = this.mouseItem.time;
+            let isM = false;
+            //一个宽度的时间
+            let oneWidthTime = 86400000 / this.dateWidth;
+            //修改起止时间
+            if (typeof this.mouseItem.moveX === "number" && this.mouseItem.moveX != 0) {
+                let moveTime = this.mouseItem.moveX * oneWidthTime;
+                this.$set(this.mouseItem.time, 'start', start + moveTime);
+                this.$set(this.mouseItem.time, 'end', end + moveTime);
+                this.$set(this.mouseItem, 'moveX', 0);
+                isM = true;
+            }
+            //修改结束时间
+            if (typeof this.mouseItem.moveW === "number" && this.mouseItem.moveW != 0) {
+                let moveTime = this.mouseItem.moveW * oneWidthTime;
+                this.$set(this.mouseItem.time, 'end', end + moveTime);
+                this.$set(this.mouseItem, 'moveW', 0);
+                isM = true;
+            }
+            //
+            if (isM) {
+                this.$emit("on-change", this.mouseItem)
+            } else if (e.target.className == 'timeline-title') {
+                this.clickItem(this.mouseItem);
+            }
+            this.mouseItem = null;
+        },
+        scrollPosition(pos) {
+            let date = new Date();
+            //今天00:00:00
+            let nowDay = new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0);
+            //一个宽度的时间
+            let oneWidthTime = 86400000 / this.dateWidth;
+            //
+            let moveWidth = (this.lists[pos].time.start - nowDay) / oneWidthTime - this.dateWidth - this.mouseWidth;
+            this.mouseWidth+= moveWidth;
+            this.mouseScaleWidth+= moveWidth * (100 / this.dateWidth);
+        },
+        clickItem(item) {
+            this.$emit("on-click", item)
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.wook-gantt {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    display: flex;
+    flex-direction: row;
+    align-items: self-start;
+    color: #747a81;
+    * {
+        box-sizing: border-box;
+    }
+    .gantt-left {
+        flex-grow:0;
+        flex-shrink:0;
+        height: 100%;
+        background-color: #ffffff;
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        &:after {
+            content: "";
+            position: absolute;
+            top: 0;
+            right: 0;
+            bottom: 0;
+            width: 1px;
+            background-color: rgba(237, 241, 242, 0.75);
+        }
+        .gantt-title {
+            height: 76px;
+            flex-grow: 0;
+            flex-shrink: 0;
+            background-color: #F9FAFB;
+            padding-left: 12px;
+            overflow: hidden;
+            .gantt-title-text {
+                line-height: 100px;
+                max-width: 200px;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                font-weight: 600;
+            }
+        }
+        .gantt-item {
+            transform: translateZ(0);
+            max-height: 100%;
+            overflow: auto;
+            -ms-overflow-style: none;
+            &::-webkit-scrollbar {
+                display: none;
+            }
+            > li {
+                height: 40px;
+                border-bottom: 1px solid rgba(237, 241, 242, 0.75);
+                position: relative;
+                display: flex;
+                align-items: center;
+                &:hover {
+                    .item-icon {
+                        display: flex;
+                    }
+                }
+                .item-title {
+                    flex: 1;
+                    padding: 0 12px;
+                    cursor: default;
+                }
+                .item-icon {
+                    display: none;
+                    align-items: center;
+                    justify-content: center;
+                    width: 32px;
+                    margin-right: 2px;
+                    font-size: 16px;
+                    color: #888888;
+                }
+            }
+        }
+    }
+    .gantt-right {
+        flex: 1;
+        height: 100%;
+        background-color: #ffffff;
+        position: relative;
+        overflow: hidden;
+        .gantt-chart {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            transform: translateZ(0);
+            .gantt-month {
+                display: flex;
+                align-items: center;
+                position: absolute;
+                top: 0;
+                left: 0;
+                right: 0;
+                z-index: 1;
+                height: 26px;
+                line-height: 20px;
+                font-size: 14px;
+                background-color: #F9FAFB;
+                > li {
+                    flex-grow: 0;
+                    flex-shrink: 0;
+                    height: 100%;
+                    position: relative;
+                    overflow: hidden;
+                    &:after {
+                        content: "";
+                        position: absolute;
+                        top: 0;
+                        right: 0;
+                        width: 1px;
+                        height: 100%;
+                        background-color: rgba(237, 241, 242, 0.75);
+                    }
+                    .month-format {
+                        overflow: hidden;
+                        white-space: nowrap;
+                        padding: 6px 6px 0;
+                    }
+                }
+            }
+            .gantt-date {
+                display: flex;
+                align-items: center;
+                position: absolute;
+                top: 26px;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                z-index: 2;
+                &:before {
+                    content: "";
+                    position: absolute;
+                    top: 0;
+                    left: 0;
+                    right: 0;
+                    height: 50px;
+                    background-color: #F9FAFB;
+                }
+                > li {
+                    flex-grow: 0;
+                    flex-shrink: 0;
+                    height: 100%;
+                    position: relative;
+                    overflow: hidden;
+                    &:after {
+                        content: "";
+                        position: absolute;
+                        top: 0;
+                        right: 0;
+                        width: 1px;
+                        height: 100%;
+                        background-color: rgba(237, 241, 242, 0.75);
+                    }
+                    .date-format {
+                        overflow: hidden;
+                        white-space: nowrap;
+                        display: flex;
+                        flex-direction: column;
+                        align-items: center;
+                        justify-content: center;
+                        height: 44px;
+                        .format-day {
+                            line-height: 28px;
+                            font-size: 18px;
+                        }
+                        .format-wook {
+                            line-height: 16px;
+                            font-weight: 300;
+                            font-size: 13px;
+                        }
+                    }
+                }
+            }
+            .gantt-timeline {
+                position: absolute;
+                top: 76px;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                z-index: 3;
+                overflow: auto;
+                > li {
+                    cursor: default;
+                    height: 40px;
+                    border-bottom: 1px solid rgba(237, 241, 242, 0.75);
+                    position: relative;
+                    .timeline-item {
+                        position: absolute;
+                        top: 0;
+                        touch-action: none;
+                        pointer-events: auto;
+                        padding: 4px;
+                        margin-top: 4px;
+                        background: #e74c3c;
+                        border-radius: 18px;
+                        color: #fff;
+                        display: flex;
+                        align-items: center;
+                        will-change: contents;
+                        height: 32px;
+                        .timeline-title {
+                            touch-action: none;
+                            flex-grow: 1;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            white-space: nowrap;
+                            margin-left: 4px;
+                            margin-right: 10px;
+                        }
+                        .timeline-resizer {
+                            height: 22px;
+                            touch-action: none;
+                            width: 8px;
+                            background: rgba(255,255,255,0.1);
+                            cursor: ew-resize;
+                            flex-shrink: 0;
+                            will-change: visibility;
+                            position: absolute;
+                            top: 5px;
+                            right: 5px;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+</style>

resources/assets/js/main/components/project/gantt/GSTC.vue

@@ -1,131 +0,0 @@
-<template>
-    <div class="gstc" ref="gstc"></div>
-</template>
-
-<style lang="scss">
-    .gantt-schedule-timeline-calendar__list-column-row {
-        .gantt-schedule-timeline-calendar__list-column-row-content {
-            display: flex;
-            cursor: pointer;
-            &:hover {
-                .gantt-schedule-timeline-calendar-goto {
-                    display: flex;
-                }
-            }
-            .gantt-schedule-timeline-calendar-overdue {
-                display: flex;
-                align-items: center;
-                margin-right: 2px;
-                em {
-                    font-size: 12px;
-                    height: 22px;
-                    line-height: 22px;
-                    color: #ffffff;
-                    padding: 0 4px;
-                    border-radius: 3px;
-                    background: #ff0000;
-                    transform: scale(0.9);
-                    transform-origin: 0 center;
-                }
-            }
-            .gantt-schedule-timeline-calendar-title {
-                flex: 1;
-                padding-right: 6px;
-                &.complete-title {
-                    text-decoration: line-through;
-                }
-            }
-            .gantt-schedule-timeline-calendar-goto {
-                font-family: Ionicons;
-                font-weight: 400;
-                text-align: center;
-                display: none;
-                justify-content: center;
-                align-items: center;
-                width: 32px;
-                margin-right: 8px;
-                font-size: 16px;
-                color: #888888;
-                &:before {
-                    content: "\F216";
-                }
-                &:hover {
-                    color: #333333;
-                }
-            }
-        }
-    }
-</style>
-<script>
-    import GSTC from "gantt-schedule-timeline-calendar";
-    import "gantt-schedule-timeline-calendar/dist/style.css";
-
-    export default {
-        name: "GSTC",
-        props: ["config"],
-        data() {
-            return {
-                state: null,
-                gstc: null,
-            }
-        },
-        mounted() {
-            this.state = GSTC.api.stateFromConfig(this.config);
-            this.$emit("state", this.state);
-            this.$refs.gstc.addEventListener('gstc-loaded', () => {
-                this.gstc.api.scrollToTime(new Date().getTime());
-            });
-            this.gstc = GSTC({
-                element: this.$refs.gstc,
-                state: this.state
-            });
-            if (this.isMac()) {
-                this.$refs.gstc.addEventListener('mousewheel', this.mouseHandler, { passive: false });
-            }
-            //
-            this.$watch(
-                "config",
-                (config) => {
-                    this.state.update("config", current => {
-                        if (current !== config) {
-                            return GSTC.api.mergeDeep({}, current, config);
-                        } else {
-                            return current;
-                        }
-                    });
-                },
-                {deep: true}
-            );
-        },
-        destroyed() {
-            this.gstc.app.destroy();
-        },
-        methods: {
-            isMac() {
-                return /macintosh|mac os x/i.test(navigator.userAgent);
-            },
-            mouseHandler(e) {
-                e.preventDefault();
-            },
-            getGstc() {
-                return this.gstc;
-            },
-            getState() {
-                return this.state;
-            },
-            setPeriod(val) {
-                GSTC.api.setPeriod(val);
-            },
-            updateTime(id, time) {
-                this.state.update('config.chart.items', items => {
-                    for (let itemId in items) {
-                        if (items.hasOwnProperty(itemId) && itemId == id) {
-                            items[itemId].time = $A.cloneData(time);
-                        }
-                    }
-                    return items;
-                });
-            }
-        }
-    };
-</script>

resources/assets/js/main/components/project/gantt/index.vue

@@ -1,15 +1,6 @@
 <template>
     <div class="project-gstc-gantt">
-        <GSTC v-if="loadFinish" ref="gstc" :config="config" @state="emitState"/>
-        <Dropdown class="project-gstc-dropdown-eye" @on-click="tapView">
-            <Icon class="project-gstc-dropdown-icon" type="md-eye" />
-            <DropdownMenu slot="list">
-                <DropdownItem name="now">{{$L('现在')}}</DropdownItem>
-                <DropdownItem name="day" :class="{'dropdown-active':period=='day'}">{{$L('天视图')}}</DropdownItem>
-                <DropdownItem name="week" :class="{'dropdown-active':period=='week'}">{{$L('周视图')}}</DropdownItem>
-                <DropdownItem name="month" :class="{'dropdown-active':period=='month'}">{{$L('月视图')}}</DropdownItem>
-            </DropdownMenu>
-        </Dropdown>
+        <GanttView :lists="lists" :menuWidth="260" :itemWidth="80" @on-change="updateTime" @on-click="clickItem"/>
         <Dropdown class="project-gstc-dropdown-filtr" @on-click="tapProject">
             <Icon class="project-gstc-dropdown-icon" :class="{filtr:filtrProjectId>0}" type="md-funnel" />
             <DropdownMenu slot="list">
@@ -47,22 +38,11 @@
         transform: translateZ(0);
         background-color: #fdfdfd;
         border-radius: 3px;
-        .gantt-schedule-timeline-calendar {
-            background-color: transparent;
-            padding: 12px;
-        }
-        .gantt-schedule-timeline-calendar__list-column-header-resizer-container {
-            line-height: 90px;
-            max-width: 200px;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-        }
-        .project-gstc-dropdown-eye,
+        overflow: hidden;
         .project-gstc-dropdown-filtr {
             position: absolute;
-            top: 46px;
-            left: 276px;
+            top: 38px;
+            left: 222px;
             .project-gstc-dropdown-icon {
                 cursor: pointer;
                 color: #999;
@@ -72,9 +52,6 @@
                 }
             }
         }
-        .project-gstc-dropdown-eye {
-            left: 238px;
-        }
         .project-gstc-close {
             position: absolute;
             top: 8px;
@@ -161,29 +138,16 @@
             }
         }
     }
-    .gantt-notice-box {
-        .ivu-notice-desc-btn {
-            margin-top: 6px;
-            text-align: right;
-            .ivu-btn {
-                margin-left: 4px;
-                font-size: 13px;
-            }
-        }
-    }
 </style>
 <script>
-    import GSTC from "./GSTC";
-    import ItemMovement from "gantt-schedule-timeline-calendar/dist/ItemMovement.plugin.js"
-    import CalendarScroll from "gantt-schedule-timeline-calendar/dist/CalendarScroll.plugin.js"
-    import WeekendHighlight from "gantt-schedule-timeline-calendar/dist/WeekendHighlight.plugin.js"
+    import GanttView from "../../gantt/index";
 
     /**
      * 甘特图
      */
     export default {
         name: 'ProjectGantt',
-        components: { GSTC },
+        components: {GanttView },
         props: {
             projectLabel: {
                 default: []
@@ -194,12 +158,7 @@
             return {
                 loadFinish: false,
 
-                period: 'day',
-
-                rows: {},
-                items: {},
-
-                config: {},
+                lists: [],
 
                 editColumns: [],
                 editData: [],
@@ -249,21 +208,20 @@
             //
             this.initData();
             this.loadFinish = true;
-            //
-            this.$watch("projectLabel",
-                (projectLabel) => {
+        },
+
+        watch:{
+            projectLabel: {
+                handler() {
                     this.initData();
                 },
-                {deep: true}
-            );
+                deep: true,
+            }
         },
 
         methods: {
             initData() {
-                let isUpdate = this.loadFinish == true;
-                this.rows = {};
-                this.items = {};
-                let index = 0;
+                this.lists = [];
                 this.projectLabel.forEach((item) => {
                     if (this.filtrProjectId > 0) {
                         if (item.id != this.filtrProjectId) {
@@ -271,7 +229,6 @@
                         }
                     }
                     item.taskLists.forEach((taskData) => {
-                        index++;
                         let notime = taskData.startdate == 0 || taskData.enddate == 0;
                         let times = this.getTimeObj(taskData);
                         let start = times.start;
@@ -292,36 +249,24 @@
                             }
                         }
                         //
-                        let label = `<div class="gantt-schedule-timeline-calendar-title${taskData.complete?' complete-title':''}">${this.html2Escape(taskData.title)}</div>`;
-                        if (taskData.overdue) {
-                            label = `<div class="gantt-schedule-timeline-calendar-overdue"><em>${this.$L('已超期')}</em></div>${label}`;
-                        }
-                        label = `${label}<div class="gantt-schedule-timeline-calendar-goto"></div>`;
-                        this.rows[index] = {
-                            id: index,
-                            label: label,
-                            taskId: taskData.id,
-                            complete: taskData.complete,
-                            overdue: taskData.overdue,
-                        };
                         let tempTime = { start, end };
                         let findData = this.editData.find((t) => { return t.id == taskData.id });
                         if (findData) {
                             findData.backTime = $A.cloneData(tempTime)
                             tempTime = $A.cloneData(findData.newTime);
                         }
-                        this.items[taskData.id] = {
-                            rowId: index,
+                        //
+                        this.lists.push({
                             id: taskData.id,
                             label: taskData.title,
                             time: tempTime,
                             notime: notime,
                             style: { background: color },
-                        };
+                        });
                     });
                 });
                 //
-                if (Object.keys(this.rows).length == 0 && this.filtrProjectId == 0) {
+                if (this.lists.length == 0 && this.filtrProjectId == 0) {
                     this.$Modal.warning({
                         title: this.$L("温馨提示"),
                         content: this.$L('任务列表为空，请先添加任务。'),
@@ -330,193 +275,36 @@
                         },
                     });
                 }
-                //
-                if (isUpdate) {
-                    this.$refs.gstc.getState().update('config.list.rows', this.rows);
-                    this.$refs.gstc.getState().update('config.chart.items', this.items);
-                    return;
-                }
-                //
-                this.config = {
-                    plugins: [ItemMovement({
-                        moveable: 'x',
-                        resizeable: true,
-                        collisionDetection: true
-                    }), CalendarScroll(), WeekendHighlight()],
-                    height: this.$el.clientHeight - 24,
-                    list: {
-                        toggle: {
-                            display: false
-                        },
-                        rows: this.rows,
-                        columns: {
-                            percent: 100,
-                            resizer: {
-                                inRealTime: true,
-                                dots: 0
-                            },
-                            data: {
-                                label: {
-                                    id: "label",
-                                    data: "label",
-                                    width: 300,
-                                    isHTML: true,
-                                    header: {
-                                        content: this.$L("任务名称")
-                                    }
-                                }
-                            }
-                        }
-                    },
-                    chart: {
-                        time: {
-                            period: 'day',
-                            additionalSpaces: {
-                                hour: { before: 24, after: 24, period: 'hour' },
-                                day: { before: 1, after: 1, period: 'month' },
-                                week: { before: 1, after: 1, period: 'year' },
-                                month: { before: 6, after: 6, period: 'year' },
-                                year: { before: 12, after: 12, period: 'year' }
-                            }
-                        },
-                        items: this.items
-                    },
-                    actions: {
-                        "list-column-row": [this.actionRow],
-                        'chart-timeline-items-row-item': [this.actionResizing]
-                    },
-                    locale: this.getLanguage() == 'en' ? {} : {
-                        name: "zh-cn",
-                        weekdays: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],
-                        weekdaysShort: ["周日", "周一", "周二", "周三", "周四", "周五", "周六"],
-                        weekdaysMin: ["日", "一", "二", "三", "四", "五", "六"],
-                        months: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
-                        monthsShort: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
-                        ordinal: function(t, e) {
-                            switch (e) {
-                                case "W":
-                                    return "".concat(t, "周");
-                                default:
-                                    return "".concat(t, "日")
-                            }
-                        },
-                        weekStart: 1,
-                        yearStart: 4,
-                        formats: {
-                            LT: "HH:mm",
-                            LTS: "HH:mm:ss",
-                            L: "YYYY/MM/DD",
-                            LL: "YYYY年M月D日",
-                            LLL: "YYYY年M月D日Ah点mm分",
-                            LLLL: "YYYY年M月D日ddddAh点mm分",
-                            l: "YYYY/M/D",
-                            ll: "YYYY年M月D日",
-                            lll: "YYYY年M月D日 HH:mm",
-                            llll: "YYYY年M月D日dddd HH:mm"
-                        },
-                        relativeTime: {
-                            future: "%s内",
-                            past: "%s前",
-                            s: "几秒",
-                            m: "1 分钟",
-                            mm: "%d 分钟",
-                            h: "1 小时",
-                            hh: "%d 小时",
-                            d: "1 天",
-                            dd: "%d 天",
-                            M: "1 个月",
-                            MM: "%d 个月",
-                            y: "1 年",
-                            yy: "%d 年"
-                        },
-                    },
-                };
             },
 
-            actionRow(element, data) {
-                let onClick = (event) => {
-                    //打开任务
-                    let id = this.rows[data.rowId].taskId;
-                    if (event.target.className == 'gantt-schedule-timeline-calendar-goto') {
-                        id && this.$refs.gstc.getGstc().api.scrollToTime(this.items[id].time.start)
+            updateTime(item) {
+                let original = this.getRawTime(item.id);
+                if (Math.abs(original.end - item.time.end) > 1000 || Math.abs(original.start - item.time.start) > 1000) {
+                    //修改时间（变化超过1秒钟)
+                    let backTime = $A.cloneData(original);
+                    let newTime = $A.cloneData(item.time);
+                    let findData = this.editData.find(({id}) => id == item.id);
+                    if (findData) {
+                        findData.newTime = newTime;
                     } else {
-                        id && this.taskDetail(id);
+                        this.editData.push({
+                            id: item.id,
+                            label: item.label,
+                            notime: item.notime,
+                            backTime,
+                            newTime,
+                        })
                     }
                 }
-                element.addEventListener('click', onClick);
-                return {
-                    update(element, newData) {
-                        data = newData;
-                    },
-                    destroy(element, data) {
-                        element.removeEventListener('click', onClick);
-                    }
-                };
             },
 
-            actionResizing(element, data) {
-                let thas = this;
-                return {
-                    update(element, newData) {
-                        data = newData;
-                        if (data.item.isResizing) {
-                            let original = thas.getRawTime(data.item.id);
-                            if (Math.abs(original.end - data.item.time.end) > 1000 || Math.abs(original.start - data.item.time.start) > 1000) {
-                                //修改时间（变化超过1秒钟)
-                                let backTime = $A.cloneData(original);
-                                let newTime = $A.cloneData(data.item.time);
-                                let findData = thas.editData.find((item) => { return item.id == data.item.id });
-                                if (findData) {
-                                    findData.newTime = newTime;
-                                } else {
-                                    thas.editData.push({
-                                        id: data.item.id,
-                                        label: data.item.label,
-                                        notime: data.item.notime,
-                                        backTime,
-                                        newTime,
-                                    })
-                                }
-                            }
-                        }
-                    }
-                };
-            },
-
-            getRawTime(taskId) {
-                let times = null;
-                this.projectLabel.some((item) => {
-                    item.taskLists.some((taskData) => {
-                        if (taskData.id == taskId) {
-                            times = this.getTimeObj(taskData);
-                            return true;
-                        }
-                    });
-                    if (times) {
-                        return true;
-                    }
-                });
-                return times;
-            },
-
-            getTimeObj(taskData) {
-                let start = taskData.startdate || taskData.indate;
-                let end = taskData.enddate || (taskData.indate + 86400);
-                if (end == start) {
-                    end = Math.round(new Date($A.formatDate('Y-m-d 23:59:59', end)).getTime()/1000);
-                }
-                end = Math.max(end, start + 60);
-                start*= 1000;
-                end*= 1000;
-                return {start, end};
+            clickItem(item) {
+                this.taskDetail(item.id);
             },
 
             editSubmit(save) {
                 let triggerTask = [];
                 this.editData.forEach((item) => {
-                    if (!this.items[item.id]) {
-                        return;
-                    }
                     if (save) {
                         this.editLoad++;
                         let timeStart = $A.formatDate('Y-m-d H:i', Math.round(item.newTime.start / 1000));
@@ -531,8 +319,12 @@
                             method: 'post',
                             data: ajaxData,
                             error: () => {
-                                this.items[item.id].time = item.backTime;
-                                this.$refs.gstc.updateTime(item.id, item.backTime);
+                                this.lists.some((task) => {
+                                    if (task.id == item.id) {
+                                        this.$set(task, 'time', item.backTime);
+                                        return true;
+                                    }
+                                });
                             },
                             success: (res) => {
                                 if (res.ret === 1) {
@@ -543,8 +335,12 @@
                                         data: res.data,
                                     })
                                 } else {
-                                    this.items[item.id].time = item.backTime;
-                                    this.$refs.gstc.updateTime(item.id, item.backTime);
+                                    this.lists.some((task) => {
+                                        if (task.id == item.id) {
+                                            this.$set(task, 'time', item.backTime);
+                                            return true;
+                                        }
+                                    });
                                 }
                             },
                             afterComplete: () => {
@@ -561,39 +357,49 @@
                             },
                         });
                     } else {
-                        this.items[item.id].time = item.backTime;
-                        this.$refs.gstc.updateTime(item.id, item.backTime);
+                        this.lists.some((task) => {
+                            if (task.id == item.id) {
+                                this.$set(task, 'time', item.backTime);
+                                return true;
+                            }
+                        })
                     }
                 });
                 this.editData = [];
             },
 
-            emitState(GSTCState) {
-                GSTCState.subscribe('config.plugin.ItemMovement.item', data => {
-                    if (!data) return;
-                    GSTCState.update(`config.chart.items.${data.id}.isResizing`, !(data.waiting || data.moving || data.resizing));
+            getRawTime(taskId) {
+                let times = null;
+                this.projectLabel.some((item) => {
+                    item.taskLists.some((taskData) => {
+                        if (taskData.id == taskId) {
+                            times = this.getTimeObj(taskData);
+                            return true;
+                        }
+                    });
+                    if (times) {
+                        return true;
+                    }
                 });
+                return times;
             },
 
-            tapView(e) {
-                if ("now" === e) {
-                    var i = this.$refs.gstc.getGstc()
-                    return i.api.scrollToTime(i.api.time.date().valueOf())
+            getTimeObj(taskData) {
+                let start = taskData.startdate || taskData.indate;
+                let end = taskData.enddate || (taskData.indate + 86400);
+                if (end == start) {
+                    end = Math.round(new Date($A.formatDate('Y-m-d 23:59:59', end)).getTime()/1000);
                 }
-                this.period = e;
-                this.$refs.gstc.setPeriod(e);
+                end = Math.max(end, start + 60);
+                start*= 1000;
+                end*= 1000;
+                return {start, end};
             },
 
             tapProject(e) {
                 this.filtrProjectId = $A.runNum(e);
                 this.initData();
             },
-
-            html2Escape(sHtml) {
-                return sHtml.replace(/[<>&"]/g, function (c) {
-                    return {'<': '&lt;', '>': '&gt;', '&': '&amp;', '"': '&quot;'}[c];
-                });
-            }
         }
     }
 </script>