style:多图显示优化

assets/FollowDrawer-B8Ow1CuF.css

@@ -0,0 +1 @@
+.follow-div{&[data-v-11111c9d]{font-size:14px}.el-col{&[data-v-11111c9d]{margin-bottom:10px}label[data-v-11111c9d]{font-weight:700;margin-right:5px}}}

assets/FollowDrawer-C3II6JjK.css

@@ -1 +0,0 @@
-.follow-div{&[data-v-e431da2d]{font-size:14px}.el-col{&[data-v-e431da2d]{margin-bottom:10px}label[data-v-e431da2d]{font-weight:700;margin-right:5px}}}

assets/canteenApi-3pL_bFBg.js

@@ -1 +1 @@
-import{e as t}from"./index-D97FM2vD.js";class a{static list(a){return t.post({url:"canteen/list",params:a})}static info(a){return t.post({url:"canteen/info",params:{id:a}})}static add(a){return t.post({url:"canteen/add",params:a})}static updateAttr(a){return t.post({url:"canteen/updateAttr",params:a})}static edit(a){return t.post({url:"canteen/edit",params:a})}static delete(a){return t.post({url:"canteen/delete",params:a})}}export{a as c};
+import{e as t}from"./index-LxfY3kJI.js";class a{static list(a){return t.post({url:"canteen/list",params:a})}static info(a){return t.post({url:"canteen/info",params:{id:a}})}static add(a){return t.post({url:"canteen/add",params:a})}static updateAttr(a){return t.post({url:"canteen/updateAttr",params:a})}static edit(a){return t.post({url:"canteen/edit",params:a})}static delete(a){return t.post({url:"canteen/delete",params:a})}}export{a as c};

assets/companyApi-D4nHMCby.js

@@ -1 +1 @@
-import{e as t}from"./index-D97FM2vD.js";class a{static list(a){return t.post({url:"company/list",params:a})}static info(a){return t.post({url:"company/info",params:{id:a}})}static add(a){return t.post({url:"company/add",params:a})}static updateAttr(a){return t.post({url:"company/updateAttr",params:a})}static edit(a){return t.post({url:"company/edit",params:a})}static delete(a){return t.post({url:"company/delete",params:a})}}export{a as c};
+import{e as t}from"./index-LxfY3kJI.js";class a{static list(a){return t.post({url:"company/list",params:a})}static info(a){return t.post({url:"company/info",params:{id:a}})}static add(a){return t.post({url:"company/add",params:a})}static updateAttr(a){return t.post({url:"company/updateAttr",params:a})}static edit(a){return t.post({url:"company/edit",params:a})}static delete(a){return t.post({url:"company/delete",params:a})}}export{a as c};

assets/schoolApi-DQGPzFO4.js

@@ -1 +1 @@
-import{e as t}from"./index-D97FM2vD.js";class s{static list(s){return t.post({url:"school/list",params:s})}static info(s){return t.post({url:"school/info",params:{id:s}})}static add(s){return t.post({url:"school/add",params:s})}static updateAttr(s){return t.post({url:"school/updateAttr",params:s})}static edit(s){return t.post({url:"school/edit",params:s})}static delete(s){return t.post({url:"school/delete",params:s})}}export{s};
+import{e as t}from"./index-LxfY3kJI.js";class s{static list(s){return t.post({url:"school/list",params:s})}static info(s){return t.post({url:"school/info",params:{id:s}})}static add(s){return t.post({url:"school/add",params:s})}static updateAttr(s){return t.post({url:"school/updateAttr",params:s})}static edit(s){return t.post({url:"school/edit",params:s})}static delete(s){return t.post({url:"school/delete",params:s})}}export{s};

assets/user-dialog-jmqC22U1.js

@@ -1 +1 @@
-import{_ as e}from"./user-dialog.vue_vue_type_script_setup_true_lang-BBm6dAQz.js";import"./index-D97FM2vD.js";import"./vendor-C0fQtjEp.js";/* empty css                   *//* empty css                  *//* empty css                *//* empty css               *//* empty css                  *//* empty css                     */import"./el-form-item-l0sNRNKZ.js";/* empty css                 *//* empty css                   */export{e as default};
+import{_ as e}from"./user-dialog.vue_vue_type_script_setup_true_lang-4KcaApdR.js";import"./index-LxfY3kJI.js";import"./vendor-C0fQtjEp.js";/* empty css                   *//* empty css                  *//* empty css                *//* empty css               *//* empty css                  *//* empty css                     */import"./el-form-item-l0sNRNKZ.js";/* empty css                 *//* empty css                   */export{e as default};

