From 46c14674275020c3149d549951ee41ff41f72ac0 Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Thu, 11 Sep 2025 13:25:08 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=A7=E5=93=81=E4=B8=AD=E5=BF=83=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97=E6=8E=A5=E5=8F=A3=E8=B0=83=E8=AF=95=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                              |   8 -
 .env.production                               |   8 -
 public/favicon.ico                            | Bin 5663 -> 4617 bytes
 src/api/dataManage/product-center.js          |  28 +-
 src/assets/logo/logo.png                      | Bin 5663 -> 4617 bytes
 src/components/ImagePreview/index.vue         | 162 +++---
 src/components/Pagination/index.vue           | 185 ++++---
 src/components/UploadImgFormData/index.vue    |   5 +
 src/utils/request.js                          | 297 ++++++-----
 src/utils/request_formdata.js                 | 208 ++++++++
 .../components/addAndEditForm.vue             | 462 ++++++++++++++----
 src/views/dataManage/product-center/index.vue | 127 +++--
 12 files changed, 1038 insertions(+), 452 deletions(-)
 create mode 100644 src/utils/request_formdata.js

diff --git a/.env.development b/.env.development
index 36c372a..55b869e 100644
--- a/.env.development
+++ b/.env.development
@@ -1,18 +1,10 @@
 # 页面标题
-<<<<<<< HEAD
-VUE_APP_TITLE = 博诺思公共微服务平台
-=======
 VUE_APP_TITLE = 公共服务平台
->>>>>>> 8bd21926c835e55a8bb041e202098e441d9398f4
 
 # 开发环境配置
 ENV = 'development'
 
-<<<<<<< HEAD
-# 博诺思公共微服务平台/开发环境
-=======
 # 公共服务平台/开发环境
->>>>>>> 8bd21926c835e55a8bb041e202098e441d9398f4
 VUE_APP_BASE_API = '/dev-api'
 
 # 路由懒加载
diff --git a/.env.production b/.env.production
index 714bdd8..7eac2ad 100644
--- a/.env.production
+++ b/.env.production
@@ -1,16 +1,8 @@
 # 页面标题
-<<<<<<< HEAD
-VUE_APP_TITLE = 博诺思公共微服务平台
-=======
 VUE_APP_TITLE = 公共服务平台
->>>>>>> 8bd21926c835e55a8bb041e202098e441d9398f4
 
 # 生产环境配置
 ENV = 'production'
 
-<<<<<<< HEAD
-# 博诺思公共微服务平台/生产环境
-=======
 # 公共服务平台/生产环境
->>>>>>> 8bd21926c835e55a8bb041e202098e441d9398f4
 VUE_APP_BASE_API = '/prod-api'
