|
|
@@ -30,7 +30,9 @@
|
|
|
<div style="margin-left: 8%;margin-top: 5%;width: 60%;">
|
|
|
{{ item.appTitle }}
|
|
|
</div>
|
|
|
- <img style="width: 90px;height: 90px;margin-left: 0%;margin-top: 8%;border-radius: 12px;" :src="item.appIcon"
|
|
|
+ <img style="width: 90px;height: 90px;margin-left: 0%;margin-top: 8%;border-radius: 12px;" :src="item.appIcon" v-if="item.appIcon"
|
|
|
+ alt="">
|
|
|
+ <img style="width: 90px;height: 90px;margin-left: 0%;margin-top: 8%;border-radius: 12px;" v-if="!item.appIcon" src="@/assets/images/defaultModel.png"
|
|
|
alt="">
|
|
|
</div>
|
|
|
<div>
|
|
|
@@ -72,6 +74,7 @@
|
|
|
:title="title"
|
|
|
v-model="isContentVisible"
|
|
|
width="30%"
|
|
|
+ @close="clearForm"
|
|
|
>
|
|
|
<div>
|
|
|
<el-form ref="formAddref" :model="formAdd" label-width="100px" class="coz-mg-card" :rules="rulesAdd">
|
|
|
@@ -101,7 +104,7 @@
|
|
|
:action="upload.url + '?file=' + upload.updateSupport"
|
|
|
:auto-upload="false"
|
|
|
>
|
|
|
- <el-button @click="clearDefault" plain type="primary" size="mini" style="margin-left:auto;width: 80px;"
|
|
|
+ <el-button slot="trigger" @click="clearDefault" plain type="primary" size="mini" style="margin-left:auto;width: 80px;"
|
|
|
:icon="Upload">上传
|
|
|
</el-button>
|
|
|
</el-upload>
|
|
|
@@ -125,8 +128,10 @@ import {getToken} from '@/utils/auth'
|
|
|
import imagePath from '@/assets/images/defaultModel.png';
|
|
|
import {useStore} from 'vuex';
|
|
|
import router from "@/router/index.js";
|
|
|
+import defaultAvatar from '@/assets/images/defaultModel.png'
|
|
|
|
|
|
const {proxy} = getCurrentInstance();
|
|
|
+const imageUrl = ref(defaultAvatar)
|
|
|
const title = ref()
|
|
|
const heightAll = window.innerHeight
|
|
|
const isContentVisible = ref(false)
|
|
|
@@ -136,7 +141,14 @@ const modelList = ref([])
|
|
|
const total = ref(0)
|
|
|
const hoverIndex = ref(-1)
|
|
|
const uploadRef = ref()
|
|
|
-const fileList = ref([]);
|
|
|
+const fileList = ref([
|
|
|
+ {
|
|
|
+ name: '', // 文件名
|
|
|
+ url: defaultAvatar , // 文件访问URL
|
|
|
+ status: 'ready', // 文件状态:success-上传成功
|
|
|
+ uid: new Date().getTime() // 唯一标识
|
|
|
+ }
|
|
|
+]);
|
|
|
const formAdd = ref({
|
|
|
appTitle: '',
|
|
|
appNote: '',
|
|
|
@@ -178,7 +190,10 @@ function goFlow(item) {
|
|
|
store.commit('setId', item.appId);
|
|
|
proxy.$router.push({path: '/standardization/modeling'});
|
|
|
}
|
|
|
-
|
|
|
+function clearForm(){
|
|
|
+ formAdd.value = {}
|
|
|
+ previewUrl.value = ''
|
|
|
+}
|
|
|
function editModel(item) {
|
|
|
parModel.value = item
|
|
|
isAdd.value = false
|
|
|
@@ -186,10 +201,13 @@ function editModel(item) {
|
|
|
title.value = '修改模型应用'
|
|
|
getModelingById(item.appId).then(res => {
|
|
|
if (res.code === 200) {
|
|
|
+ const parUrl = import.meta.env.VITE_APP_BASE_API
|
|
|
formAdd.value.appTitle = res.data.appTitle
|
|
|
formAdd.value.appNote = res.data.appNote
|
|
|
formAdd.value.appId = res.data.appId
|
|
|
- previewUrl.value = res.data.appIcon ? res.data.appIcon : imagePath;
|
|
|
+ formAdd.value.appIcon = parUrl + res.data.appIcon
|
|
|
+ previewUrl.value = res.data.appIcon ? parUrl + res.data.appIcon : imagePath;
|
|
|
+ console.log(previewUrl.value)
|
|
|
} else {
|
|
|
proxy.$message.error('获取模型详情失败');
|
|
|
}
|
|
|
@@ -203,31 +221,31 @@ function handleBizDataShowConfig(data) {
|
|
|
}
|
|
|
|
|
|
function subEdit() {
|
|
|
- if (parFile.value) {
|
|
|
- formAddref.value.validate(async (valid) => {
|
|
|
- if (valid) {
|
|
|
- formAdd.value.appIcon = '/profile/upload/2025/08/20/defaultModel_20250820173415A032.png'
|
|
|
- editModeling(formAdd.value).then(res => {
|
|
|
- if (res.code === 200) {
|
|
|
- proxy.$message({
|
|
|
- message: '修改成功',
|
|
|
- type: 'success'
|
|
|
- });
|
|
|
- isContentVisible.value = false;
|
|
|
- getList();
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
- } else {
|
|
|
- formAddref.value.validate(async (valid) => {
|
|
|
- if (valid) {
|
|
|
- nextTick(() => {
|
|
|
- uploadRef.value.submit();
|
|
|
- });
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
+ // if (parFile.value) {
|
|
|
+ // formAddref.value.validate(async (valid) => {
|
|
|
+ // if (valid) {
|
|
|
+ // editModeling(formAdd.value).then(res => {
|
|
|
+ // if (res.code === 200) {
|
|
|
+ // proxy.$message({
|
|
|
+ // message: '修改成功',
|
|
|
+ // type: 'success'
|
|
|
+ // });
|
|
|
+ // isContentVisible.value = false;
|
|
|
+ // getList();
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // } else {
|
|
|
+
|
|
|
+ // }
|
|
|
+ formAddref.value.validate(async (valid) => {
|
|
|
+ if (valid) {
|
|
|
+ nextTick(() => {
|
|
|
+ uploadRef.value.submit();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
}
|
|
|
|
|
|
function delModel(item) {
|
|
|
@@ -253,35 +271,40 @@ function delModel(item) {
|
|
|
}
|
|
|
|
|
|
function submitAdd() {
|
|
|
- if (parFile.value) {
|
|
|
- formAddref.value.validate(async (valid) => {
|
|
|
- if (valid) {
|
|
|
- formAdd.value.appIcon = '/profile/upload/2025/10/30/defaultModel_20251030230202A001.png'
|
|
|
- addModeling(formAdd.value).then(res => {
|
|
|
- if (res.code === 200) {
|
|
|
- proxy.$message({
|
|
|
- message: '新增成功',
|
|
|
- type: 'success'
|
|
|
- });
|
|
|
- isContentVisible.value = false;
|
|
|
- getList();
|
|
|
- } else {
|
|
|
- proxy.$message.error('新增失败');
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- } else {
|
|
|
- formAddref.value.validate(async (valid) => {
|
|
|
- if (valid) {
|
|
|
- nextTick(() => {
|
|
|
- uploadRef.value.submit();
|
|
|
- });
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
+ // if (parFile.value) {
|
|
|
+ // formAddref.value.validate(async (valid) => {
|
|
|
+ // if (valid) {
|
|
|
+ // addModeling(formAdd.value).then(res => {
|
|
|
+ // if (res.code === 200) {
|
|
|
+ // proxy.$message({
|
|
|
+ // message: '新增成功',
|
|
|
+ // type: 'success'
|
|
|
+ // });
|
|
|
+ // isContentVisible.value = false;
|
|
|
+ // getList();
|
|
|
+ // } else {
|
|
|
+ // proxy.$message.error('新增失败');
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ // })
|
|
|
|
|
|
+ // } else {
|
|
|
+ // formAddref.value.validate(async (valid) => {
|
|
|
+ // if (valid) {
|
|
|
+ // nextTick(() => {
|
|
|
+ // uploadRef.value.submit();
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ formAddref.value.validate(async (valid) => {
|
|
|
+ if (valid) {
|
|
|
+ nextTick(() => {
|
|
|
+ uploadRef.value.submit();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
}
|
|
|
|
|
|
function handleFileSuccess(response, file, fileList) {
|
|
|
@@ -350,9 +373,14 @@ function getList() {
|
|
|
pageSize: 12,
|
|
|
pageNum: pageNum.value,
|
|
|
}
|
|
|
- getModellist(par).then(response => {
|
|
|
- modelList.value = response.rows
|
|
|
- total.value = response.total
|
|
|
+ const parUrl = import.meta.env.VITE_APP_BASE_API
|
|
|
+ getModellist(par).then(res => {
|
|
|
+ modelList.value = res.rows
|
|
|
+ total.value = res.total
|
|
|
+ modelList.value.forEach(item=>{
|
|
|
+ item.appIcon = parUrl + item.appIcon
|
|
|
+ })
|
|
|
+ console.log(parUrl)
|
|
|
})
|
|
|
}
|
|
|
|