assets/user-dialog-D3YrwLx9.js

@@ -1 +1 @@
-import{_ as t}from"./user-dialog.vue_vue_type_script_setup_true_lang-BHBPy7DP.js";import"./index-D97FM2vD.js";import"./vendor-C0fQtjEp.js";/* empty css                   *//* empty css                  *//* empty css                *//* empty css               *//* empty css                  *//* empty css                     */import"./el-form-item-l0sNRNKZ.js";/* empty css                 */export{t as default};
+import{_ as t}from"./user-dialog.vue_vue_type_script_setup_true_lang-C6-13tcS.js";import"./index-LxfY3kJI.js";import"./vendor-C0fQtjEp.js";/* empty css                   *//* empty css                  *//* empty css                *//* empty css               *//* empty css                  *//* empty css                     */import"./el-form-item-l0sNRNKZ.js";/* empty css                 */export{t as default};

assets/user-dialog-gx7TQuvP.js

@@ -1 +1 @@
-import{_ as t}from"./user-dialog.vue_vue_type_script_setup_true_lang-CJ0PDKT3.js";import"./index-D97FM2vD.js";import"./vendor-C0fQtjEp.js";/* empty css                   *//* empty css                  *//* empty css                *//* empty css               *//* empty css                  *//* empty css                     */import"./el-form-item-l0sNRNKZ.js";/* empty css                 */export{t as default};
+import{_ as t}from"./user-dialog.vue_vue_type_script_setup_true_lang-CJhSIuhv.js";import"./index-LxfY3kJI.js";import"./vendor-C0fQtjEp.js";/* empty css                   *//* empty css                  *//* empty css                *//* empty css               *//* empty css                  *//* empty css                     */import"./el-form-item-l0sNRNKZ.js";/* empty css                 */export{t as default};

assets/user-search-BCraxiXN.js

@@ -1 +0,0 @@
-import{_ as e}from"./user-search.vue_vue_type_script_setup_true_lang-DXPKgQld.js";import"./index-DNA4NqTV.js";import"./index-D97FM2vD.js";import"./vendor-C0fQtjEp.js";/* empty css                 */import"./index-CbiDiZJc.js";import"./_plugin-vue_export-helper-BCo6x5W8.js";import"./city-zj5gw6l3.js";export{e as default};

assets/user-search-BaNLuTJ_.js

@@ -1 +0,0 @@
-import{_ as e}from"./user-search.vue_vue_type_script_setup_true_lang-ZWEAHFOM.js";import"./index-DNA4NqTV.js";import"./index-D97FM2vD.js";import"./vendor-C0fQtjEp.js";/* empty css                 */import"./index-CbiDiZJc.js";import"./_plugin-vue_export-helper-BCo6x5W8.js";export{e as default};

assets/user-search-BhIUYBKp.js

@@ -0,0 +1 @@
+import{_ as e}from"./user-search.vue_vue_type_script_setup_true_lang-BHHc1nHu.js";import"./index-C2wmZfSh.js";import"./index-LxfY3kJI.js";import"./vendor-C0fQtjEp.js";/* empty css                 */import"./index-IbXmLTuM.js";import"./_plugin-vue_export-helper-BCo6x5W8.js";export{e as default};

assets/user-search-Bp1rlR4j.js

@@ -0,0 +1 @@
+import{_ as e}from"./user-search.vue_vue_type_script_setup_true_lang-BxdNGOMn.js";import"./index-C2wmZfSh.js";import"./index-LxfY3kJI.js";import"./vendor-C0fQtjEp.js";/* empty css                 */import"./index-IbXmLTuM.js";import"./_plugin-vue_export-helper-BCo6x5W8.js";export{e as default};

assets/user-search-BtN-XnRh.js

@@ -1 +0,0 @@
-import{_ as e}from"./user-search.vue_vue_type_script_setup_true_lang-Ne4u70RP.js";import"./index-DNA4NqTV.js";import"./index-D97FM2vD.js";import"./vendor-C0fQtjEp.js";/* empty css                 */import"./index-CbiDiZJc.js";import"./_plugin-vue_export-helper-BCo6x5W8.js";export{e as default};

assets/user-search-C4RGtWvR.js