diff --git a/public/favicon.ico b/public/favicon.ico
index e26376026420542212ed58d90d0ed34f554fa4ae..e3f7c2745417f108e5b012fd35c1056abb428727 100644
GIT binary patch
literal 4617
zcmaJ_cQ{<#yB&-{G8ipN7=zIXF+?9VqD1d4iO~sB5}ja341%Z$Q6iEkA0iP(^hEUD
zJJAM-9vP$Fll#}b_xXPJk8}2O*4cZ%d!P4x)>>!dj0|qkUgEd}0)c3Cv^7nDw)5{r
z4FT@uRuy?55DcWFsb&^L_AA#j#nd^wBcF(rrWPqIEDWO5Q5TIXD2Ri8wzaMQ^x4A8
ztBU*GxcInlj=`|L;GB4W#79?RPk$_0dG)uui>J$6_LOj$OQ}nDwryW86@ytrBwf}+
z#_XKJ$O2VSM0i&)A^60ECFG0ZMB1w~;zGt_Wx}h5ECNZHB*?X{3;jw@9odo&zLz3A
zv`7a-M62xzfuh{0TM#2Ht@a2IcJVrhd<5n*h#2`5U$5H22fhbOmcHa}@e~9#;o6=Y
z`xl_W9hTg3GkabTgbiwbTHK;WE*XdQsj4Q@v>@hpctm_sK+q+Go!C}5xnySye2E$S
z5qL8t?E@ue0s=EdF8*iam2&$g90^SP!Ckw~4_J10RlC7|0v^AVs*t-0g80UZjhEAq
zOKR&^Gu-?i0E?`)spn>iw%BKx;p}5$>AVnSM#EfZ9U)4{UKtzba!1>PBj5d8AEhz2
zB<|y%9&!~Jh`YOdh$!o^qwTOLa@`iW!LC!Cnb7nyHpiC6OrkP0=x62ra*;jkkow~V
zo4bDV=n&6YSR<x3o(;)pc;1(CJt+Hf_!mru!<%V7#OgcL*~Y-v@{-3TX1+;Rk(_#s
z>c|MgBeJM{82*m-u?{lt{84abP6W#>T1FhdVobsNcZOudXw~cBl?BVCaGWCqSA(=j
zgGn%(Dy&7SqQOVuT@RM`m?l<GHIvtq*flxMcUW?m*EZA&pyvH-u&nb>(4V*KV)!7q
zw&Bxm9!tYI(QQzaA4AG0{KsRk$b=u$gl`+dq?1a}JH{X8lNiZNFaNoQ55j=7kjs!9
zr;NgZk7%Z<I&7zChi4le@H}sLfMJlMB709QM~blvz)qrE#6`(t(o-)6(qsDkt$Dv0
zyT5od4C~<GaWjI^>R!pGPt+b{NfO)RzxB2Ux#|oL#0_Lz^D{e+=F<!7_q96<>t$q>
zyMs_8OwAG~hves%Iq#m_zn$;rg!{y4y#(#Jjx!9ROEB<v8WPS6jh|4^Nj2EVCue|h
z$#NgtXp#iMLr-<>{yYskCmV1c^5r#A(9+bsB@bs&=X5~difeO#cNC%v8Mu}@Q^j--
zs!ZbFn4~(Iq^z$hhu}1$2?BDJSmXwRfs1V<BI$%Q9nl|}&zOJVZnhMj_pOj9*VN%p
z+{ZUYyU{N+KOI<DJqV=41%ihZHJ7~L#2W_$q4_1pD_d)wg|fJHeK--avj-Un&m}Y&
zAOjeNt}$W+2WGlDDuws(T$~4ulpJ{~QnH>tQ*=GvF!!0{E2+8StB@WjhqAreHz^7<
z+J*9zGsDHltaRCGVvhaQlo!PH&xfP1@i+zSgpU)Yi@#a6<D=NMUA!mBZbKnScf#L^
za?Ou(f;O!8Qtz_dz$SFw?d9vM!Q1)`9r~H<4Z*h$<Uf+v0z<u5<=(Y;WwK)^S%Ieq
zgu2=Tn?Ni3Rz)!s-l${-I@|S}1)s2N-_S9qtL(Dwjc)Fc()eewF;l+qL{3C}313`~
z`tX7z=7J{Ly2P>AVP5iG@^Ol_YDI91#sVEy@#(~Jg7RkYHbo|TNaR6C%0bAW6t<_m
z`qi>uQ%yq$6kXIt5Y=J{n*2MjZjxy5wg|j7{ve`F3Y)x3dJ}dov{RK`S-z$`Zsp?k
zZ0x%fMe^Qt(IdHA7Cz<9kcoY~U{JDP(6&OEC_agx)HRV`tw8a!ykal}eIC!K;wbWF
z<;+M50^uUbl>LHq)$>BZWc08|HKjphk(Dw)1&5Q41a}&?Qw!&5GL||fNC~yeeG@sd
zoQ3zS=(1VV`7mO2p6q8-<Wqo};NEbPz&wDolpKF8Isk0;G{<tLWLZDNi^w{bp{@E&
zc7vbs+e28f9NB5Sx$ny4pdLVz5|1v|S-b*h@_z%W<!nVuiyvOYfiB9&i6RLAn=#YS
zjr<14c74dz%o<6?R;2CoVojRtv;;R2(^HMk9C{f!UWxcov(l}tbofnMDO}R;Fsl~7
z*K<FqWXF=GBb7Ep>E2$gmHC#xbY_IjB!*sa?-8%{z|dB0D0pZ@J&s!wBb-q?b5M>u
zP0TJXY~lTSDkc_t>KipOi?SQkz0ox=n`X4-f*JL8PqQ4K%(iMB_&OudJfUGp>19?K
z4ey>zEAeoJsWpAqd?;RaT+4_`L0-IW<Cj#XBHMzh*M#4q6S(u`<hlg^&+m4Js5sX8
zm{(<5sw!BvC&!W-rDPHZ?VB2}dm50LJpu)}YNyCi!Pk$oX<I*apqI1q`sVm>o~|jZ
ziWDdJg=IsER7~Fsuh);)@JkrVw44Ct{M+qwHoj4`8msRou~XUfDH>brt=`F6-oNNS
z-#wi(<w3k8H7{_ZYtMGg<;E`QQ*_(K?#LLOY(mVDO232{ZCz<Ssyg<dV(;qtXwfF^
z_IfdQb?;*Gm%f%YI11m|_fdi3qMhWmGj(O!_K^<<f5Db$oR+dy2|rLVx{>cU%*wl;
zs8xH&#*3!|`4qaII1vwm7Mj-^-+v8AkUGwx!2-x;`SjKw%v=^Xbg3y1!N<xFsb)6{
zElSk~Jx<8br|3W|>XHXh`a0XDFf*KAxtvT6E9Q*i4g4yq{d`eUpB^YHc(_)^O~y#I
zc<@vA5FqsLbyTTXDi9GVcY6e@iiQkf!KL6R9Y7@0R9pFBY=FWhrm6lrVm5_HbBfVJ
zEb;;~CuB#N&E5i(@UCIX^8{f0H4li1FE<%mOekXl*WE!jy$DJUXBZCYu_U@#3|0B;
znWD6)iRsdR9(24|fcG1QEt$KellA=$XTZImrv?fx_})JoJX-peviiQygZ5dGZF-s?
zBeES777p>SC93=B3!6|iJ*+0CWJ`02n?{8MJF0h6Di;^sf--vPU$D?jzZ&49aBQch
zKJG`^noc~+b!VwY#Z|9***wBSzv~LKj?s2!I9ql5>$$nY829^4>Wh}cG+@v|jb(n^
zWrb1eKOD3RT^}nqq9{LyQvQfG3@(tU&@=8#%)EQnp3FLN_;n~|Q|ME|LXjuwz7_f8
z)?Dsu4gOx@FS9KuCi{@k`K~-~%SwikyVLC?V`Q3LQ@QD%ibX?G-?0tvb41`7Ui7NY
zsb|JTL{Dk+dPSQ^*0W5AaZq{xV2-q8!xQLoew-#shotY89)%3i(%mzU;I(#snLwY`
zt}@M`d1$AMvYE*|{VGMVQ2RxlYfuOaM;)0MS}q30Ki?jnMtqUwJ|qZ$uq!Sx3>-|6
zYSr%OOX5#}OhaXQhk&+Fzs%U}I#64fVuz#~Ky7*1JX25L0hmIA*1tl)=$osgHmxk{
z+YAE`L^zknq8MPMe*<c-=#~Z0N@{;rj6Ac~2lD?YG{x>SKxt#!pg(~!WNd9?TWWq|
zz)H;ODJGk3!28pzkgm&2kPY2}QwW3BV_(U)DJJnrbnZf4vqz|f_GiNrLwlw91820f
zp)LUSqWI^!_Na_3vCnL}dSlEwM<J<i^WOJm!3yIg-%nQ+4EntvEXclZJp0Xg7%Qo}
zN%5lATi?Fppu*B4C}Lpt2_d=n+4uQoo-2w08gdPf?;Kq{A%rXE;f;kk^yj4uFSO@J
z2Q!<jafCigkNYZN3B#Ynsl2@a59Ya2*XH${kTf?A`)OY=I-35a(cN?NPkYcY-CNfj
zqWDViWxjH%?Zj$0-1u8&o4sufXPxNucxYht*81GDsug8j{jHMFjIVndL}3|eZmZE#
zyM;n+r7Af_m4={$%=wdy!tySD-5;4|swJ<z9)BniS1#24Wu)!yZ;Ju0g<&@(WA10f
zF<I}8@W_LR0^z(cBOF28bb2=X&U|lt8zcQ*!&44hCQ%OC6AMkpM*8H^ogY57e$M!<
z-R^fm9vLP@{Ab!l;%C~9N@s2;(dkqxE-(3Nh1uzPf!XO=0S-O%J7#x%bj2u}Ubz?M
zW(_iLG1xF>8TaT%Pzcw6J*(G7xYTsOdY6w<9h!5;){yd?nmgQhF}>l5;yu{ORzm>%
zsuT5|2Qn}9dC+uH&ATnYYbFk##`ZiRNZh8+-?%H;M$kBypP&=zySsi>Ze-_b=Ml;>
z-DSXbclFnKl*GUX$ojA|KRmE&;ezzG=jBUQ3D;|OW_PLINPEVin>&|+&vegQJtdB)
zo?e5-d-l`EM;%}+=H#y%1$qmR(59)6mPQ!t8S;<4f-P`_Tw^JzZ}~!F>?i|zcI<oi
z$-ww0R0gD2Uz4spHSQUW-&Jb+d~X#ldYP1Vz+LRzshsfV3xtz<ld`{~s-G<n!<G8Q
zl7y$&6-tqv=)x7^fZQwgeole?Lk3zRDXg7`U-+ht4qLj({>&qtnM^)j2cih+{#{;2
zSH{#ZDt>1=4)ijJ5Z)qCbr(n2GTql9y@w{m?1bkLn|Q)^*rg8gnA_)#o&Q|2{l)NS
z7oM|j&o8y2=+qMkO?}{MHN4x%PkSQH^K4GtB|wj7-i%jx-bf1E=>4gaF!TK&fM$P-
z85y`gn>#FdC#~iz8&RcU<U&QWN4`qp!$Cr8V*jkkHxxLm%677ZK2~GDCrO>I9jU(-
zCvRrsEE{($#C0b~_OdLjn3*h#9T_-v;z!>~4HIG_)479+J9U1k+aZNWNoXOH_gv4g
z!^Sr@|7ymRXo{hJQzgw<<D(+qfQt$)Hc30qgxu*i25hmDIEqamHNV)A8qCRqXyXo5
zz^Vi~ZB^amLdDtKo!rkik5O%*AxAgwB{KbVsoW@5`_f$dP_P+{&TVw4aGa$lC&6GQ
zrzZ&uO&4#%+B2ovjj_dTNBp}N1O0uy%uZnmyA<Sa8DUG#=ZE$W11Te{Hcd#qfwKq^
zTz=pveL#+0Q|pdS9%jqp;-I8L1Cb&a^+{>l@(Ity_$D;$S+ZzAS)5vXSyk^~rByP0
zZ$XZiu<QrxX`Sw@DM`hLBXVhBh2Hng8hgJl-F<Uze(YA~40+(7e0b*ddg0(OeqO{Q
zWv~03IMXUo6Bru+xWk+=mSdY__Su3o{GMXF^$OG5^o3Dea_N{9*7#gzQ&4$<*5c4G
zs}z$G24|*AY)wTNNdg}0p3{p0CZH9WtGQ`j^Zgwqz{8icERtv-&Gh0O3Rd6T0pT2p
z5wz#7M5JMSf81m%64Muc$j}hYtox76vO`K~N{6Vn`3Kf2VW<gM`t}g;OI&DJY3$Ab
z@HTIOLp&Pb?OGxS$vgufcJtH8*{#1oAoYI(sj(`IdV6QvSs)PE$G>L*0k<oEUw%V0
zOsre84}UzK8O+7u^iOizXkP64rt+<W{&4Zi7-<eL)=Abje0H@um5YxXCoG_~_jUb{
z9P_8CF6q`E)6gr0<bLdB)|ZTTU6<B$=YA5uA@1zlqaitZcmo3At;P2GIvJbh^4go<
zv%n%}6D8Fhflape-P))FM4^t|LGuUL!vz90L6vLr7yuUJRYAOr=U-v^zd-7k?xAn7
zf?jyE;}yCrxWx@|He^EWv7FglMl8kC+aQPoH9o4v42V+Fxu`%5eDD~aMF_bm;ELYy
zVt*bpyePu3IWY?1!Q{(8Ctt=mgd`2w|ATZpr|ccV)C%4K?nP$IfZ6o#j_Poj#%x{?
zcGOJK`1ao|tO~>*dc;RkK}}2>j1xP6zHm>r;c_t`&mSAAa{dKa_ktzMT;8w%{Jlx=
z+T@T1kR*DU%O(E`EW!N6Y_EdPp&-!3MFC#*18|@N`I|io(6zU<H)H5t#{mdP=ca*X
Jh5Ehd{{knrZKePK

literal 5663
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

diff --git a/src/api/dataManage/product-center.js b/src/api/dataManage/product-center.js
index d852ccf..598bd69 100644
--- a/src/api/dataManage/product-center.js
+++ b/src/api/dataManage/product-center.js
@@ -1,9 +1,10 @@
 import request from '@/utils/request'
+import request_formdata from '@/utils/request_formdata'
 
 // 查询产品中心列表
 export function getProductCenterListAPI(data) {
     return request({
-        url: '/dataManage/product-center/list',
+        url: '/product/case/list',
         method: 'GET',
         params: data,
     })
@@ -11,27 +12,36 @@ export function getProductCenterListAPI(data) {
 
 // 新增产品中心
 export function addProductCenterAPI(data) {
-    return request({
-        url: '/dataManage/product-center/add',
+    return request_formdata({
+        url: '/product/case/add',
         method: 'POST',
-        data: data,
+        data,
     })
 }
 
 // 编辑产品中心
 export function editProductCenterAPI(data) {
-    return request({
-        url: '/dataManage/product-center/edit',
+    return request_formdata({
+        url: '/product/case/update',
         method: 'POST',
-        data: data,
+        data,
     })
 }
 
 // 删除产品中心
 export function deleteProductCenterAPI(data) {
     return request({
-        url: '/dataManage/product-center/delete',
+        url: '/product/case/delete',
         method: 'POST',
-        data: data,
+        data,
+    })
+}
+
+// 获取产品中心详情
+export function getProductCenterDetailAPI(data) {
+    return request({
+        url: '/product/case/getDetails',
+        method: 'POST',
+        data,
     })
 }
diff --git a/src/assets/logo/logo.png b/src/assets/logo/logo.png
index e26376026420542212ed58d90d0ed34f554fa4ae..e3f7c2745417f108e5b012fd35c1056abb428727 100644
GIT binary patch
literal 4617
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
Jh5Ehd{{knrZKePK

literal 5663
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

diff --git a/src/components/ImagePreview/index.vue b/src/components/ImagePreview/index.vue
index 8b4738b..fdc0d60 100644
--- a/src/components/ImagePreview/index.vue
+++ b/src/components/ImagePreview/index.vue
@@ -1,90 +1,104 @@
 <template>
-  <el-image
-    :src="`${realSrc}`"
-    fit="cover"
-    :style="`width:${realWidth};height:${realHeight};`"
-    :preview-src-list="realSrcList"
-  >
-    <div slot="error" class="image-slot">
-      <i class="el-icon-picture-outline"></i>
-    </div>
-  </el-image>
+    <el-image
+        :src="src1"
+        fit="cover"
+        :style="`width:${realWidth};height:${realHeight};`"
+        :preview-src-list="realSrcList"
+    >
+        <div slot="error" class="image-slot">
+            <i class="el-icon-picture-outline"></i>
+        </div>
+    </el-image>
 </template>
 
 <script>
-import { isExternal } from "@/utils/validate"
+import { isExternal } from '@/utils/validate'
 
 export default {
-  name: "ImagePreview",
-  props: {
-    src: {
-      type: String,
-      default: ""
+    name: 'ImagePreview',
+    props: {
+        src: {
+            type: String,
+            default: '',
+        },
+        src1: {
+            type: String,
+            default: '',
+        },
+        width: {
+            type: [Number, String],
+            default: '',
+        },
+        height: {
+            type: [Number, String],
+            default: '',
+        },
     },
-    width: {
-      type: [Number, String],
-      default: ""
+    computed: {
+        realSrc() {
+            if (!this.src) {
+                return
+            }
+            let real_src = this.src.split(',')[0]
+            if (isExternal(real_src)) {
+                return real_src
+            }
+            return process.env.VUE_APP_BASE_API + real_src
+        },
+        realSrcList() {
+            // if (!this.src) {
+            //     return
+            // }
+            // let real_src_list = this.src.split(',')
+            let srcList = []
+            // real_src_list.forEach((item) => {
+            //     if (isExternal(item)) {
+            //         return srcList.push(item)
+            //     }
+            //     return srcList.push(process.env.VUE_APP_BASE_API + item)
+            // })
+            // return srcList
+            if (!this.src1) {
+                return
+            }
+
+            srcList.push(this.src1)
+            return srcList
+        },
+        realWidth() {
+            return typeof this.width == 'string'
+                ? this.width
+                : `${this.width}px`
+        },
+        realHeight() {
+            return typeof this.height == 'string'
+                ? this.height
+                : `${this.height}px`
+        },
     },
-    height: {
-      type: [Number, String],
-      default: ""
-    }
-  },
-  computed: {
-    realSrc() {
-      if (!this.src) {
-        return
-      }
-      let real_src = this.src.split(",")[0]
-      if (isExternal(real_src)) {
-        return real_src
-      }
-      return process.env.VUE_APP_BASE_API + real_src
-    },
-    realSrcList() {
-      if (!this.src) {
-        return
-      }
-      let real_src_list = this.src.split(",")
-      let srcList = []
-      real_src_list.forEach(item => {
-        if (isExternal(item)) {
-          return srcList.push(item)
-        }
-        return srcList.push(process.env.VUE_APP_BASE_API + item)
-      })
-      return srcList
-    },
-    realWidth() {
-      return typeof this.width == "string" ? this.width : `${this.width}px`
-    },
-    realHeight() {
-      return typeof this.height == "string" ? this.height : `${this.height}px`
-    }
-  }
 }
 </script>
 
 <style lang="scss" scoped>
 .el-image {
-  border-radius: 5px;
-  background-color: #ebeef5;
-  box-shadow: 0 0 5px 1px #ccc;
-  ::v-deep .el-image__inner {
-    transition: all 0.3s;
-    cursor: pointer;
-    &:hover {
-      transform: scale(1.2);
+    border-radius: 5px;
+    background-color: #ebeef5;
+    box-shadow: 0 0 5px 1px #ccc;
+    ::v-deep .el-image__inner {
+        transition: all 0.3s;
+        cursor: pointer;
+        &:hover {
+            transform: scale(1.2);
+        }
+    }
+    ::v-deep .image-slot {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 100%;
+        height: 100%;
+        color: #909399;
+        font-size: 30px;
     }
-  }
-  ::v-deep .image-slot {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    height: 100%;
-    color: #909399;
-    font-size: 30px;
-  }
 }
 </style>
diff --git a/src/components/Pagination/index.vue b/src/components/Pagination/index.vue
index 08ac487..4ec40c8 100644
--- a/src/components/Pagination/index.vue
+++ b/src/components/Pagination/index.vue
@@ -1,113 +1,112 @@
 <template>
-  <div :class="{'hidden':hidden}" class="pagination-container">
-    <el-pagination
-      :background="background"
-      :current-page.sync="currentPage"
-      :page-size.sync="pageSize"
-      :layout="layout"
-      :page-sizes="pageSizes"
-      :pager-count="pagerCount"
-      :total="total"
-      v-bind="$attrs"
-      @size-change="handleSizeChange"
-      @current-change="handleCurrentChange"
-    />
-  </div>
+    <div :class="{ hidden: hidden }" class="pagination-container">
+        <el-pagination
+            :background="background"
+            :current-page.sync="currentPage"
+            :page-size.sync="pageSize"
+            :layout="layout"
+            :page-sizes="pageSizes"
+            :pager-count="pagerCount"
+            :total="total"
+            v-bind="$attrs"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+        />
+    </div>
 </template>
 
 <script>
 import { scrollTo } from '@/utils/scroll-to'
 
 export default {
-  name: 'Pagination',
-  props: {
-    total: {
-      required: true,
-      type: Number
+    name: 'Pagination',
+    props: {
+        total: {
+            required: true,
+            type: Number,
+        },
+        page: {
+            type: Number,
+            default: 1,
+        },
+        limit: {
+            type: Number,
+            default: 20,
+        },
+        pageSizes: {
+            type: Array,
+            default() {
+                return [10, 20, 30, 50]
+            },
+        },
+        // 移动端页码按钮的数量端默认值5
+        pagerCount: {
+            type: Number,
+            default: document.body.clientWidth < 992 ? 5 : 7,
+        },
+        layout: {
+            type: String,
+            default: 'total, sizes, prev, pager, next, jumper',
+        },
+        background: {
+            type: Boolean,
+            default: true,
+        },
+        autoScroll: {
+            type: Boolean,
+            default: true,
+        },
+        hidden: {
+            type: Boolean,
+            default: false,
+        },
     },
-    page: {
-      type: Number,
-      default: 1
+    data() {
+        return {}
     },
-    limit: {
-      type: Number,
-      default: 20
+    computed: {
+        currentPage: {
+            get() {
+                return this.page
+            },
+            set(val) {
+                this.$emit('update:page', val)
+            },
+        },
+        pageSize: {
+            get() {
+                return this.limit
+            },
+            set(val) {
+                this.$emit('update:limit', val)
+            },
+        },
     },
-    pageSizes: {
-      type: Array,
-      default() {
-        return [10, 20, 30, 50]
-      }
+    methods: {
+        handleSizeChange(val) {
+            if (this.currentPage * val > this.total) {
+                this.currentPage = 1
+            }
+            this.$emit('pagination', { page: this.currentPage, limit: val })
+            if (this.autoScroll) {
+                scrollTo(0, 800)
+            }
+        },
+        handleCurrentChange(val) {
+            this.$emit('pagination', { page: val, limit: this.pageSize })
+            if (this.autoScroll) {
+                scrollTo(0, 800)
+            }
+        },
     },
-    // 移动端页码按钮的数量端默认值5
-    pagerCount: {
-      type: Number,
-      default: document.body.clientWidth < 992 ? 5 : 7
-    },
-    layout: {
-      type: String,
-      default: 'total, sizes, prev, pager, next, jumper'
-    },
-    background: {
-      type: Boolean,
-      default: true
-    },
-    autoScroll: {
-      type: Boolean,
-      default: true
-    },
-    hidden: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {
-    }
-  },
-  computed: {
-    currentPage: {
-      get() {
-        return this.page
-      },
-      set(val) {
-        this.$emit('update:page', val)
-      }
-    },
-    pageSize: {
-      get() {
-        return this.limit
-      },
-      set(val) {
-        this.$emit('update:limit', val)
-      }
-    }
-  },
-  methods: {
-    handleSizeChange(val) {
-      if (this.currentPage * val > this.total) {
-        this.currentPage = 1
-      }
-      this.$emit('pagination', { page: this.currentPage, limit: val })
-      if (this.autoScroll) {
-        scrollTo(0, 800)
-      }
-    },
-    handleCurrentChange(val) {
-      this.$emit('pagination', { page: val, limit: this.pageSize })
-      if (this.autoScroll) {
-        scrollTo(0, 800)
-      }
-    }
-  }
 }
 </script>
 
 <style scoped>
 .pagination-container {
-  background: #fff;
+    background: #fff;
 }
 .pagination-container.hidden {
-  display: none;
+    display: none;
 }
 </style>
diff --git a/src/components/UploadImgFormData/index.vue b/src/components/UploadImgFormData/index.vue
index 1f530cf..64bab59 100644
--- a/src/components/UploadImgFormData/index.vue
+++ b/src/components/UploadImgFormData/index.vue
@@ -103,6 +103,7 @@ export default {
     methods: {
         // 删除
         async handleRemove(file, fileList) {
+            console.log(file, fileList, 'file,fileList')
             this.$emit('onUploadChange', fileList)
             // if (file.response && file.response.data.length > 0) {
             //     this.$emit('deleteFile', {
@@ -123,6 +124,10 @@ export default {
             //     }
             // }
             this.$emit('update:fileList', fileList)
+
+            if (file.id) {
+                this.$emit('onSelectDeleteFileId', file.id)
+            }
         },
 
         // 预览
diff --git a/src/utils/request.js b/src/utils/request.js
index 7150ecb..aea8700 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -3,7 +3,7 @@ import { Notification, MessageBox, Message, Loading } from 'element-ui'
 import store from '@/store'
 import { getToken } from '@/utils/auth'
 import errorCode from '@/utils/errorCode'
-import { tansParams, blobValidate } from "@/utils/ruoyi"
+import { tansParams, blobValidate } from '@/utils/ruoyi'
 import cache from '@/plugins/cache'
 import { saveAs } from 'file-saver'
 
@@ -14,139 +14,186 @@ export let isRelogin = { show: false }
 axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
 // 创建axios实例
 const service = axios.create({
-  // axios中请求配置有baseURL选项，表示请求URL公共部分
-  baseURL: process.env.VUE_APP_BASE_API,
-  // 超时
-  timeout: 10000
+    // axios中请求配置有baseURL选项，表示请求URL公共部分
+    baseURL: process.env.VUE_APP_BASE_API,
+    // 超时
+    timeout: 10000,
 })
 
 // request拦截器
-service.interceptors.request.use(config => {
-  // 是否需要设置 token
-  const isToken = (config.headers || {}).isToken === false
-  // 是否需要防止数据重复提交
-  const isRepeatSubmit = (config.headers || {}).repeatSubmit === false
-  if (getToken() && !isToken) {
-    config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
-  }
-  // get请求映射params参数
-  if (config.method === 'get' && config.params) {
-    let url = config.url + '?' + tansParams(config.params)
-    url = url.slice(0, -1)
-    config.params = {}
-    config.url = url
-  }
-  if (!isRepeatSubmit && (config.method === 'post' || config.method === 'put')) {
-    const requestObj = {
-      url: config.url,
-      data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data,
-      time: new Date().getTime()
-    }
-    const requestSize = Object.keys(JSON.stringify(requestObj)).length // 请求数据大小
-    const limitSize = 5 * 1024 * 1024 // 限制存放数据5M
-    if (requestSize >= limitSize) {
-      console.warn(`[${config.url}]: ` + '请求数据大小超出允许的5M限制，无法进行防重复提交验证。')
-      return config
-    }
-    const sessionObj = cache.session.getJSON('sessionObj')
-    if (sessionObj === undefined || sessionObj === null || sessionObj === '') {
-      cache.session.setJSON('sessionObj', requestObj)
-    } else {
-      const s_url = sessionObj.url                  // 请求地址
-      const s_data = sessionObj.data                // 请求数据
-      const s_time = sessionObj.time                // 请求时间
-      const interval = 1000                         // 间隔时间(ms)，小于此时间视为重复提交
-      if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) {
-        const message = '数据正在处理，请勿重复提交'
-        console.warn(`[${s_url}]: ` + message)
-        return Promise.reject(new Error(message))
-      } else {
-        cache.session.setJSON('sessionObj', requestObj)
-      }
-    }
-  }
-  return config
-}, error => {
-    console.log(error)
-    Promise.reject(error)
-})
+service.interceptors.request.use(
+    (config) => {
+        // 是否需要设置 token
+        const isToken = (config.headers || {}).isToken === false
+        // 是否需要防止数据重复提交
+        const isRepeatSubmit = (config.headers || {}).repeatSubmit === false
+
+        if (getToken() && !isToken) {
+            config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
+        }
+        // get请求映射params参数
+        if (config.method === 'get' && config.params) {
+            let url = config.url + '?' + tansParams(config.params)
+            url = url.slice(0, -1)
+            config.params = {}
+            config.url = url
+        }
+        if (
+            !isRepeatSubmit &&
+            (config.method === 'post' || config.method === 'put')
+        ) {
+            const requestObj = {
+                url: config.url,
+                data:
+                    typeof config.data === 'object'
+                        ? JSON.stringify(config.data)
+                        : config.data,
+                time: new Date().getTime(),
+            }
+            const requestSize = Object.keys(JSON.stringify(requestObj)).length // 请求数据大小
+            const limitSize = 5 * 1024 * 1024 // 限制存放数据5M
+            if (requestSize >= limitSize) {
+                console.warn(
+                    `[${config.url}]: ` +
+                        '请求数据大小超出允许的5M限制，无法进行防重复提交验证。',
+                )
+                return config
+            }
+            const sessionObj = cache.session.getJSON('sessionObj')
+            if (
+                sessionObj === undefined ||
+                sessionObj === null ||
+                sessionObj === ''
+            ) {
+                cache.session.setJSON('sessionObj', requestObj)
+            } else {
+                const s_url = sessionObj.url // 请求地址
+                const s_data = sessionObj.data // 请求数据
+                const s_time = sessionObj.time // 请求时间
+                const interval = 1000 // 间隔时间(ms)，小于此时间视为重复提交
+                if (
+                    s_data === requestObj.data &&
+                    requestObj.time - s_time < interval &&
+                    s_url === requestObj.url
+                ) {
+                    const message = '数据正在处理，请勿重复提交'
+                    console.warn(`[${s_url}]: ` + message)
+                    return Promise.reject(new Error(message))
+                } else {
+                    cache.session.setJSON('sessionObj', requestObj)
+                }
+            }
+        }
+        return config
+    },
+    (error) => {
+        console.log(error)
+        Promise.reject(error)
+    },
+)
 
 // 响应拦截器
-service.interceptors.response.use(res => {
-    // 未设置状态码则默认成功状态
-    const code = res.data.code || 200
-    // 获取错误信息
-    const msg = errorCode[code] || res.data.msg || errorCode['default']
-    // 二进制数据则直接返回
-    if (res.request.responseType ===  'blob' || res.request.responseType ===  'arraybuffer') {
-      return res.data
-    }
-    if (code === 401) {
-      if (!isRelogin.show) {
-        isRelogin.show = true
-        MessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', { confirmButtonText: '重新登录', cancelButtonText: '取消', type: 'warning' }).then(() => {
-          isRelogin.show = false
-          store.dispatch('LogOut').then(() => {
-            location.href = '/index'
-          })
-      }).catch(() => {
-        isRelogin.show = false
-      })
-    }
-      return Promise.reject('无效的会话，或者会话已过期，请重新登录。')
-    } else if (code === 500) {
-      Message({ message: msg, type: 'error' })
-      return Promise.reject(new Error(msg))
-    } else if (code === 601) {
-      Message({ message: msg, type: 'warning' })
-      return Promise.reject('error')
-    } else if (code !== 200) {
-      Notification.error({ title: msg })
-      return Promise.reject('error')
-    } else {
-      return res.data
-    }
-  },
-  error => {
-    console.log('err' + error)
-    let { message } = error
-    if (message == "Network Error") {
-      message = "后端接口连接异常"
-    } else if (message.includes("timeout")) {
-      message = "系统接口请求超时"
-    } else if (message.includes("Request failed with status code")) {
-      message = "系统接口" + message.substr(message.length - 3) + "异常"
-    }
-    Message({ message: message, type: 'error', duration: 5 * 1000 })
-    return Promise.reject(error)
-  }
+service.interceptors.response.use(
+    (res) => {
+        // 未设置状态码则默认成功状态
+        const code = res.data.code || 200
+        // 获取错误信息
+        const msg = errorCode[code] || res.data.msg || errorCode['default']
+        // 二进制数据则直接返回
+        if (
+            res.request.responseType === 'blob' ||
+            res.request.responseType === 'arraybuffer'
+        ) {
+            return res.data
+        }
+        if (code === 401) {
+            if (!isRelogin.show) {
+                isRelogin.show = true
+                MessageBox.confirm(
+                    '登录状态已过期，您可以继续留在该页面，或者重新登录',
+                    '系统提示',
+                    {
+                        confirmButtonText: '重新登录',
+                        cancelButtonText: '取消',
+                        type: 'warning',
+                    },
+                )
+                    .then(() => {
+                        isRelogin.show = false
+                        store.dispatch('LogOut').then(() => {
+                            location.href = '/index'
+                        })
+                    })
+                    .catch(() => {
+                        isRelogin.show = false
+                    })
+            }
+            return Promise.reject('无效的会话，或者会话已过期，请重新登录。')
+        } else if (code === 500) {
+            Message({ message: msg, type: 'error' })
+            return Promise.reject(new Error(msg))
+        } else if (code === 601) {
+            Message({ message: msg, type: 'warning' })
+            return Promise.reject('error')
+        } else if (code !== 200) {
+            Notification.error({ title: msg })
+            return Promise.reject('error')
+        } else {
+            return res.data
+        }
+    },
+    (error) => {
+        console.log('err' + error)
+        let { message } = error
+        if (message == 'Network Error') {
+            message = '后端接口连接异常'
+        } else if (message.includes('timeout')) {
+            message = '系统接口请求超时'
+        } else if (message.includes('Request failed with status code')) {
+            message = '系统接口' + message.substr(message.length - 3) + '异常'
+        }
+        Message({ message: message, type: 'error', duration: 5 * 1000 })
+        return Promise.reject(error)
+    },
 )
 
 // 通用下载方法
 export function download(url, params, filename, config) {
-  downloadLoadingInstance = Loading.service({ text: "正在下载数据，请稍候", spinner: "el-icon-loading", background: "rgba(0, 0, 0, 0.7)", })
-  return service.post(url, params, {
-    transformRequest: [(params) => { return tansParams(params) }],
-    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
-    responseType: 'blob',
-    ...config
-  }).then(async (data) => {
-    const isBlob = blobValidate(data)
-    if (isBlob) {
-      const blob = new Blob([data])
-      saveAs(blob, filename)
-    } else {
-      const resText = await data.text()
-      const rspObj = JSON.parse(resText)
-      const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default']
-      Message.error(errMsg)
-    }
-    downloadLoadingInstance.close()
-  }).catch((r) => {
-    console.error(r)
-    Message.error('下载文件出现错误，请联系管理员！')
-    downloadLoadingInstance.close()
-  })
+    downloadLoadingInstance = Loading.service({
+        text: '正在下载数据，请稍候',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)',
+    })
+    return service
+        .post(url, params, {
+            transformRequest: [
+                (params) => {
+                    return tansParams(params)
+                },
+            ],
+            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+            responseType: 'blob',
+            ...config,
+        })
+        .then(async (data) => {
+            const isBlob = blobValidate(data)
+            if (isBlob) {
+                const blob = new Blob([data])
+                saveAs(blob, filename)
+            } else {
+                const resText = await data.text()
+                const rspObj = JSON.parse(resText)
+                const errMsg =
+                    errorCode[rspObj.code] || rspObj.msg || errorCode['default']
+                Message.error(errMsg)
+            }
+            downloadLoadingInstance.close()
+        })
+        .catch((r) => {
+            console.error(r)
+            Message.error('下载文件出现错误，请联系管理员！')
+            downloadLoadingInstance.close()
+        })
 }
 
 export default service
diff --git a/src/utils/request_formdata.js b/src/utils/request_formdata.js
new file mode 100644
index 0000000..5796356
--- /dev/null
+++ b/src/utils/request_formdata.js
@@ -0,0 +1,208 @@
+import axios from 'axios'
+import { Notification, MessageBox, Message, Loading } from 'element-ui'
+import store from '@/store'
+import { getToken } from '@/utils/auth'
+import errorCode from '@/utils/errorCode'
+import { tansParams, blobValidate } from '@/utils/ruoyi'
+import cache from '@/plugins/cache'
+import { saveAs } from 'file-saver'
+
+let downloadLoadingInstance
+// 是否显示重新登录
+export let isRelogin = { show: false }
+
+axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
+// 创建axios实例
+const service = axios.create({
+    // axios中请求配置有baseURL选项，表示请求URL公共部分
+    baseURL: process.env.VUE_APP_BASE_API,
+    // 超时
+    timeout: 10000,
+})
+
+// request拦截器
+service.interceptors.request.use(
+    (config) => {
+        // 是否需要设置 token
+        const isToken = (config.headers || {}).isToken === false
+        // 是否需要防止数据重复提交
+        const isRepeatSubmit = (config.headers || {}).repeatSubmit === false
+
+        if (getToken() && !isToken) {
+            config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
+        }
+        // get请求映射params参数
+        if (config.method === 'get' && config.params) {
+            let url = config.url + '?' + tansParams(config.params)
+            url = url.slice(0, -1)
+            config.params = {}
+            config.url = url
+        }
+        if (
+            !isRepeatSubmit &&
+            (config.method === 'post' || config.method === 'put')
+        ) {
+            if (config.data instanceof FormData) {
+                // 对于FormData，我们创建一个对象来保存数据以便验证
+                const formDataObj = new FormData()
+                config.data.forEach((value, key) => {
+                    formDataObj.append(key, value)
+                })
+                config.data = formDataObj
+                delete config.headers['Content-Type']
+            }
+            const requestObj = {
+                url: config.url,
+                data:
+                    typeof config.data === 'object'
+                        ? JSON.stringify(config.data)
+                        : config.data,
+                time: new Date().getTime(),
+            }
+            const requestSize = Object.keys(JSON.stringify(requestObj)).length // 请求数据大小
+            const limitSize = 5 * 1024 * 1024 // 限制存放数据5M
+            if (requestSize >= limitSize) {
+                console.warn(
+                    `[${config.url}]: ` +
+                        '请求数据大小超出允许的5M限制，无法进行防重复提交验证。',
+                )
+                return config
+            }
+            const sessionObj = cache.session.getJSON('sessionObj')
+            if (
+                sessionObj === undefined ||
+                sessionObj === null ||
+                sessionObj === ''
+            ) {
+                cache.session.setJSON('sessionObj', requestObj)
+            } else {
+                const s_url = sessionObj.url // 请求地址
+                const s_data = sessionObj.data // 请求数据
+                const s_time = sessionObj.time // 请求时间
+                const interval = 1000 // 间隔时间(ms)，小于此时间视为重复提交
+                if (
+                    s_data === requestObj.data &&
+                    requestObj.time - s_time < interval &&
+                    s_url === requestObj.url
+                ) {
+                    const message = '数据正在处理，请勿重复提交'
+                    console.warn(`[${s_url}]: ` + message)
+                    return Promise.reject(new Error(message))
+                } else {
+                    cache.session.setJSON('sessionObj', requestObj)
+                }
+            }
+        }
+        return config
+    },
+    (error) => {
+        console.log(error)
+        Promise.reject(error)
+    },
+)
+
+// 响应拦截器
+service.interceptors.response.use(
+    (res) => {
+        // 未设置状态码则默认成功状态
+        const code = res.data.code || 200
+        // 获取错误信息
+        const msg = errorCode[code] || res.data.msg || errorCode['default']
+        // 二进制数据则直接返回
+        if (
+            res.request.responseType === 'blob' ||
+            res.request.responseType === 'arraybuffer'
+        ) {
+            return res.data
+        }
+        if (code === 401) {
+            if (!isRelogin.show) {
+                isRelogin.show = true
+                MessageBox.confirm(
+                    '登录状态已过期，您可以继续留在该页面，或者重新登录',
+                    '系统提示',
+                    {
+                        confirmButtonText: '重新登录',
+                        cancelButtonText: '取消',
+                        type: 'warning',
+                    },
+                )
+                    .then(() => {
+                        isRelogin.show = false
+                        store.dispatch('LogOut').then(() => {
+                            location.href = '/index'
+                        })
+                    })
+                    .catch(() => {
+                        isRelogin.show = false
+                    })
+            }
+            return Promise.reject('无效的会话，或者会话已过期，请重新登录。')
+        } else if (code === 500) {
+            Message({ message: msg, type: 'error' })
+            return Promise.reject(new Error(msg))
+        } else if (code === 601) {
+            Message({ message: msg, type: 'warning' })
+            return Promise.reject('error')
+        } else if (code !== 200) {
+            Notification.error({ title: msg })
+            return Promise.reject('error')
+        } else {
+            return res.data
+        }
+    },
+    (error) => {
+        console.log('err' + error)
+        let { message } = error
+        if (message == 'Network Error') {
+            message = '后端接口连接异常'
+        } else if (message.includes('timeout')) {
+            message = '系统接口请求超时'
+        } else if (message.includes('Request failed with status code')) {
+            message = '系统接口' + message.substr(message.length - 3) + '异常'
+        }
+        Message({ message: message, type: 'error', duration: 5 * 1000 })
+        return Promise.reject(error)
+    },
+)
+
+// 通用下载方法
+export function download(url, params, filename, config) {
+    downloadLoadingInstance = Loading.service({
+        text: '正在下载数据，请稍候',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)',
+    })
+    return service
+        .post(url, params, {
+            transformRequest: [
+                (params) => {
+                    return tansParams(params)
+                },
+            ],
+            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+            responseType: 'blob',
+            ...config,
+        })
+        .then(async (data) => {
+            const isBlob = blobValidate(data)
+            if (isBlob) {
+                const blob = new Blob([data])
+                saveAs(blob, filename)
+            } else {
+                const resText = await data.text()
+                const rspObj = JSON.parse(resText)
+                const errMsg =
+                    errorCode[rspObj.code] || rspObj.msg || errorCode['default']
+                Message.error(errMsg)
+            }
+            downloadLoadingInstance.close()
+        })
+        .catch((r) => {
+            console.error(r)
+            Message.error('下载文件出现错误，请联系管理员！')
+            downloadLoadingInstance.close()
+        })
+}
+
+export default service
diff --git a/src/views/dataManage/product-center/components/addAndEditForm.vue b/src/views/dataManage/product-center/components/addAndEditForm.vue
index 390f86e..9952981 100644
--- a/src/views/dataManage/product-center/components/addAndEditForm.vue
+++ b/src/views/dataManage/product-center/components/addAndEditForm.vue
@@ -11,19 +11,45 @@
             <el-row>
                 <el-col :span="12">
                     <el-form-item label="名称" prop="name">
-                        <el-input v-model="addAndEditForm.name" />
+                        <el-input
+                            clearable
+                            maxlength="50"
+                            show-word-limit
+                            placeholder="请输入名称"
+                            v-model="addAndEditForm.name"
+                        />
                     </el-form-item>
                 </el-col>
                 <el-col :span="12">
-                    <el-form-item label="类型" prop="type">
-                        <el-input v-model="addAndEditForm.type" />
+                    <el-form-item label="类型" prop="typeId">
+                        <el-select
+                            clearable
+                            filterable
+                            style="width: 100%"
+                            placeholder="请选择类型"
+                            @change="handleTypeIdChange"
+                            v-model="addAndEditForm.typeId"
+                        >
+                            <el-option
+                                :key="item.value"
+                                :label="item.label"
+                                :value="item.value"
+                                v-for="item in dict.type.tb_product_type"
+                            />
+                        </el-select>
                     </el-form-item>
                 </el-col>
             </el-row>
             <el-row>
                 <el-col :span="12">
-                    <el-form-item label="链接" prop="link">
-                        <el-input v-model="addAndEditForm.link" />
+                    <el-form-item label="链接" prop="linkUrl">
+                        <el-input
+                            clearable
+                            maxlength="500"
+                            show-word-limit
+                            placeholder="请输入链接"
+                            v-model="addAndEditForm.linkUrl"
+                        />
                     </el-form-item>
                 </el-col>
                 <el-col :span="12">
@@ -33,6 +59,7 @@
                             :file-size="10"
                             :file-type="['jpg', 'png', 'jpeg']"
                             :file-list.sync="addAndEditForm.cover"
+                            @onSelectDeleteFileId="handleSelectDeleteFileId"
                             :is-uploaded="addAndEditForm.cover.length >= 1"
                         />
                     </el-form-item>
@@ -40,12 +67,10 @@
             </el-row>
             <el-row>
                 <el-col :span="24">
-                    <el-form-item label="是否支持访问" prop="isSupportAccess">
-                        <el-radio-group
-                            v-model="addAndEditForm.isSupportAccess"
-                        >
-                            <el-radio :label="1">是</el-radio>
-                            <el-radio :label="0">否</el-radio>
+                    <el-form-item label="是否支持访问" prop="isAccess">
+                        <el-radio-group v-model="addAndEditForm.isAccess">
+                            <el-radio label="1">是</el-radio>
+                            <el-radio label="0">否</el-radio>
                         </el-radio-group>
                     </el-form-item>
                 </el-col>
@@ -53,12 +78,15 @@
 
             <el-row>
                 <el-col :span="24">
-                    <el-form-item label="产品介绍" prop="productIntroduction">
+                    <el-form-item label="产品介绍" prop="introduction">
                         <el-input
                             clearable
                             type="textarea"
-                            :autosize="{ minRows: 3, maxRows: 6 }"
-                            v-model="addAndEditForm.productIntroduction"
+                            maxlength="2000"
+                            show-word-limit
+                            placeholder="请输入产品介绍"
+                            :autosize="{ minRows: 6, maxRows: 10 }"
+                            v-model="addAndEditForm.introduction"
                         />
                     </el-form-item>
                 </el-col>
@@ -99,56 +127,73 @@
         </el-row>
 
         <!-- 产品案例表单：绑定当前Tab的formInfo -->
-        <el-form
-            label-width="120px"
-            v-if="currentTabFormInfo"
-            :model="currentTabFormInfo"
-            :ref="`caseForm_${currentTab}`"
-            :rules="addAndEditFormCaseRules"
-        >
-            <el-row>
-                <el-col :span="12">
-                    <el-form-item label="案例公司" prop="caseCompany">
-                        <el-input v-model="currentTabFormInfo.caseCompany" />
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item label="案例图片" prop="caseSort">
-                        <el-input
-                            type="number"
-                            min="1"
-                            v-model.number="currentTabFormInfo.caseSort"
-                        />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row>
-                <el-col :span="24">
-                    <el-form-item label="案例图片" prop="caseImage">
-                        <UploadImgFormData
-                            :limit="6"
-                            :file-size="10"
-                            :file-type="['jpg', 'png', 'jpeg']"
-                            :file-list.sync="currentTabFormInfo.caseImage"
-                            :is-uploaded="
-                                currentTabFormInfo.caseImage.length >= 6
-                            "
-                        />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row>
-                <el-col :span="24">
-                    <el-form-item label="案例介绍" prop="caseIntroduction">
-                        <el-input
-                            type="textarea"
-                            :autosize="{ minRows: 3, maxRows: 6 }"
-                            v-model="currentTabFormInfo.caseIntroduction"
-                        />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-        </el-form>
+
+        <template v-for="item in editableTabs">
+            <el-form
+                :key="item.name"
+                label-width="120px"
+                :model="item.formInfo"
+                :ref="`caseForm_${item.name}`"
+                :rules="addAndEditFormCaseRules"
+                v-show="currentTab === item.name"
+            >
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="案例公司" prop="caseCompany">
+                            <el-input
+                                maxlength="50"
+                                show-word-limit
+                                placeholder="请输入案例公司"
+                                v-model="item.formInfo.caseCompany"
+                            />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="案例排序" prop="caseSort">
+                            <el-input
+                                clearable
+                                placeholder="请输入案例排序"
+                                v-model.number="item.formInfo.caseSort"
+                            />
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="24">
+                        <el-form-item
+                            label="案例图片"
+                            prop="caseImage"
+                            required
+                        >
+                            <UploadImgFormData
+                                :limit="6"
+                                :file-size="10"
+                                :file-type="['jpg', 'png', 'jpeg']"
+                                :file-list.sync="item.formInfo.caseImage"
+                                @onSelectDeleteFileId="handleSelectDeleteFileId"
+                                :is-uploaded="
+                                    item.formInfo.caseImage.length >= 6
+                                "
+                            />
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="24">
+                        <el-form-item label="案例介绍" prop="caseIntroduction">
+                            <el-input
+                                type="textarea"
+                                maxlength="8000"
+                                show-word-limit
+                                placeholder="请输入案例介绍"
+                                :autosize="{ minRows: 6, maxRows: 10 }"
+                                v-model="item.formInfo.caseIntroduction"
+                            />
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+        </template>
 
         <!-- 底部按钮 -->
         <el-row class="add-and-edit-form-footer">
@@ -163,45 +208,62 @@
 </template>
 
 <script>
+import {
+    addProductCenterAPI,
+    editProductCenterAPI,
+    getProductCenterDetailAPI,
+} from '@/api/dataManage/product-center'
 import TitleTip from '@/components/TitleTip'
 import UploadImgFormData from '@/components/UploadImgFormData'
 export default {
     name: 'AddAndEditForm',
+    dicts: ['tb_product_type'],
     components: { TitleTip, UploadImgFormData },
+    props: {
+        formType: {
+            type: Number,
+            default: 1,
+        },
+        detailsId: {
+            type: String,
+            default: '',
+        },
+    },
     data() {
         return {
             currentTab: '1', // 当前激活的Tab名称
             // 基本信息表单
             addAndEditForm: {
-                name: '',
-                type: '',
-                link: '',
-                cover: '',
-                isSupportAccess: 1,
-                productIntroduction: '', // 修复原代码中缺少的字段
+                name: '', // 名称
+                typeId: '', // 类型
+                typeName: '', // 类型名称
+                cover: [], // 封面
+                linkUrl: '', // 链接
+                isAccess: '1', // 是否支持访问
+                introduction: '', // 产品介绍
             },
             // 基本信息表单校验规则
             addAndEditFormRules: {
                 name: [
                     { required: true, message: '请输入名称', trigger: 'blur' },
                 ],
-                type: [
+                typeId: [
                     { required: true, message: '请输入类型', trigger: 'blur' },
                 ],
-                link: [
+                linkUrl: [
                     { required: true, message: '请输入链接', trigger: 'blur' },
                 ],
                 cover: [
                     { required: true, message: '请输入封面', trigger: 'blur' },
                 ],
-                isSupportAccess: [
+                isAccess: [
                     {
                         required: true,
                         message: '请选择是否支持访问',
                         trigger: 'change',
                     }, // 优化：radio用change触发
                 ],
-                productIntroduction: [
+                introduction: [
                     {
                         required: true,
                         message: '请输入产品介绍',
@@ -221,17 +283,12 @@ export default {
                 caseImage: [
                     {
                         required: true,
-                        message: '请输入案例图片',
-                        trigger: 'blur',
+                        trigger: 'change',
+                        message: '请上传案例图片',
                     },
                 ],
                 caseSort: [
                     { required: true, message: '请输入排序', trigger: 'blur' },
-                    {
-                        type: 'number',
-                        message: '排序必须为数字',
-                        trigger: 'blur',
-                    }, // 新增：数字校验
                 ],
                 caseIntroduction: [
                     {
@@ -244,16 +301,20 @@ export default {
             // 案例Tabs数据：每个Tab包含独立的表单信息
             editableTabs: [
                 {
-                    title: '案例1',
                     name: '1',
+                    title: '案例1',
                     formInfo: {
+                        id: '',
                         caseSort: 1,
-                        caseImage: '',
+                        caseImage: [],
                         caseCompany: '',
                         caseIntroduction: '',
                     },
                 },
             ],
+
+            editDeleteCaseId: [], // 编辑删除的案例ID
+            editDeleteFileId: [], // 编辑删除的文件ID
         }
     },
     computed: {
@@ -271,6 +332,7 @@ export default {
             )
         },
     },
+
     methods: {
         // 取消操作
         handleCancel() {
@@ -287,16 +349,85 @@ export default {
         },
         // 保存操作：校验所有表单
         async handleSave() {
+            console.log(this.addAndEditForm, '基本信息表单')
             this.$message.closeAll()
             try {
                 // 1. 校验基本信息表单
                 await this.$refs.addAndEditForm.validate()
 
                 // 2. 校验所有案例表单
-                const caseFormPromises = this.editableTabs.map((tab) => {
-                    return this.$refs[`caseForm_${tab.name}`].validate()
+                // const caseFormPromises = this.editableTabs.map((tab) => {
+                //     return this.$refs[`caseForm_${tab.name}`].validate()
+                // })
+                // await Promise.all(caseFormPromises)
+
+                // await this.$refs[`caseForm_${this.currentTab}`].validate()
+
+                // 2. 手动校验所有案例表单的必填项
+                const requiredFields = [
+                    { key: 'caseCompany', name: '案例公司' },
+                    { key: 'caseSort', name: '案例排序' },
+                    { key: 'caseIntroduction', name: '案例介绍' },
+                ]
+
+                let isValid = true
+                let errorMessage = ''
+                let errorCaseIndex = ''
+
+                // 遍历所有案例表单
+                this.editableTabs.forEach((tab, tabIndex) => {
+                    if (!isValid) return // 如果已经发现错误，停止检查
+
+                    // 检查当前案例的每个必填字段
+                    requiredFields.forEach((field) => {
+                        if (!isValid) return
+
+                        const value = tab.formInfo[field.key]
+                        // 检查值是否为空（考虑空字符串、undefined、null）
+                        if (
+                            value === '' ||
+                            value === undefined ||
+                            value === null
+                        ) {
+                            isValid = false
+                            errorCaseIndex = tabIndex
+                            errorMessage = `案例${tabIndex + 1}的${
+                                field.name
+                            }为必填项`
+                        }
+                        // 对数字类型进行额外检查（避免0被误判）
+                        else if (
+                            field.key === 'caseSort' &&
+                            (isNaN(value) || value === '')
+                        ) {
+                            isValid = false
+                            errorCaseIndex = tabIndex
+                            errorMessage = `案例${tabIndex + 1}的${
+                                field.name
+                            }必须为有效数字`
+                        }
+                    })
+
+                    // 检查案例图片（如果需要必填的话）
+                    if (isValid && tab.formInfo.caseImage.length === 0) {
+                        isValid = false
+                        errorMessage = `案例${
+                            tabIndex + 1
+                        }请至少上传一张案例图片`
+                        errorCaseIndex = tabIndex
+                    }
                 })
-                await Promise.all(caseFormPromises)
+
+                // 如果校验失败，抛出错误
+                if (!isValid) {
+                    this.currentTab = this.editableTabs[errorCaseIndex].name
+                    this.$nextTick(async () => {
+                        await this.$refs[
+                            `caseForm_${this.editableTabs[errorCaseIndex].name}`
+                        ][0].validate()
+                    })
+                    throw new Error(errorMessage)
+                }
 
                 // 3. 所有校验通过，提交数据
                 const submitData = {
@@ -304,10 +435,63 @@ export default {
                     cases: this.editableTabs.map((tab) => tab.formInfo),
                 }
                 console.log('提交数据：', submitData)
-                // 这里可以添加接口请求逻辑
-                this.$message.success('保存成功')
-                this.$emit('closeDialog', true)
+
+                // 组装参数
+                const formData = new FormData()
+                const filesTypes = []
+                const { cover } = this.addAndEditForm
+                cover.forEach((item) => {
+                    if (!item.id) {
+                        formData.append('files', item.raw)
+                        filesTypes.push('s')
+                    }
+                })
+
+                const addAndEditFormParams = this.addAndEditForm
+                delete addAndEditFormParams.cover
+                for (const key in addAndEditFormParams) {
+                    formData.append(key, addAndEditFormParams[key])
+                }
+
+                const caseCompanyList = this.editableTabs.map((item, index) => {
+                    item.formInfo.caseImage.forEach((file) => {
+                        if (!file.id) {
+                            formData.append('files', file.raw)
+                            filesTypes.push(index)
+                        }
+                    })
+                    return {
+                        caseCompany: item.formInfo.caseCompany,
+                        caseIntroduction: item.formInfo.caseIntroduction,
+                        caseSort: item.formInfo.caseSort,
+                        id: item.formInfo.id,
+                    }
+                })
+
+                formData.append('json', JSON.stringify(caseCompanyList))
+                formData.append('fileType', filesTypes.join(','))
+
+                if (this.formType === 2) {
+                    formData.append('delCase', this.editDeleteCaseId.join(','))
+                    formData.append('delFile', this.editDeleteFileId.join(','))
+                    formData.append('id', this.detailsId)
+                }
+
+                const API =
+                    this.formType === 2
+                        ? editProductCenterAPI
+                        : addProductCenterAPI
+
+                const res = await API(formData)
+
+                if (res.code === 200) {
+                    this.$modal.msgSuccess(
+                        this.formType === 2 ? '编辑成功' : '新增成功',
+                    )
+                    this.$emit('closeDialog', true)
+                }
             } catch (error) {
+                console.log(error, 'error')
                 // 校验失败，提示用户
                 this.$message.error('请完善所有必填项后再保存')
             }
@@ -319,8 +503,9 @@ export default {
                 title: `案例${newTabIndex}`,
                 name: newTabIndex.toString(),
                 formInfo: {
+                    id: '',
                     caseCompany: '',
-                    caseImage: '',
+                    caseImage: [],
                     caseIntroduction: '',
                     caseSort: newTabIndex,
                 },
@@ -341,6 +526,13 @@ export default {
             const removeIndex = this.editableTabs.findIndex(
                 (tab) => tab.name === removeTabName,
             )
+
+            if (this.formType === 2) {
+                this.editDeleteCaseId.push(
+                    this.editableTabs[removeIndex].formInfo?.id,
+                )
+            }
+
             this.editableTabs.splice(removeIndex, 1)
 
             // 如果删除的是当前激活的Tab，切换到第一个Tab
@@ -348,18 +540,100 @@ export default {
                 this.currentTab = this.editableTabs[0].name
             }
 
+            // 当前激活的Tab索引 如果大于删除的Tab索引，则减1
+            if (this.currentTabIndex >= removeIndex) {
+                this.currentTab =
+                    this.editableTabs[this.currentTabIndex - 1].name
+            }
+
             // 重新计算排序（可选：保持排序连续）
             this.editableTabs.forEach((tab, index) => {
+                tab.title = `案例${index + 1}`
+                tab.name = (index + 1).toString()
                 tab.formInfo.caseSort = index + 1
             })
         },
         // Tab切换事件：触发当前Tab的表单校验
         handleTabClick() {
-            this.$nextTick(() => {
-                this.$refs[`caseForm_${this.currentTab}`]?.validate(
-                    (isValid) => {},
-                )
+            // this.$nextTick(() => {
+            //     this.$refs[`caseForm_${this.currentTab}`]?.validate(
+            //         (isValid) => {},
+            //     )
+            // })
+        },
+
+        // 类型ID改变事件
+        handleTypeIdChange(value) {
+            this.addAndEditForm.typeName = this.dict.type.tb_product_type.find(
+                (item) => item.value === value,
+            ).label
+        },
+
+        // 获取产品中心详情
+        async getProductCenterDetail() {
+            const res = await getProductCenterDetailAPI({
+                id: this.detailsId,
             })
+
+            console.log(res, '产品中心详情')
+
+            const {
+                name,
+                typeId,
+                typeName,
+                image,
+                linkUrl,
+                introduction,
+                isAccess,
+                list,
+            } = res?.data
+
+            this.addAndEditForm = {
+                name,
+                typeId,
+                typeName,
+                linkUrl,
+                introduction,
+                isAccess,
+                cover: [
+                    { url: image.url, id: image.id, name: image.originalName },
+                ],
+            }
+
+            this.editableTabs = list.map((item, index) => {
+                return {
+                    title: `案例${index + 1}`,
+                    name: (index + 1).toString(),
+                    formInfo: {
+                        id: item.id,
+                        caseCompany: item.caseCompany,
+                        caseIntroduction: item.caseIntroduction,
+                        caseSort: item.caseSort,
+                        caseImage: item.imageList.map((e) => {
+                            return {
+                                id: e.id,
+                                url: e.url,
+                                name: e.originalName,
+                            }
+                        }),
+                    },
+                }
+            })
+        },
+
+        // 选择删除的文件ID
+        handleSelectDeleteFileId(id) {
+            this.editDeleteFileId.push(id)
+        },
+    },
+    watch: {
+        detailsId: {
+            handler(newVal) {
+                if (newVal) {
+                    this.getProductCenterDetail()
+                }
+            },
+            immediate: true,
         },
     },
 }
diff --git a/src/views/dataManage/product-center/index.vue b/src/views/dataManage/product-center/index.vue
index 3f17b34..87658f8 100644
--- a/src/views/dataManage/product-center/index.vue
+++ b/src/views/dataManage/product-center/index.vue
@@ -20,11 +20,14 @@
                     clearable
                     filterable
                     placeholder="选择类型"
-                    v-model="queryParams.type"
+                    v-model="queryParams.typeId"
                 >
-                    <el-option value="1" label="智慧基建" />
-                    <el-option value="2" label="智慧后勤" />
-                    <el-option value="3" label="数智装备" />
+                    <el-option
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                        v-for="item in dict.type.tb_product_type"
+                    />
                 </el-select>
             </el-form-item>
             <el-form-item>
@@ -58,7 +61,7 @@
                     新增
                 </el-button>
             </el-col>
-            <el-col :span="1.5">
+            <!-- <el-col :span="1.5">
                 <el-button
                     plain
                     size="mini"
@@ -78,7 +81,7 @@
                     @click="onHandleExport"
                 >
                     导出
-                </el-button>
+                </el-button> -->
             </el-col>
         </el-row>
 
@@ -95,22 +98,24 @@
                 :key="column.prop"
                 :prop="column.prop"
                 :label="column.label"
+                show-overflow-tooltip
                 v-for="column in columns"
             >
                 <template slot-scope="scope">
-                    <template v-if="column.prop === 'cover'">
+                    <template v-if="column.prop === 'linkImage'">
                         <ImagePreview
-                            src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
                             :width="50"
                             :height="50"
+                            :src1="scope.row.linkImage"
                         />
                     </template>
-                    <template v-else-if="column.prop === 'link'">
+                    <template v-else-if="column.prop === 'linkUrl'">
                         <a
-                            :href="scope.row[column.prop]"
                             target="_blank"
                             class="link-text"
-                            >{{ scope.row[column.prop] }}
+                            :href="scope.row[column.prop]"
+                        >
+                            {{ scope.row[column.prop] }}
                         </a>
                     </template>
                     <template v-else>
@@ -142,49 +147,56 @@
             </el-table-column>
         </el-table>
 
-        <!-- 新增和编辑表单 -->
+        <!-- 分页 -->
+        <pagination
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+            @pagination="getProductCenterListFun"
+        />
 
+        <!-- 新增和编辑表单 -->
         <DialogModel
             :dialogConfig="dialogConfig"
             @closeDialogOuter="handleCloseDialogOuter"
         >
             <template #outerContent>
-                <AddAndEditForm @closeDialog="closeDialog" />
+                <AddAndEditForm
+                    :formType="formType"
+                    :detailsId="detailsId"
+                    @closeDialog="closeDialog"
+                />
             </template>
         </DialogModel>
     </div>
 </template>
 
 <script>
-import AddAndEditForm from './components/addAndEditForm.vue'
+import {
+    getProductCenterListAPI,
+    deleteProductCenterAPI,
+} from '@/api/dataManage/product-center'
 import DialogModel from '@/components/DialogModel'
+import AddAndEditForm from './components/addAndEditForm.vue'
 export default {
     name: 'ProductCenter',
+    dicts: ['tb_product_type'],
     components: {
         AddAndEditForm,
         DialogModel,
     },
+
     data() {
         return {
-            tableData: [
-                {
-                    name: '产品1',
-                    type: '智慧基建',
-                    cover: 'https://www.baidu.com',
-                    link: 'https://www.baidu.com',
-                    createBy: 'admin',
-                },
-                {
-                    name: '产品2',
-                    type: '智慧后勤',
-                    cover: 'https://www.baidu.com',
-                    link: 'https://www.baidu.com',
-                    createBy: 'admin',
-                },
-            ],
+            total: 0,
+            formType: 1, // 表单类型 1:新增 2:编辑
+            detailsId: '', // 详情id
+            tableData: [],
             queryParams: {
+                pageNum: 1,
+                pageSize: 10,
                 name: undefined,
-                type: undefined,
+                typeId: undefined,
             },
             columns: [
                 {
@@ -192,19 +204,19 @@ export default {
                     label: '名称',
                 },
                 {
-                    prop: 'type',
+                    prop: 'typeName',
                     label: '类型',
                 },
                 {
-                    prop: 'cover',
+                    prop: 'linkImage',
                     label: '封面',
                 },
                 {
-                    prop: 'link',
+                    prop: 'linkUrl',
                     label: '链接',
                 },
                 {
-                    prop: 'createBy',
+                    prop: 'createUser',
                     label: '创建人',
                 },
                 {
@@ -223,33 +235,66 @@ export default {
         }
     },
     methods: {
-        onHandleQuery() {
-            console.log(this.queryParams)
+        // 获取列表
+        async getProductCenterListFun() {
+            const res = await getProductCenterListAPI(this.queryParams)
+            this.tableData = res?.rows
+            this.total = res?.total
         },
+        // 查询
+        onHandleQuery() {
+            this.getProductCenterListFun()
+        },
+        // 重置
         onResetQuery() {
             this.queryParams = {
                 name: undefined,
-                type: undefined,
+                typeId: undefined,
+                pageNum: 1,
+                pageSize: 10,
             }
+            this.getProductCenterListFun()
         },
+        // 新增
         onHandleAdd() {
-            console.log('新增')
+            this.formType = 1
+            this.detailsId = null
             this.dialogConfig.outerTitle = '新增'
             this.dialogConfig.outerVisible = true
         },
+        // 导入
         onHandleImport() {
             console.log('导入')
         },
+        // 导出
         onHandleExport() {
             console.log('导出')
         },
+        // 编辑
         onHandleEdit(row) {
-            console.log('编辑', row)
+            this.formType = 2
+            this.detailsId = row.id
             this.dialogConfig.outerTitle = '编辑'
             this.dialogConfig.outerVisible = true
         },
+        // 删除
         onHandleDelete(row) {
             console.log('删除', row)
+            this.$confirm('确定删除该产品中心吗？', '提示', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning',
+            })
+                .then(async () => {
+                    const res = await deleteProductCenterAPI({ id: row.id })
+                    if (res.code === 200) {
+                        this.$modal.msgSuccess('删除成功')
+                        this.onHandleQuery()
+                    }
+                })
+                .catch(() => {
+                    console.log('取消')
+                })
         },
         // 关闭弹框
         handleCloseDialogOuter() {
@@ -264,7 +309,7 @@ export default {
         },
     },
     created() {
-        // this.onHandleQuery()
+        this.getProductCenterListFun()
     },
 }
 </script>