parent: 8b6d79d1 | 补丁 | 提交 | ignore whitespace
zhangxiao
2024-08-09 96793ed66832fbeb253338a9949c7e5824f87bdd 
fix: 修改登录会话管理样式
9个文件已修改
4个文件已添加
209 ■■■■■ 已修改文件
index.html 2 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/images/icon-chart.png 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/images/icon-logo.png 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/images/icon-user.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/images/image1718085464.webp 补丁 | 查看 | 原始文档 | blame | 历史
src/components/footer/index.vue 2 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/navbar/index.vue 11 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/locale/en-US.ts 2 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/locale/zh-CN.ts 2 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/login/index.vue 11 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/login/locale/zh-CN.ts 4 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/session/sessionManager/components/addSession.vue 10 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/session/sessionRecordsManager/index.vue 165 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 
 index.html


@@ -4,7 +4,7 @@


    <meta charset="UTF-8" />


    <link rel="shortcut icon" type="image/x-icon" href="https://unpkg.byted-static.com/latest/byted/arco-config/assets/favicon.ico">


    <meta name="viewport" content="width=device-width, initial-scale=1.0" />


    <title>大模型平台</title>


    <title>SmartAl大模型平台</title>


  </head>


  <body>


    <div id="app"></div>




 src/assets/images/icon-chart.png




 src/assets/images/icon-logo.png




 src/assets/images/icon-user.jpg




 src/assets/images/image1718085464.webp

Binary files differ



 src/components/footer/index.vue


@@ -1,5 +1,5 @@


<template>


  <a-layout-footer class="footer">大模型平台</a-layout-footer>


  <a-layout-footer class="footer">SmartAl大模型平台</a-layout-footer>


</template>




<script lang="ts" setup></script>




 src/components/navbar/index.vue


@@ -2,15 +2,12 @@


  <div class="navbar">


    <div class="left-side">


      <a-space>


        <img


          alt="logo"


          src="//p3-armor.byteimg.com/tos-cn-i-49unhts6dw/dfdba5317c0c20ce20e64fac803d52bc.svg~tplv-49unhts6dw-image.image"


        />


        <img class="logo" alt="logo" src="@/assets/images/icon-logo.png" />


        <a-typography-title


          :style="{ margin: 0, fontSize: '18px' }"


          :heading="5"


        >


          大模型平台


          SmartAl大模型平台


        </a-typography-title>


        <icon-menu-fold


          v-if="!topMenu && appStore.device === 'mobile'"


@@ -275,6 +272,10 @@


    display: flex;


    align-items: center;


    padding-left: 20px;


    .logo {


      width: 32px;


      height: 32px;


    }


  }




  .center-side {




 src/locale/en-US.ts


@@ -46,7 +46,7 @@


  'menu.profile': 'Profile',


  'menu.visualization': 'Data Visualization',


  'menu.user': 'User Center',


  'menu.arcoWebsite': '大模型平台',


  'menu.arcoWebsite': 'SmartAl大模型平台',


  'menu.faq': 'FAQ',


  'navbar.docs': 'Docs',


  'navbar.action.locale': 'Switch to English',




 src/locale/zh-CN.ts


@@ -50,7 +50,7 @@


  'menu.profile': '详情页',


  'menu.visualization': '数据可视化',


  'menu.user': '个人中心',


  'menu.arcoWebsite': '大模型平台',


  'menu.arcoWebsite': 'SmartAl大模型平台',


  'menu.faq': '常见问题',


  'navbar.docs': '文档中心',


  'navbar.action.locale': '切换为中文',




 src/views/login/index.vue


@@ -1,11 +1,8 @@


<template>


  <div class="container">


    <div class="logo">


      <img


        alt="logo"


        src="//p3-armor.byteimg.com/tos-cn-i-49unhts6dw/dfdba5317c0c20ce20e64fac803d52bc.svg~tplv-49unhts6dw-image.image"


      />


      <div class="logo-text">大模型平台</div>


      <img alt="logo" src="../../assets/images/icon-logo.png" />


      <div class="logo-text">SmartAl大模型平台</div>


    </div>


    <LoginBanner />


    <div class="content">


@@ -66,6 +63,10 @@


      color: var(--color-fill-1);


      font-size: 20px;


    }


    img {


      width: 40px;


      height: 40px;


    }


  }