@@ -1 +0,0 @@
-import{_ as e}from"./user-search.vue_vue_type_script_setup_true_lang-BElTYu1z.js";import"./index-DNA4NqTV.js";import"./index-D97FM2vD.js";import"./vendor-C0fQtjEp.js";/* empty css                 */import"./index-CbiDiZJc.js";import"./_plugin-vue_export-helper-BCo6x5W8.js";export{e as default};

assets/user-search-CAxVlD6v.js

@@ -0,0 +1 @@
+import{_ as e}from"./user-search.vue_vue_type_script_setup_true_lang-Dy7zKbAP.js";import"./index-C2wmZfSh.js";import"./index-LxfY3kJI.js";import"./vendor-C0fQtjEp.js";/* empty css                 */import"./index-IbXmLTuM.js";import"./_plugin-vue_export-helper-BCo6x5W8.js";export{e as default};

assets/user-search-CH7V28A1.js

@@ -0,0 +1 @@
+import{_ as e}from"./user-search.vue_vue_type_script_setup_true_lang-DLbzhRJA.js";import"./index-C2wmZfSh.js";import"./index-LxfY3kJI.js";import"./vendor-C0fQtjEp.js";/* empty css                 */import"./index-IbXmLTuM.js";import"./_plugin-vue_export-helper-BCo6x5W8.js";export{e as default};

assets/user-search-CZztcSr8.js

@@ -0,0 +1 @@
+import{_ as e}from"./user-search.vue_vue_type_script_setup_true_lang-4-swf4jQ.js";import"./index-C2wmZfSh.js";import"./index-LxfY3kJI.js";import"./vendor-C0fQtjEp.js";/* empty css                 */import"./index-IbXmLTuM.js";import"./_plugin-vue_export-helper-BCo6x5W8.js";import"./city-zj5gw6l3.js";export{e as default};

assets/user-search-CkOnt4lq.js

@@ -0,0 +1 @@
+import{_ as e}from"./user-search.vue_vue_type_script_setup_true_lang-BkADeHSt.js";import"./index-C2wmZfSh.js";import"./index-LxfY3kJI.js";import"./vendor-C0fQtjEp.js";/* empty css                 */import"./index-IbXmLTuM.js";import"./_plugin-vue_export-helper-BCo6x5W8.js";import"./city-zj5gw6l3.js";export{e as default};

assets/user-search-CsSlseHs.js

@@ -1 +0,0 @@
-import{_ as e}from"./user-search.vue_vue_type_script_setup_true_lang-CXUWQ_Yt.js";import"./index-DNA4NqTV.js";import"./index-D97FM2vD.js";import"./vendor-C0fQtjEp.js";/* empty css                 */import"./index-CbiDiZJc.js";import"./_plugin-vue_export-helper-BCo6x5W8.js";import"./city-zj5gw6l3.js";export{e as default};

assets/user-search-D5k72GaN.js

@@ -0,0 +1 @@
+import{_ as e}from"./user-search.vue_vue_type_script_setup_true_lang-BtKXbeGq.js";import"./index-C2wmZfSh.js";import"./index-LxfY3kJI.js";import"./vendor-C0fQtjEp.js";/* empty css                 */import"./index-IbXmLTuM.js";import"./_plugin-vue_export-helper-BCo6x5W8.js";export{e as default};

assets/user-search-DThUlpG8.js

@@ -1 +0,0 @@
-import{_ as e}from"./user-search.vue_vue_type_script_setup_true_lang-DEPE7So4.js";import"./index-DNA4NqTV.js";import"./index-D97FM2vD.js";import"./vendor-C0fQtjEp.js";/* empty css                 */import"./index-CbiDiZJc.js";import"./_plugin-vue_export-helper-BCo6x5W8.js";export{e as default};

assets/user-search-DW0oKOc2.js

@@ -1 +0,0 @@
-import{_ as e}from"./user-search.vue_vue_type_script_setup_true_lang-CJlaq_zD.js";import"./index-DNA4NqTV.js";import"./index-D97FM2vD.js";import"./vendor-C0fQtjEp.js";/* empty css                 */import"./index-CbiDiZJc.js";import"./_plugin-vue_export-helper-BCo6x5W8.js";export{e as default};

assets/user-search-IX71KLqk.js

