-
-
-
-
-
+
diff --git a/src/views/enterpriseLibrary/technical/components/TechnicalForm.vue b/src/views/enterpriseLibrary/technical/components/TechnicalForm.vue
index 381fceb..2ab5a42 100644
--- a/src/views/enterpriseLibrary/technical/components/TechnicalForm.vue
+++ b/src/views/enterpriseLibrary/technical/components/TechnicalForm.vue
@@ -72,7 +72,7 @@ export default {
async getDetail() {
if (this.type === 'edit') {
const res = await getDetailDataAPI({ technicalSolutionTypeId: this.technicalSolutionTypeId,
- technicalSolutionId: this.technicalSolutionId })
+ technicalSolutionId: this.technicalSolutionId,type:'edit' })
console.log('res:', res);
this.detailData = res.data;
}
@@ -216,6 +216,93 @@ export default {
}
}
+// 全局上传动画样式
+.global-upload-animation {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 9999;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ // 动画区域本身可以有点击事件(如果需要)
+ pointer-events: auto;
+
+ .animation-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: rgba(255, 255, 255, 0.6); // 添加半透明背景
+ backdrop-filter: blur(4px);
+
+ // 遮罩层阻止点击
+ pointer-events: auto;
+ }
+
+ .animation-content {
+ position: relative;
+ z-index: 10000;
+ text-align: center;
+ background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);
+ padding: 40px 50px;
+ border-radius: 20px;
+ box-shadow:
+ 0 10px 40px rgba(31, 114, 234, 0.15),
+ 0 0 0 1px rgba(31, 114, 234, 0.1);
+ min-width: 280px;
+ animation: slideInUp 0.3s ease-out;
+
+ // 动画内容可以有点击事件
+ pointer-events: auto;
+
+ .spinner {
+ width: 60px;
+ height: 60px;
+ border: 4px solid #f3f7ff;
+ border-top: 4px solid #1F72EA;
+ border-radius: 50%;
+ animation: spin 1.2s linear infinite;
+ margin: 0 auto 20px;
+ position: relative;
+
+ &::after {
+ content: '';
+ position: absolute;
+ top: -4px;
+ left: -4px;
+ right: -4px;
+ bottom: -4px;
+ border: 4px solid transparent;
+ border-top: 4px solid #4A8BFF;
+ border-radius: 50%;
+ animation: spin 0.8s linear infinite reverse;
+ }
+ }
+
+ .animation-text {
+ font-size: 20px;
+ font-weight: 600;
+ color: #1F72EA;
+ margin-bottom: 8px;
+ background: linear-gradient(135deg, #1F72EA 0%, #4A8BFF 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ background-clip: text;
+ }
+
+ .animation-subtext {
+ font-size: 14px;
+ color: #666;
+ opacity: 0.8;
+ }
+ }
+}
+
.content-body {
margin-top: 20px;
}
diff --git a/src/views/enterpriseLibrary/technical/index.vue b/src/views/enterpriseLibrary/technical/index.vue
index c593cb7..9a71ad4 100644
--- a/src/views/enterpriseLibrary/technical/index.vue
+++ b/src/views/enterpriseLibrary/technical/index.vue
@@ -13,7 +13,7 @@
@category-command="handleCategoryCommand" :enterpriseId="enterpriseId" />
-