Forráskód Böngészése

ffd文件分片上传

lichunyang 7 hónapja
szülő
commit
a0b3f8d59c

+ 2 - 0
index.html

@@ -12,6 +12,8 @@
   <body>
     <div id="app"></div>
     <script type="module" src="/src/main.ts"></script>
+    <script src="/public/jquery/jquery.min.js"></script>
+    <script src="/public/webuploader/webuploader.min.js"></script>
     <!-- <script type="module" src="./public/static/Build/Build.data"></script>
     <script type="module" src="./public/static/Build/Build.wasm"></script> -->
   </body>

A különbségek nem kerülnek megjelenítésre, a fájl túl nagy
+ 1 - 0
public/jquery/jquery.min.js


A különbségek nem kerülnek megjelenítésre, a fájl túl nagy
+ 0 - 0
public/webuploader/webuploader.min.js


BIN
src/assets/flowimg/ffdFileSave.png


+ 13 - 4
src/views/components/fileuploads.vue

@@ -6,7 +6,9 @@
                     <el-col :span="6"> <div :id="'picker'+upId" class="text_color" >选择文件</div>  </el-col> -->
                     <!-- <el-button :id="'picker'+upId"> {{name}} </el-button> -->
                     <div class="btntext upname wenjian" > {{ gfname}}</div>
-                    <div class="btntext upname" :id="'picker'+upId">{{name}}</div>
+                    <div class="btntext upname" :id="'picker'+upId" style="width:28px;height:24px;">
+                        <img :src="imgSrc" alt="upload icon" class="custom-icon"/>
+                    </div>
                 </el-row>
 
                 <el-row v-for="(fileObj,key) in files" :key="key" class="disflex">
@@ -23,7 +25,7 @@
 </template>
 <script setup>
 import $ from 'jquery' ;
-import WebUploader from 'webuploader';
+// import WebUploader from 'webuploader';
 import store from "@/store";
 import { request, uploadFile } from "@/utils/request";
 import { ElMessage, ElButton, ElDialog } from "element-plus";
@@ -36,13 +38,14 @@ import {
   Star,
 } from '@element-plus/icons-vue'
 const props = defineProps({ 
-         projectId: Number,
+        projectId: Number,
         solverType: String,
         accept:String,
         upId:String,
         name:String,
         namelist:Array,//文件名的集合
-        gfname:String
+        gfname:String,
+        imgSrc:String, // 按钮logo
  });
  let emit = defineEmits(['Gassaddgfid', 'Gassaddbfid'])
 let runupboolen=ref(true);
@@ -319,4 +322,10 @@ color: #fff;
 .webuploader-container .el-icon{
     color: #fff;
 }
+
+.custom-icon {
+    width: 100%; 
+    height: auto; 
+    display: block; 
+}
 </style>

+ 14 - 2
src/views/titlecomponent/ffds.vue

@@ -7,7 +7,18 @@
           :max="20"
           controls-position="right"
           @keydown.enter="keydownenter"
-        />
+        >
+        <template #append>
+          <fileUploads
+          :projectId="123" 
+          solverType="exampleSolver" 
+          accept=".xyz" 
+          upId="uniqueId1" 
+          name="点击选择文件"
+          :imgSrc="imageSrc"
+          />
+        </template>
+        </el-input>
       </el-form-item>
       <el-form-item label="参考坐标系:" :label-width="formLabelWidth1">
         <el-radio-group v-model="radio1">
@@ -56,6 +67,7 @@
 import { ref, onMounted, reactive, provide, nextTick } from "vue"
 import { RouterView, RouterLink, useRouter, useRoute } from "vue-router"
 import myheader from "@/components/header.vue"
+import fileUploads from '../components/fileuploads.vue'
 import { request, uploadFile } from "@/utils/request"
 import { ElMessage, ElButton, ElDialog, ElSelect } from "element-plus"
 import { Edit, CaretBottom } from "@element-plus/icons-vue"
@@ -80,7 +92,7 @@ let youhua = ref({
 let radio1 = ref(0)
 let tableDatacst1 = ref([])
 let tablecstHeaders = ref([]) // 表格列头
-
+const imageSrc = new URL('@/assets/flowimg/ffdFileSave.png', import.meta.url).href;
 const generateTable = () => {
   console.log("generateTable");
 

Nem az összes módosított fájl került megjelenítésre, mert túl sok fájl változott