@@ -0,0 +1 @@
+import{_ as e}from"./user-search.vue_vue_type_script_setup_true_lang-C6exM3cr.js";import"./index-C2wmZfSh.js";import"./index-LxfY3kJI.js";import"./vendor-C0fQtjEp.js";/* empty css                 */import"./index-IbXmLTuM.js";import"./_plugin-vue_export-helper-BCo6x5W8.js";export{e as default};

assets/user-search-LJCb6NYv.js

@@ -1 +0,0 @@
-import{_ as e}from"./user-search.vue_vue_type_script_setup_true_lang-Cv28A5Fx.js";import"./index-DNA4NqTV.js";import"./index-D97FM2vD.js";import"./vendor-C0fQtjEp.js";/* empty css                 */import"./index-CbiDiZJc.js";import"./_plugin-vue_export-helper-BCo6x5W8.js";export{e as default};

assets/user-search-oDX9B0on.js

@@ -1 +0,0 @@
-import{_ as e}from"./user-search.vue_vue_type_script_setup_true_lang-BiwhFFCh.js";import"./index-DNA4NqTV.js";import"./index-D97FM2vD.js";import"./vendor-C0fQtjEp.js";/* empty css                 */import"./index-CbiDiZJc.js";import"./_plugin-vue_export-helper-BCo6x5W8.js";export{e as default};

assets/user-search-yAUd_T0S.js

@@ -0,0 +1 @@
+import{_ as e}from"./user-search.vue_vue_type_script_setup_true_lang-DbPb2puY.js";import"./index-C2wmZfSh.js";import"./index-LxfY3kJI.js";import"./vendor-C0fQtjEp.js";/* empty css                 */import"./index-IbXmLTuM.js";import"./_plugin-vue_export-helper-BCo6x5W8.js";export{e as default};

index.html

@@ -9,7 +9,7 @@
       content="逐趣CRM - A modern admin dashboard template built with Vue 3, TypeScript, and Element Plus."
     />
     <link rel="shortcut icon" type="image/x-icon" href="/assets/favicon-B33nFcrs.ico" />
-    <script type="module" crossorigin src="/assets/index-D97FM2vD.js"></script>
+    <script type="module" crossorigin src="/assets/index-LxfY3kJI.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/vendor-C0fQtjEp.js">
     <link rel="stylesheet" crossorigin href="/assets/index-D7z-dQEN.css">
   </head>

web/src/components/custom/FollowDrawer.vue

@@ -24,12 +24,16 @@
               <label style="position: relative;top: -10px;">聊天记录:</label>
               <el-image
                   v-if="follow.chat_imgs.length"
+                  v-for="(item, index) in follow.chat_imgs"
+                  :key="index"
                   ref="imageRef"
-                  style="width: 30px; height: 30px"
-                  :src="follow.chat_imgs[0]"
+                  style="width: 50px; height: 50px;margin: 5px"
+                  :src="item"
                   show-progress
+                  :initial-index="index"
                   :preview-src-list="follow.chat_imgs"
                   fit="cover"
+                  preview-teleported
               />
             </el-col>
             <el-col :sm="2">

web/src/views/canteen/follow/index.vue

@@ -116,7 +116,7 @@
               previewSrcList: row.chat_imgs,
               showProgress: true,
               fit: "cover",
-              title: '点击预览全部图片',
+              title: `点击预览全部图片，共${row.chat_imgs.length}张`,
               style: {"max-width": "50px", "max-height": "50px"},
               // 图片预览是否插入至 body 元素上，用于解决表格内部图片预览样式异常
               previewTeleported: true

web/src/views/company/follow/index.vue

@@ -117,7 +117,7 @@
                 previewSrcList: row.chat_imgs,
                 showProgress: true,
                 fit: "cover",
-                title: '点击预览全部图片',
+                title: `点击预览全部图片，共${row.chat_imgs.length}张`,
                 style: {"max-width": "50px", "max-height": "50px"},
                 // 图片预览是否插入至 body 元素上，用于解决表格内部图片预览样式异常
                 previewTeleported: true

web/src/views/school/follow/index.vue

@@ -117,7 +117,7 @@
                 previewSrcList: row.chat_imgs,
                 showProgress: true,
                 fit: "cover",
-                title: '点击预览全部图片',
+                title: `点击预览全部图片，共${row.chat_imgs.length}张`,
                 style: {"max-width": "50px", "max-height": "50px"},
                 // 图片预览是否插入至 body 元素上，用于解决表格内部图片预览样式异常
                 previewTeleported: true