Pārlūkot izejas kodu

zbytest003-2025-02-18 07:19:26

genlitex 2 mēneši atpakaļ
vecāks
revīzija
a3df0c427a

+ 1 - 0
dist/assets/NewPageView-DO4oXGtO.js

@@ -0,0 +1 @@
+import{_ as c,c as l,a as e,F as u,r as p,w as m,v as g,o as n,t as r,b as f}from"./index-AnCQ7y-T.js";const _={data(){return{fileList:[{name:"file1.txt"},{name:"file2.txt"}],inputMessage:"",messages:[{sender:"System",content:"你好!请问有什么可以帮助你的?"}],uploadedFiles:[]}},methods:{deleteFile(o){this.fileList.splice(o,1)},sendMessage(){this.inputMessage.trim()&&(this.messages.push({sender:"User",content:this.inputMessage}),this.inputMessage="")},handleFileUpload(o){const s=o.target.files[0];s&&this.uploadedFiles.push({name:s.name})}}},h={class:"page-container"},v={class:"sidebar"},F={class:"file-list"},M=["onClick"],k={class:"main-content"},x={class:"chat-box"},b={class:"messages"},y={class:"uploaded-files"};function w(o,s,U,C,a,d){return n(),l("div",h,[e("div",v,[s[3]||(s[3]=e("div",{class:"requirements"},[e("h2",null,"需求"),e("p",null,"这里是一些需求说明")],-1)),e("ul",F,[(n(!0),l(u,null,p(a.fileList,(t,i)=>(n(),l("li",{key:i},[e("span",null,r(t.name),1),e("button",{onClick:L=>d.deleteFile(i)},"删除",8,M)]))),128))])]),e("div",k,[e("div",x,[s[4]||(s[4]=e("div",{class:"welcome-message"},"欢迎使用本系统!",-1)),m(e("textarea",{"onUpdate:modelValue":s[0]||(s[0]=t=>a.inputMessage=t),placeholder:"请输入消息..."},null,512),[[g,a.inputMessage]]),e("button",{onClick:s[1]||(s[1]=(...t)=>d.sendMessage&&d.sendMessage(...t))},"发送"),e("div",b,[(n(!0),l(u,null,p(a.messages,(t,i)=>(n(),l("div",{key:i},[e("strong",null,r(t.sender)+":",1),f(" "+r(t.content),1)]))),128))]),e("div",y,[(n(!0),l(u,null,p(a.uploadedFiles,(t,i)=>(n(),l("div",{key:i},[e("span",null,r(t.name),1)]))),128))]),e("input",{type:"file",onChange:s[2]||(s[2]=(...t)=>d.handleFileUpload&&d.handleFileUpload(...t))},null,32)])])])}const B=c(_,[["render",w],["__scopeId","data-v-d6b62bc2"]]);export{B as default};

+ 1 - 0
dist/assets/NewPageView-DZdQDQrI.css

@@ -0,0 +1 @@
+.page-container[data-v-d6b62bc2]{display:flex;height:100vh}.sidebar[data-v-d6b62bc2]{width:250px;background-color:#f0f2f5;padding:20px}.requirements[data-v-d6b62bc2]{margin-bottom:20px}.file-list[data-v-d6b62bc2]{list-style-type:none;padding:0}.file-list li[data-v-d6b62bc2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.main-content[data-v-d6b62bc2]{flex-grow:1;padding:20px}.chat-box[data-v-d6b62bc2]{border-left:1px solid #ddd;padding-left:20px}.welcome-message[data-v-d6b62bc2]{font-weight:700;margin-bottom:20px}textarea[data-v-d6b62bc2]{width:calc(100% - 20px);height:100px;margin-bottom:10px;border-radius:4px;box-shadow:0 2px 4px #0000001a}button[data-v-d6b62bc2]{border-radius:4px;box-shadow:0 2px 4px #0000001a}.uploaded-files[data-v-d6b62bc2]{margin-top:20px}

Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 5 - 0
dist/assets/index-AnCQ7y-T.js


Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 0 - 0
dist/assets/index-BtM_Gz6j.css


Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 0 - 4
dist/assets/index-malWbV8K.js


+ 2 - 2
dist/index.html

@@ -4,8 +4,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Prototype Design</title>
-    <script type="module" crossorigin src="/prototype/3000/assets/index-malWbV8K.js"></script>
-    <link rel="stylesheet" crossorigin href="/prototype/3000/assets/index-Btspm7_H.css">
+    <script type="module" crossorigin src="/ide/proxy/6001/assets/index-AnCQ7y-T.js"></script>
+    <link rel="stylesheet" crossorigin href="/ide/proxy/6001/assets/index-BtM_Gz6j.css">
   </head>
   <body>
     <div id="app"></div>

BIN
src/assets/img/a.png


+ 5 - 0
src/router/index.js

@@ -6,6 +6,11 @@ const routes = [
     path: '/',
     name: 'home',
     component: HomeView
+  },
+  {
+    path: '/newpage',
+    name: 'NewPage',
+    component: () => import('../views/NewPageView.vue')
   }
 ]
 

