Home Explore Help
Register Sign In
CQ_ADI
/
airoptweb
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

ffd文件分片上传

lichunyang 7 months ago
parent
3d3ecb7ee5
commit
a0b3f8d59c
6 changed files with 30 additions and 6 deletions
Unified View Show Diff Stats
  1. 2 0
      index.html
  2. 1 0
      public/jquery/jquery.min.js
  3. 0 0
      public/webuploader/webuploader.min.js
  4. BIN
      src/assets/flowimg/ffdFileSave.png
  5. 13 4
      src/views/components/fileuploads.vue
  6. 14 2
      src/views/titlecomponent/ffds.vue

+ 2 - 0
index.html
View File 

@@ -12,6 +12,8 @@
 
   <body>
 
   <body>
 
     <div id="app"></div>
 
     <div id="app"></div>
 
     <script type="module" src="/src/main.ts"></script>
 
     <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.data"></script>
 
     <script type="module" src="./public/static/Build/Build.wasm"></script> -->
 
     <script type="module" src="./public/static/Build/Build.wasm"></script> -->
 
   </body>
 
   </body>

File diff suppressed because it is too large
+ 1 - 0
public/jquery/jquery.min.js


File diff suppressed because it is too large
+ 0 - 0
public/webuploader/webuploader.min.js


BIN
src/assets/flowimg/ffdFileSave.png
View File


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

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

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

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

Some files were not shown because too many files changed in this diff