vue_zhongyou 1.0.7 → 1.0.9

package//345/212/237/350/203/275/344/273/243/347/240/201/AI/345/257/271/350/257/235/newChatCardList.vue

@@ -0,0 +1,202 @@
+<template>
+    <div class="chat-card-list">
+        <div 
+            v-for="item in items" 
+            :key="item.title" 
+            class="chat-card"
+            @click="handleClick(item)"
+        >
+            <div class="title" v-if="item.title">{{ item.title }}</div>
+            <div class="card-header">
+                <div class="left-content">
+                    <div class="subtitle" v-if="item.subtitle">{{ item.subtitle }}</div>
+                </div>
+                <div class="right-content">
+                    <van-tag :type="statusType(item.statusName)">{{ item.statusName }}</van-tag>
+                </div>
+            </div>
+            <div class="card-info" v-if="item.creator || item.createTime">
+                <span class="creator" v-if="item.creator">创建人：{{ item.creator }}</span>
+                <span class="time" v-if="item.dpName">部门：{{ item.dpName }}</span>
+            </div>
+            <div class="depart" v-if="item.createTime">
+                创建日期：{{ item.createTime }}
+            </div>
+            <div class="process-node" v-if="item.currentNode">
+                当前流程：{{ item.currentNode }}
+            </div>
+        </div>
+        <div class="load-more" v-if="showLoadMore && !loading" @click="loadMore">
+    查看更多
+</div>
+<div class="loading" v-if="loading">
+    加载中...
+</div>
+    </div>
+    
+</template>
+
+<script setup>
+import { defineProps, defineEmits, computed } from 'vue'
+const props = defineProps({
+  // 聊天卡片列表
+  items: {
+    type: Array,
+    required: true,
+    default: () => []
+  },
+  // 是否显示"查看更多"按钮
+  showLoadMore: {
+    type: Boolean,
+    default: false
+  },
+  // 每页显示的卡片数量
+  pageSize: {
+    type: Number,
+    default: 10
+  },
+  // 当前页码
+  currentPage: {
+    type: Number,
+    default: 1
+  },
+  // 是否正在加载
+  loading: {
+    type: Boolean,
+    default: false
+  }
+})
+console.log(props);
+
+const emit = defineEmits(['item-click', 'load-more'])
+
+const statusType = (statusName) => {
+    if (['待办','待审'].includes(statusName)) {
+        return 'primary'
+    } else if (['草稿'].includes(statusName)) {
+        return 'info'
+    } else if (['已完成'].includes(statusName)) {
+        return 'success'
+    } else if (['驳回'].includes(statusName)) {
+        return 'danger'
+    } else {
+        return 'default'
+    }
+}
+
+const handleClick = (item) => {
+    emit('item-click', item)
+}
+
+const loadMore = () => {
+    emit('load-more')
+}
+
+</script>
+
+<style lang='scss' scoped>
+
+.chat-card{
+    background: #f7f7f9;
+    border-radius: 12px;
+    overflow: hidden;
+    padding: 12px;
+    box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.1);
+    transition: all 0.3s ease;
+    margin-bottom: 16px;
+    &:active {
+        transform: scale(0.98);
+    }
+    .title {
+        font-size: 16px;
+        font-weight: 500;
+        color: #2c3e50;
+        margin-bottom: 4px;
+        line-height: 1.4;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        
+    }
+    .card-header{
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-end;
+        .left-content{
+                flex:1;
+                .subtitle {
+                    font-size: 13px;
+                    color: #7f8c8d;
+                    line-height: 1.4;
+                }
+        }
+        .right-content{
+            width: 50px;
+        }
+    }
+    
+    .card-info {
+        display: flex;
+        justify-content: space-between;
+        border-top: 1px solid #e1e8ed;
+        font-size: 12px;
+        color: #555;
+        margin-top: 8px;
+        padding: 4px 0;
+        
+        .creator, .time {
+            flex: 1;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+        }
+        
+        .creator {
+            margin-right: 10px;
+        }
+    }
+    
+    .process-node {
+        font-size: 12px;
+        border-radius: 4px;
+        padding: 4px 0px;
+        max-width: calc(100% - 24px);
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+    .depart {
+        font-size: 12px;
+        border-radius: 4px;
+        padding: 4px 0px;
+        max-width: calc(100% - 24px);
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+}
+.load-more {
+    text-align: center;
+    padding: 12px 0;
+    color: #1989fa;
+    font-size: 14px;
+    border-radius: 8px;
+    margin: 16px 0;
+    cursor: pointer;
+    user-select: none;
+    
+    &:active {
+        opacity: 0.8;
+    }
+}
+
+.loading {
+    text-align: center;
+    padding: 12px 0;
+    color: #999;
+    font-size: 14px;
+    margin: 16px 0;
+}
+</style>

package//346/226/207/346/241/243/ai/346/250/241/345/235/227.md

@@ -0,0 +1,33 @@
+### 前端模块
+1、表单模块  
+前端封装一个json表单，根据json内容生产对应表单项  
+例如：
+```js
+[
+    {
+        type: 'input',
+        field: 'title',
+        value: ''
+        label: '公文标题',
+        placeholder: '请输入标题',
+        rules: [
+            { required: true, message: '请输入标题' }
+        ]
+    },
+    {
+        type: 'select',
+        field: 'category',
+        value: 'notice'
+        label: '公文类型',
+        placeholder: '请选择类型',
+        options: [
+            { label: '通知', value: 'notice' },
+            { label: '通报', value: 'circular' },
+            { label: '请示', value: 'request' }
+        ],
+        rules: [{ required: true, message: '请选择类型' }]
+    },
+]
+```
+
+2、卡片模块