</style>






 src/views/login/locale/zh-CN.ts


@@ -1,5 +1,5 @@


export default {


  'login.form.title': '大模型平台',


  'login.form.title': 'SmartAl大模型平台',


  'login.form.userName.errMsg': '用户名不能为空',


  'login.form.password.errMsg': '密码不能为空',


  'login.form.login.errMsg': '登录出错，轻刷新重试',


@@ -10,7 +10,7 @@


  'login.form.forgetPassword': '忘记密码',


  'login.form.login': '登录',


  'login.form.register': '注册账号',


  'login.banner.slogan1': '大模型平台',


  'login.banner.slogan1': 'SmartAl大模型平台',


  'login.banner.subSlogan1': '丰富的的页面模板，覆盖大多数典型业务场景',


  'login.banner.slogan2': '内置了常见问题的解决方案',


  'login.banner.subSlogan2': '国际化，路由配置，状态管理应有尽有',




 src/views/session/sessionManager/components/addSession.vue


@@ -4,6 +4,7 @@


  import { addSessionApi, getDialogListApi } from '@/api/session';


  const props = defineProps({


    modalObj: Object,


    dialogId: String,


  });


  const conversation = ref({ dialog_id: '', conversation_desc: '' });


  const dialogList = ref([]);


@@ -12,6 +13,7 @@


    const { code, data } = await getDialogListApi();


    if (code === 200) {


      dialogList.value = data;


      conversation.value.dialog_id = data[0].id;


    }


  };




@@ -64,6 +66,13 @@


  //     )?.name;


  //   }


  // );




  watch(


    () => props.dialogId,


    (newVal, oldVal) => {


      conversation.value.dialog_id = newVal;


    }


  );


</script>




<template>


@@ -81,6 +90,7 @@


            style="width: 80%"


            v-model="conversation.dialog_id"


            placeholder="请选择关联助手"


            disabled


          >


            <a-option


              v-for="dialog in dialogList"




 src/views/session/sessionRecordsManager/index.vue


@@ -1,10 +1,14 @@


<template>


  <div class="container">


    <AddSession :modalObj="modalObj" @addSession="addSession"></AddSession>


    <AddSession


      :modalObj="modalObj"


      @addSession="addSession"


      :dialogId="dialogId"


    ></AddSession>


    <a-card class="top-title">AI会话记录</a-card>


    <a-row :gutter="[5, 5]" style="margin-top: 3px">


      <a-col :span="4">


        <a-card>


      <a-col :span="6">


        <a-card class="left-select">


          <a-select


            v-model="selectValue"


            :options="dialogs"


@@ -34,7 +38,7 @@


          <a-scrollbar


            class="left-list"


            style="


              height: calc(100vh - 250px);


              height: calc(100vh - 350px);


              overflow-y: auto;


              overflow-x: hidden;


            "


@@ -59,7 +63,7 @@


          </a-scrollbar>


        </a-card>


      </a-col>


      <a-col :span="15">


      <a-col :span="18">


        <a-card class="center">


          <div


            v-if="sessionDetailList.length === 0"