+ 130 - 0
src/views/NewPageView.vue

@@ -0,0 +1,130 @@
+<template>
+  <div class="page-container">
+    <div class="sidebar">
+      <div class="requirements">
+        <h2>需求</h2>
+        <p>这里是一些需求说明</p>
+      </div>
+      <ul class="file-list">
+        <li v-for="(file, index) in fileList" :key="index">
+          <span>{{ file.name }}</span>
+          <button @click="deleteFile(index)">删除</button>
+        </li>
+      </ul>
+    </div>
+    <div class="main-content">
+      <div class="chat-box">
+        <div class="welcome-message">欢迎使用本系统!</div>
+        <textarea v-model="inputMessage" placeholder="请输入消息..."></textarea>
+        <button @click="sendMessage">发送</button>
+        <div class="messages">
+          <div v-for="(message, index) in messages" :key="index">
+            <strong>{{ message.sender }}:</strong> {{ message.content }}
+          </div>
+        </div>
+        <div class="uploaded-files">
+          <div v-for="(file, index) in uploadedFiles" :key="index">
+            <span>{{ file.name }}</span>
+          </div>
+        </div>
+        <input type="file" @change="handleFileUpload">
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      fileList: [
+        { name: 'file1.txt' },
+        { name: 'file2.txt' }
+      ],
+      inputMessage: '',
+      messages: [
+        { sender: 'System', content: '你好!请问有什么可以帮助你的?' }
+      ],
+      uploadedFiles: []
+    };
+  },
+  methods: {
+    deleteFile(index) {
+      this.fileList.splice(index, 1);
+    },
+    sendMessage() {
+      if (this.inputMessage.trim()) {
+        this.messages.push({ sender: 'User', content: this.inputMessage });
+        this.inputMessage = '';
+      }
+    },
+    handleFileUpload(event) {
+      const file = event.target.files[0];
+      if (file) {
+        this.uploadedFiles.push({ name: file.name });
+      }
+    }
+  }
+};
+</script>
+
+<style scoped>
+.page-container {
+  display: flex;
+  height: 100vh;
+}
+
+.sidebar {
+  width: 250px;
+  background-color: #f0f2f5;
+  padding: 20px;
+}
+
+.requirements {
+  margin-bottom: 20px;
+}
+
+.file-list {
+  list-style-type: none;
+  padding: 0;
+}
+
+.file-list li {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 10px;
+}
+
+.main-content {
+  flex-grow: 1;
+  padding: 20px;
+}
+
+.chat-box {
+  border-left: 1px solid #ddd;
+  padding-left: 20px;
+}
+
+.welcome-message {
+  font-weight: bold;
+  margin-bottom: 20px;
+}
+
+textarea {
+  width: calc(100% - 20px);
+  height: 100px;
+  margin-bottom: 10px;
+  border-radius: 4px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+button {
+  border-radius: 4px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.uploaded-files {
+  margin-top: 20px;
+}
+</style>

Daži faili netika attēloti, jo izmaiņu fails ir pārāk liels