update

src/assets/icon/liyuan/gerendangan.svg

@@ -0,0 +1,20 @@
+<svg width="106" height="105" viewBox="0 0 106 105" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_3380_909)">
+<rect x="25" y="21" width="28" height="28" rx="4" fill="#0663FE"/>
+<foreignObject x="30" y="25" width="54.6667" height="54.6665"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(2px);clip-path:url(#bgblur_0_3380_909_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="4" d="M75.1582 29.5C76.567 29.5 77.7696 29.9785 78.7305 30.9395C79.6914 31.9005 80.169 33.1029 80.167 34.5117V70.1582C80.167 71.5667 79.6894 72.7695 78.7305 73.7305C77.771 74.6918 76.5672 75.1679 75.1553 75.166L39.5117 75.167C38.1017 75.167 36.8988 74.6897 35.9395 73.7305C34.9801 72.7711 34.5021 71.5677 34.5 70.1562V34.5117C34.5 33.1012 34.978 31.8978 35.9395 30.9385C36.9002 29.9798 38.1025 29.502 39.5107 29.5H75.1582Z" fill="white" fill-opacity="0.7" stroke="white"/>
+<path d="M61.6304 37.189C62.426 37.189 63.1891 37.505 63.7517 38.0676L69.4128 43.7288C69.9754 44.2914 70.2915 45.0544 70.2915 45.8501V65.391C70.2911 65.7815 70.1357 66.1559 69.8594 66.4319C69.5832 66.7079 69.2087 66.8629 68.8182 66.8629H45.0583C44.6686 66.8602 44.2957 66.7043 44.02 66.4289C43.7443 66.1535 43.5881 65.7807 43.585 65.391V38.6608C43.585 37.8477 44.2452 37.189 45.0583 37.189H61.6304ZM56.9382 51.2841C57.922 51.2841 58.8654 50.8933 59.561 50.1977C60.2567 49.502 60.6475 48.5586 60.6475 47.5748C60.6475 46.5911 60.2567 45.6476 59.561 44.952C58.8654 44.2564 57.922 43.8656 56.9382 43.8656C55.9545 43.8656 55.011 44.2564 54.3154 44.952C53.6198 45.6476 53.229 46.5911 53.229 47.5748C53.229 48.5586 53.6198 49.502 54.3154 50.1977C55.011 50.8933 55.9545 51.2841 56.9382 51.2841ZM51.4699 56.3439C50.4448 57.8073 51.8631 59.4444 53.6499 59.4444H60.2266C62.0133 59.4444 63.4317 57.8073 62.4065 56.3439C62.1157 55.9288 61.7766 55.5452 61.3936 55.2021C60.169 54.1048 58.5825 53.4981 56.9382 53.4981C55.2939 53.4981 53.7074 54.1048 52.4828 55.2021C52.0998 55.5452 51.7607 55.9288 51.4699 56.3439Z" fill="black"/>
+</g>
+<defs>
+<filter id="filter0_d_3380_909" x="-5.4" y="-12.4" width="115.8" height="116.467" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="12.2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.168627 0 0 0 0 0.290196 0 0 0 0 0.741176 0 0 0 0.4 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3380_909"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3380_909" result="shape"/>
+</filter>
+<clipPath id="bgblur_0_3380_909_clip_path" transform="translate(-30 -25)"><path d="M75.1582 29.5C76.567 29.5 77.7696 29.9785 78.7305 30.9395C79.6914 31.9005 80.169 33.1029 80.167 34.5117V70.1582C80.167 71.5667 79.6894 72.7695 78.7305 73.7305C77.771 74.6918 76.5672 75.1679 75.1553 75.166L39.5117 75.167C38.1017 75.167 36.8988 74.6897 35.9395 73.7305C34.9801 72.7711 34.5021 71.5677 34.5 70.1562V34.5117C34.5 33.1012 34.978 31.8978 35.9395 30.9385C36.9002 29.9798 38.1025 29.502 39.5107 29.5H75.1582Z"/>
+</clipPath></defs>
+</svg>

src/assets/icon/liyuan/ketangguancha.svg

@@ -0,0 +1,30 @@
+<svg width="106" height="105" viewBox="0 0 106 105" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_3380_925)">
+<rect x="25" y="21" width="28" height="28" rx="4" fill="#0663FE"/>
+<foreignObject x="30" y="25" width="54.6667" height="54.6665"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(2px);clip-path:url(#bgblur_0_3380_925_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="4" d="M75.1582 29.5C76.567 29.5 77.7696 29.9785 78.7305 30.9395C79.6914 31.9005 80.169 33.1029 80.167 34.5117V70.1582C80.167 71.5667 79.6894 72.7695 78.7305 73.7305C77.771 74.6918 76.5672 75.1679 75.1553 75.166L39.5117 75.167C38.1017 75.167 36.8988 74.6897 35.9395 73.7305C34.9801 72.7711 34.5021 71.5677 34.5 70.1562V34.5117C34.5 33.1012 34.978 31.8978 35.9395 30.9385C36.9002 29.9798 38.1025 29.502 39.5107 29.5H75.1582Z" fill="white" fill-opacity="0.7" stroke="white"/>
+<g clip-path="url(#clip1_3380_925)">
+<g clip-path="url(#clip2_3380_925)">
+<path d="M56.922 47.8756C55.6582 47.8488 54.4354 48.3251 53.5228 49.1998C52.6102 50.0745 52.0824 51.2759 52.0556 52.5398C52.0288 53.8036 52.5051 55.0263 53.3798 55.9389C54.2545 56.8516 55.4559 57.3793 56.7198 57.4061C57.9836 57.433 59.2063 56.9566 60.119 56.0819C61.0316 55.2072 61.5593 54.0058 61.5862 52.742C61.613 51.4781 61.1366 50.2554 60.2619 49.3428C59.3872 48.4302 58.1858 47.9024 56.922 47.8756ZM56.6524 60.583C54.546 60.5383 52.5436 59.6587 51.0858 58.1376C49.628 56.6166 48.8341 54.5787 48.8787 52.4723C48.9234 50.366 49.8031 48.3636 51.3241 46.9058C52.8451 45.4479 54.883 44.654 56.9894 44.6987C59.0958 44.7434 61.0981 45.623 62.556 47.1441C64.0138 48.6651 64.8077 50.703 64.763 52.8094C64.7183 54.9158 63.8387 56.9181 62.3177 58.376C60.7966 59.8338 58.7588 60.6277 56.6524 60.583ZM57.0736 40.7277C49.1315 40.5591 42.2441 45.3552 39.3482 52.2701C41.9482 59.3016 48.626 64.3856 56.5681 64.5541C64.5103 64.7226 71.3977 59.9265 74.2936 53.0116C71.6936 45.9801 65.0158 40.8962 57.0736 40.7277Z" fill="black"/>
+</g>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_3380_925" x="-5.4" y="-12.4" width="115.8" height="116.467" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="12.2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.168627 0 0 0 0 0.290196 0 0 0 0 0.741176 0 0 0 0.4 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3380_925"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3380_925" result="shape"/>
+</filter>
+<clipPath id="bgblur_0_3380_925_clip_path" transform="translate(-30 -25)"><path d="M75.1582 29.5C76.567 29.5 77.7696 29.9785 78.7305 30.9395C79.6914 31.9005 80.169 33.1029 80.167 34.5117V70.1582C80.167 71.5667 79.6894 72.7695 78.7305 73.7305C77.771 74.6918 76.5672 75.1679 75.1553 75.166L39.5117 75.167C38.1017 75.167 36.8988 74.6897 35.9395 73.7305C34.9801 72.7711 34.5021 71.5677 34.5 70.1562V34.5117C34.5 33.1012 34.978 31.8978 35.9395 30.9385C36.9002 29.9798 38.1025 29.502 39.5107 29.5H75.1582Z"/>
+</clipPath><clipPath id="clip1_3380_925">
+<rect width="35.6087" height="35.6087" fill="white" transform="translate(39 34)"/>
+</clipPath>
+<clipPath id="clip2_3380_925">
+<rect width="38.8912" height="38.8912" fill="white" transform="translate(37.77 32.4956) rotate(0.206764)"/>
+</clipPath>
+</defs>
+</svg>

src/assets/icon/liyuan/niandukaohe.svg

@@ -0,0 +1,24 @@
+<svg width="106" height="105" viewBox="0 0 106 105" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_3380_904)">
+<rect x="25" y="21" width="28" height="28" rx="4" fill="#0663FE"/>
+<foreignObject x="30" y="25" width="54.6667" height="54.6665"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(2px);clip-path:url(#bgblur_0_3380_904_clip_path);height:100%;width:100%"></div></foreignObject><g data-figma-bg-blur-radius="4">
+<path d="M53.0062 53.0703L57.0123 57.0736C57.4162 57.5147 57.9335 57.7352 58.5645 57.7352C59.1935 57.7352 59.7277 57.5147 60.1669 57.0736L69.8958 47.4005V52.4031C69.8958 52.7642 70.0289 53.0759 70.295 53.3383C70.5612 53.5989 70.8934 53.7292 71.2917 53.7292C71.6527 53.7292 71.9756 53.5961 72.2604 53.33C72.5451 53.0638 72.6875 52.7316 72.6875 52.3333V44.8182C72.6875 44.204 72.4642 43.6754 72.0175 43.2325C71.5727 42.7858 71.0441 42.5625 70.4318 42.5625H62.8469C62.4858 42.5625 62.175 42.7049 61.9145 42.9896C61.6539 43.2744 61.5227 43.5973 61.5208 43.9583C61.5208 44.3566 61.6539 44.6888 61.92 44.955C62.1862 45.2211 62.5184 45.3542 62.9167 45.3542H67.8495L58.5896 54.7397L54.5863 50.7337C54.1453 50.2833 53.6102 50.0581 52.9811 50.0581C52.3502 50.0581 51.8328 50.2833 51.429 50.7337L43.5034 58.6062C43.2317 58.9021 43.0958 59.2399 43.0958 59.6196C43.0958 59.9992 43.2317 60.3194 43.5034 60.5799C43.8012 60.887 44.1399 61.0405 44.5196 61.0405C44.8992 61.0405 45.2194 60.887 45.4799 60.5799L53.0062 53.0703ZM39.5113 74.6667C38.2253 74.6667 37.1524 74.2367 36.2925 73.3769C35.4327 72.5171 35.0019 71.4432 35 70.1553V34.5113C35 33.2253 35.4308 32.1524 36.2925 31.2925C37.1542 30.4327 38.2272 30.0019 39.5113 30H75.1581C76.4423 30 77.5152 30.4308 78.3769 31.2925C79.2386 32.1542 79.6685 33.2272 79.6667 34.5113V70.1581C79.6667 71.4423 79.2367 72.5152 78.3769 73.3769C77.5171 74.2386 76.4432 74.6685 75.1553 74.6667H39.5113Z" fill="white" fill-opacity="0.7"/>
+<path d="M53.0062 53.0703L57.0123 57.0736C57.4162 57.5147 57.9335 57.7352 58.5645 57.7352C59.1935 57.7352 59.7277 57.5147 60.1669 57.0736L69.8958 47.4005V52.4031C69.8958 52.7642 70.0289 53.0759 70.295 53.3383C70.5612 53.5989 70.8934 53.7292 71.2917 53.7292C71.6527 53.7292 71.9756 53.5961 72.2604 53.33C72.5451 53.0638 72.6875 52.7316 72.6875 52.3333V44.8182C72.6875 44.204 72.4642 43.6754 72.0175 43.2325C71.5727 42.7858 71.0441 42.5625 70.4318 42.5625H62.8469C62.4858 42.5625 62.175 42.7049 61.9145 42.9896C61.6539 43.2744 61.5227 43.5973 61.5208 43.9583C61.5208 44.3566 61.6539 44.6888 61.92 44.955C62.1862 45.2211 62.5184 45.3542 62.9167 45.3542H67.8495L58.5896 54.7397L54.5863 50.7337C54.1453 50.2833 53.6102 50.0581 52.9811 50.0581C52.3502 50.0581 51.8328 50.2833 51.429 50.7337L43.5034 58.6062C43.2317 58.9021 43.0958 59.2399 43.0958 59.6196C43.0958 59.9992 43.2317 60.3194 43.5034 60.5799C43.8012 60.887 44.1399 61.0405 44.5196 61.0405C44.8992 61.0405 45.2194 60.887 45.4799 60.5799L53.0062 53.0703Z" fill="black"/>
+<path d="M75.1582 29.5C76.567 29.5 77.7696 29.9785 78.7305 30.9395C79.6914 31.9005 80.169 33.1029 80.167 34.5117V70.1582C80.167 71.5667 79.6894 72.7695 78.7305 73.7305C77.771 74.6918 76.5672 75.1679 75.1553 75.166L39.5117 75.167C38.1017 75.167 36.8988 74.6897 35.9395 73.7305C34.9801 72.7711 34.5021 71.5677 34.5 70.1562V34.5117C34.5 33.1012 34.978 31.8978 35.9395 30.9385C36.9002 29.9798 38.1025 29.502 39.5107 29.5H75.1582Z" stroke="white"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_3380_904" x="-5.4" y="-12.4" width="115.8" height="116.467" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="12.2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.168627 0 0 0 0 0.290196 0 0 0 0 0.741176 0 0 0 0.4 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3380_904"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3380_904" result="shape"/>
+</filter>
+<clipPath id="bgblur_0_3380_904_clip_path" transform="translate(-30 -25)"><path d="M53.0062 53.0703L57.0123 57.0736C57.4162 57.5147 57.9335 57.7352 58.5645 57.7352C59.1935 57.7352 59.7277 57.5147 60.1669 57.0736L69.8958 47.4005V52.4031C69.8958 52.7642 70.0289 53.0759 70.295 53.3383C70.5612 53.5989 70.8934 53.7292 71.2917 53.7292C71.6527 53.7292 71.9756 53.5961 72.2604 53.33C72.5451 53.0638 72.6875 52.7316 72.6875 52.3333V44.8182C72.6875 44.204 72.4642 43.6754 72.0175 43.2325C71.5727 42.7858 71.0441 42.5625 70.4318 42.5625H62.8469C62.4858 42.5625 62.175 42.7049 61.9145 42.9896C61.6539 43.2744 61.5227 43.5973 61.5208 43.9583C61.5208 44.3566 61.6539 44.6888 61.92 44.955C62.1862 45.2211 62.5184 45.3542 62.9167 45.3542H67.8495L58.5896 54.7397L54.5863 50.7337C54.1453 50.2833 53.6102 50.0581 52.9811 50.0581C52.3502 50.0581 51.8328 50.2833 51.429 50.7337L43.5034 58.6062C43.2317 58.9021 43.0958 59.2399 43.0958 59.6196C43.0958 59.9992 43.2317 60.3194 43.5034 60.5799C43.8012 60.887 44.1399 61.0405 44.5196 61.0405C44.8992 61.0405 45.2194 60.887 45.4799 60.5799L53.0062 53.0703ZM39.5113 74.6667C38.2253 74.6667 37.1524 74.2367 36.2925 73.3769C35.4327 72.5171 35.0019 71.4432 35 70.1553V34.5113C35 33.2253 35.4308 32.1524 36.2925 31.2925C37.1542 30.4327 38.2272 30.0019 39.5113 30H75.1581C76.4423 30 77.5152 30.4308 78.3769 31.2925C79.2386 32.1542 79.6685 33.2272 79.6667 34.5113V70.1581C79.6667 71.4423 79.2367 72.5152 78.3769 73.3769C77.5171 74.2386 76.4432 74.6685 75.1553 74.6667H39.5113Z"/>
+<path d="M53.0062 53.0703L57.0123 57.0736C57.4162 57.5147 57.9335 57.7352 58.5645 57.7352C59.1935 57.7352 59.7277 57.5147 60.1669 57.0736L69.8958 47.4005V52.4031C69.8958 52.7642 70.0289 53.0759 70.295 53.3383C70.5612 53.5989 70.8934 53.7292 71.2917 53.7292C71.6527 53.7292 71.9756 53.5961 72.2604 53.33C72.5451 53.0638 72.6875 52.7316 72.6875 52.3333V44.8182C72.6875 44.204 72.4642 43.6754 72.0175 43.2325C71.5727 42.7858 71.0441 42.5625 70.4318 42.5625H62.8469C62.4858 42.5625 62.175 42.7049 61.9145 42.9896C61.6539 43.2744 61.5227 43.5973 61.5208 43.9583C61.5208 44.3566 61.6539 44.6888 61.92 44.955C62.1862 45.2211 62.5184 45.3542 62.9167 45.3542H67.8495L58.5896 54.7397L54.5863 50.7337C54.1453 50.2833 53.6102 50.0581 52.9811 50.0581C52.3502 50.0581 51.8328 50.2833 51.429 50.7337L43.5034 58.6062C43.2317 58.9021 43.0958 59.2399 43.0958 59.6196C43.0958 59.9992 43.2317 60.3194 43.5034 60.5799C43.8012 60.887 44.1399 61.0405 44.5196 61.0405C44.8992 61.0405 45.2194 60.887 45.4799 60.5799L53.0062 53.0703Z"/>
+</clipPath></defs>
+</svg>

src/components/pages/liyuan/components/card.vue

@@ -0,0 +1,76 @@
+<template>
+    <div class="card" @click="goTo()">
+        <div class="card-title">{{ title }}</div>
+        <div class="card-icon">
+            <img :src="icon" alt="">
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        title: {
+            type: String,
+        },
+        icon: {
+            type: String,
+        },
+        to: {
+            type: String,
+        },
+        type: {
+            type: Number,
+        },
+    },
+    data() {
+        return {
+            userid: this.$route.query.userid,
+            oid: this.$route.query.oid,
+            org: this.$route.query.org,
+            role: this.$route.query.role,
+        }
+    },
+    methods: {
+        goTo() {
+            if (this.type == 1) {
+                this.$router.push({ path: this.to, query: { userid: this.userid, oid: this.oid, org: this.org, role: this.role, gotype: 1 } })
+            } else {
+                window.location.href = this.to;
+            }
+        }
+    },
+}
+</script>
+
+<style scoped>
+.card {
+    background: #fff;
+    border-radius: 10px;
+    cursor: pointer;
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-end;
+    width: 100%;
+    padding: 20px ;
+    box-shadow: 0px 4px 10px 0px #0000001A;
+    transition: all .3s;
+    box-sizing: border-box;
+}
+
+.card:hover{
+    background: #e6e6e6;
+}
+
+.card > .card-title {}
+
+.card > .card-icon {
+    display: flex;
+}
+
+.card > .card-icon > img{
+    width: 85px;
+    margin-bottom: -20px;
+    margin-right: -20px;
+}
+</style>