@@ -150,45 +154,59 @@


            "


          >


            <div class="chat-item" v-for="sessionDetail in sessionDetailList">


              <a-comment


                v-if="sessionDetail.role === 'user'"


                avatar="https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/3ee5f13fb09879ecb5185e440cef6eb9.png~tplv-uwbnlip3yd-webp.webp"


              >


              <a-comment v-if="sessionDetail.role === 'user'">


                <template #avatar>


                  <img


                    class="icon-user-jpg"


                    src="../../../assets/images/icon-user.jpg"


                    alt="本地图片"


                  />


                </template>


                <template #content>


                  <div>{{ sessionDetail.content }} </div>


                  <div class="chart-user-text"


                    >{{ sessionDetail.content }}


                  </div>


                </template>


              </a-comment>


              <a-comment


                v-else-if="sessionDetail.role === 'assistant'"


                avatar="https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/9eeb1800d9b78349b24682c3518ac4a3.png~tplv-uwbnlip3yd-webp.webp"


              >


              <a-comment v-else-if="sessionDetail.role === 'assistant'">


                <template #avatar>


                  <img


                    class="icon-user-jpg"


                    src="../../../assets/images/icon-chart.png"


                    alt="本地图片"


                  />


                </template>


                <template #content>


                  <a-card


                    class="chat-item-answer"


                    style="background-color: rgba(63, 64, 79, 1)"


                  >


                  <a-card class="chat-item-answer">


                    <div :class="{ light: theme === 'light' }"


                      >{{ sessionDetail.content }}


                    </div>


                  </a-card>


                </template>


              </a-comment>


              <a-comment


                v-else-if="sessionDetail.role === 'last'"


                avatar="https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/9eeb1800d9b78349b24682c3518ac4a3.png~tplv-uwbnlip3yd-webp.webp"


              >


              <a-comment v-else-if="sessionDetail.role === 'last'">


                <template #avatar>


                  <img


                    class="icon-user-jpg"


                    src="../../../assets/images/icon-chart.png"


                    alt="本地图片"


                  />


                </template>


                <template #content>


                  <a-textarea


                    readonly


                    auto-size


                    v-model="displayedText"


                    class="chat-item-answer"


                    style="background-color: rgba(192, 172, 172, 0.88)"


                  >


                  </a-textarea>


                </template>


              </a-comment>


            </div>


            <!-- <div class="chartStart" v-if="isStart" @click="startChat"


              >停止生成</div


            >


            <div class="chartStart v-else" @click="stopChat">重新生成</div> -->


          </a-scrollbar>


          <div class="chat_bottom">


            <div class="center-bottom">


@@ -230,7 +248,7 @@


          </div>


        </a-card>


      </a-col>


      <a-col :span="5">


      <!-- <a-col :span="5">


        <a-card class="right">


          <div class="right-top">


            <div class="right-title">数智库</div>


@@ -248,35 +266,16 @@


            </div>


          </div>


          <div class="right-tag">


            <a-button type="primary" shape="round" size="mini" class="btn"


              >全部


            </a-button>


            <a-button type="outline" shape="round" size="mini" class="btn"


            <a-button type="primary" size="mini" class="btn">全部 </a-button>


            <a-button type="outline" size="mini" class="btn"


              >文档创作


            </a-button>


            <a-button type="outline" shape="round" size="mini" class="btn"


            <a-button type="outline" size="mini" class="btn"


              >知识学习


            </a-button>


            <a-button type="outline" shape="round" size="mini" class="btn"


            <a-button type="outline" size="mini" class="btn"


              >效率提升


            </a-button>


            <!-- <a-space>


              <a-button type="primary" shape="round" size="mini" class="btn"


                >全部


              </a-button>


              <a-button type="outline" shape="round" size="mini" class="btn"


                >文档创作


              </a-button>


              <a-button type="outline" shape="round" size="mini" class="btn"


                >知识学习


              </a-button>


              <a-button type="outline" shape="round" size="mini" class="btn"


                >效率提升


              </a-button>


            </a-space> -->


            <!-- <a-space style="margin-top: 10px">


             


            </a-space> -->


          </div>


          <div class="right-list">


            <div class="right-item">


@@ -308,7 +307,7 @@


            </div>


          </div>


        </a-card>


      </a-col>


      </a-col> -->


    </a-row>


  </div>


</template>