src/components/pages/liyuan/teacherDevelop.vue

@@ -1,18 +1,29 @@
 <template>
   <div class="teacherDevelop">
     <topBar title="教师发展" detail="资料收集 · 智能表单 · 教师管理 · 会议妙计"></topBar>
-
+    <div class="cardBox">
+      <card v-for="item in cardArray" :key="item.title" :title="item.title" :icon="item.icon" :to="item.to" :type="item.type"></card>
+    </div>
   </div>
 </template>
 
 <script>
 import topBar from './components/topBar'
+import card from './components/card.vue';
 export default {
   components: {
     topBar,
+    card
   },
   data() {
     return {
+      cardArray: [
+        { title: '年度考核', icon: require('../../../assets/icon/liyuan/niandukaohe.svg'), type: 1, to: "/course" },
+        { title: '个人档案', icon: require('../../../assets/icon/liyuan/gerendangan.svg'), type: 1, to: "/course" },
+        { title: '教师画像', icon: require('../../../assets/icon/liyuan/jiaoshihuaxiang.svg'), type: 1, to: "/course" },
+        { title: '课堂观察', icon: require('../../../assets/icon/liyuan/ketangguancha.svg'), type: 1, to: "/course" },
+        { title: '智能表单', icon: require('../../../assets/icon/liyuan/zhinengbiaodan.svg'), type: 1, to: "/course" },
+      ]
     }
   },
 }
@@ -26,5 +37,11 @@ export default {
   box-sizing: border-box;
 }
 
-
+.cardBox{
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  gap: 20px;
+  width: 100%;
+  margin-top: 20px;
+}
 </style>