@@ -335,6 +334,7 @@


  const sessionDetailList = ref([]); //根据会话id出来的会话详情


  const sessionList = ref([]); //会话列表


  const modalObj = reactive({ add: false });


  const dialogId = ref('');


  const chatDis = ref(false);


  const loading = ref(false);




@@ -347,6 +347,7 @@


  const fieldNames = { value: 'id', label: 'name' };


  const dialogs = ref([]);


  const selectValue = ref('');


  const sectionList = ref({});


  const DialogList = async () => {


    const { code, data } = await getDialogListApi();


    if (code === 200) {


@@ -357,7 +358,8 @@


      }


    }


  };


  const dialogChange = (value) => {


  const dialogChange = (val) => {


    dialogId.value = val;


    querySessionList();


  };


  const sentClick = (event) => {


@@ -421,7 +423,7 @@


          if (done) {


            console.info('done');


            displayedText.value = '';


            querySessionList();


            querySessionDetail(sectionList.value);


            break;


          }


        }


@@ -431,9 +433,12 @@


      inputMsg.value = '';


    } else {


      Message.warning('消息不能为空');


      chatDis.value = false;


      loading.value = false;


    }


  };


  const querySessionDetail = async (session) => {


    sectionList.value = session;


    activeSessionId.value = session.id;


    const { code, data } = await getSessionDetailsApi(session.id);


    if (code === 200) {


@@ -453,7 +458,7 @@


    const { code, data } = await sessionListApi(selectValue.value);


    if (code === 200) {


      sessionList.value = data;


      activeSessionId.value = data[0].id;


      activeSessionId.value = data[0].id; //默认选择第一个


      querySessionDetail(data[0]);


    } else {


      Message.warning('查询失败');


@@ -499,25 +504,26 @@


    background-color: #ededf5;


  }




  .light {


    color: white !important;


  }




  .dark {


    color: gray !important;


  }




  .container {


    .top-title {


      line-height: 60px;


      font-size: 25px;


      font-family: 黑体;


      line-height: 32px;


      font-size: 16px;


      color: #333;


    }


    .left-select {


      :deep(.arco-select-view-single) {


        border-radius: 5px;


      }


    }




    .center,


    .right {


      box-sizing: border-box;


      height: calc(100vh - 100px);


      height: calc(100vh - 200px);


    }




    .left {


@@ -549,12 +555,23 @@


      }


    }


    .card-btn-1 {


      margin: 10px;


      width: 75%;


      margin: 8px 15px;


      width: 100%;


      border-radius: 5px;


    }




    .card-btn-2 {


      margin: 10px 10px;


    }


    .chat-item-answer {


      box-sizing: border-box;


      background: #f1f1f1;


      border-radius: 14px;


      .light {


        box-sizing: border-box;


        background: #f1f1f1;


        border-radius: 14px;


      }


    }




    .center {


@@ -607,6 +624,13 @@


          }


        }


      }


      .chartStart {


        color: #4955f5;


        cursor: pointer;


        font-family: PingFangSC-Medium;


        font-size: 12px;


        font-weight: 500;


      }


      .chat_bottom {


        display: flex;


        align-items: center;


@@ -636,6 +660,18 @@


        }


      }


    }


    .chat-item {


      padding: 10px 0;


      .chart-user-text {


        font-weight: 600;


        font-size: 14px;


        color: #333;


        margin-top: 4px;


      }


      .icon-user-jpg {


        border: 1px solid #d9d9d9;


      }


    }


    .right {


      .right-top {


        display: flex;


@@ -643,7 +679,6 @@




        .right-title {


          font-size: 25px;


          font-family: 黑体;


          color: black;


        }




@@ -658,8 +693,12 @@


        display: flex;


        justify-content: space-between;


        flex-wrap: wrap;


        :deep(.arco-btn-size-mini.arco-btn-shape-round) {


        :deep(.arco-btn-primary) {


          margin-bottom: 10px !important;


          &:hover {


            background-color: #e9f3ff;


            color: rgb(22, 93, 255);


          }


        }


      }