From 3d87834969be437222eb2e626223339bdb56f006 Mon Sep 17 00:00:00 2001
From: zhufu <17863654727@163.com>
Date: Sat, 9 Aug 2025 15:36:36 +0800
Subject: [PATCH] =?UTF-8?q?AI=E7=AE=97=E6=B3=95=E7=94=BB=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/ailist/add_algorithm_close_button.png  | Bin 0 -> 307 bytes
 public/ailist/algorithm_add_row_icon.png      | Bin 0 -> 186 bytes
 public/ailist/algorithm_upload_icon.png       | Bin 0 -> 859 bytes
 public/ailist/del_table_row.png               | Bin 0 -> 347 bytes
 public/ailist/empty_icon_image.png            | Bin 0 -> 410 bytes
 public/ailist/empty_image.png                 | Bin 0 -> 13517 bytes
 public/ailist/search_input_icon.png           | Bin 0 -> 802 bytes
 public/ailist/search_span_icon.png            | Bin 0 -> 968 bytes
 .../ailist/AddAlgorithmModal.vue              | 486 ++++++++++++++++++
 .../ailist/SelectImageModal.vue               | 166 ++++++
 .../demo/resourcemanagement/ailist/index.vue  | 483 +++++++++++++----
 .../demo/resourcemanagement/ailist/modal.vue  | 184 -------
 12 files changed, 1027 insertions(+), 292 deletions(-)
 create mode 100644 public/ailist/add_algorithm_close_button.png
 create mode 100644 public/ailist/algorithm_add_row_icon.png
 create mode 100644 public/ailist/algorithm_upload_icon.png
 create mode 100644 public/ailist/del_table_row.png
 create mode 100644 public/ailist/empty_icon_image.png
 create mode 100644 public/ailist/empty_image.png
 create mode 100644 public/ailist/search_input_icon.png
 create mode 100644 public/ailist/search_span_icon.png
 create mode 100644 src/views/demo/resourcemanagement/ailist/AddAlgorithmModal.vue
 create mode 100644 src/views/demo/resourcemanagement/ailist/SelectImageModal.vue
 delete mode 100644 src/views/demo/resourcemanagement/ailist/modal.vue

diff --git a/public/ailist/add_algorithm_close_button.png b/public/ailist/add_algorithm_close_button.png
new file mode 100644
index 0000000000000000000000000000000000000000..a9fdf80dbae93766bd9d743a4309fae13e648d7a
GIT binary patch
literal 307
zcmV-30nGl1P)<h;3K|Lk000e1NJLTq000sI000sQ1^@s6R?d!B00001b5ch_0Itp)
z=>Px#?MXyIR5(wS)G-diFbsv^zihzFz<HQpfC&x>6G-jG6}SdBfU)qZx^mMbZIKvA
z;xCRJQUEXD4V-~5^FB-925bwU1P;LSj~-`WLLR^ls06Ltz*Nj5O^hIY2NRjhqH7IO
zWu{=sH69wnvKxhvFxBkd7E$LvwT%qNKEA;rq~DgA57d~tW3XM5+At3pVsko*VHyh&
zTi0L;UL@||R7l}<3i60DNgb`rAqIs=s@T21QwYTn3&_p&YLs1==%%u5HnNPSAhB+C
zofNc=T)?sCWU#TI3fO1vN$Q32SSiRJw#$sS$RG0xY<|znS~@#~V;%qi002ovPDHLk
FV1gN;ekA|^

literal 0
HcmV?d00001

diff --git a/public/ailist/algorithm_add_row_icon.png b/public/ailist/algorithm_add_row_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..fc0d497c4caa3b778044f149fd18944e62a41b35
GIT binary patch
literal 186
zcmeAS@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqjKx9jP7LeL$-D$|N<3X0Lo|Yu
zQyiFVB$x9W7#VD+otK!!DxBsrDgDV=i?6dA8z=t!eEYW!&+5bfnw~gtJ?N@1_WPff
zkkFv{gFWoP?8;vThwIs-Q&vC7acfg<5nT{f_>7<VaQ(9L#@mdH4NU$Vf5g_r<tLkx
ikiar4A&a}1ogqC-M|9EFITAqo89ZJ6T-G@yGywp2%0X%X

literal 0
HcmV?d00001

diff --git a/public/ailist/algorithm_upload_icon.png b/public/ailist/algorithm_upload_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..a8dba1a861d28acf1b690d721d73ae8572a33b94
GIT binary patch
literal 859
zcmV-h1El<kP)<h;3K|Lk000e1NJLTq000^Q000~a1^@s6e-p3M00001b5ch_0Itp)
z=>Px&6-h)vR7gv;md|SwK@`W|+ciOLON3e~Y=oBPriJco@zP6cRYVbb)q}tACU^)v
z=}AOHghEBHdg~t`MO#I&Xa#@FWDmWxU<<LyC1QjilC--|X5HOx)=hV#buNMA?fcC4
z&3C^U1ONs8?;_bAgP@_Ip#fD@9|FMPHa4IFKqmmqa?Z~IfEBgxCJ<w69ubcLKm`Eo
zghIOjV6UttqQ^prE3qKMFiHTRa?TI9YGYZ9v1vrS3IJaLU_Sud<(yv+KiH(mFpRP+
z;GAo*1h>EgS(bHCQIy+=s1Z?K2r(V(;eq5QxQhN3G`6|9`7NDJzXpH|09+74%y=*f
zkca84e+8MQ`9|0E5k*nvWMA91Cklnayyv>4AV;;k9Lvh(jgE+_h}dvV(SeB4i5r$>
zjhd$Uemh0M#x0Lb*Y#V9qFf3W5K$*0cG$LkzECL4I3U9?764!*RJ_PJA5ChC2&Fd>
z@rGqt6Q*g-dZ5jyhMe<Mn;?I*jIs7WjIl?Ecp?dqh@J}}F1u$ZLDz$db{U4Tp=lbV
z(`lz)qtSp;sU&Tl+Hp{Se?Lr3O*x=^J`ZbaYYr$TA$<3R73;b_sVK@FA{rM$EXXr*
z6tw{TmKeYO0QU6s?AA1G*fh<zG6sE6i_xXs(H)Pl?+fod!j6mB*A}RS>)HW1?`kXY
zzM@v3_^EAG<Z`(^s;biR^77B{b2|p=>+9?2?(Tji0o7`CY;|?@M-b+LWa2g@0};Iw
zLL^FtY&P4~+uQpj&||SushlYmi!~4CfIJHuhVe!Iz&Sq{k{*?N&Uxf=xqX>TW)=XB
z5Rvn*jEM3c@}X9%onBd4`R;s|0JL4W5@T!*5s%uo{S*<09Y+v-QWWJB5xo>bob*6`
zo<%5%O>kY;@5#$axm>=M&1OH#rt9nL1DdAY2Y{LoVloaC3kknJp^Y|KT{a6UD!P{w
zd1pup^536`iTJQ45M%5aB96Ct-Ky8?^|MP$OCJ-11_uWRQmNDfL_E}nA|E8<O3DjF
lQ?#N4mW~RFma!9zq+dNIl!W(l!u|jN002ovPDHLkV1oO?gRKAn

literal 0
HcmV?d00001

diff --git a/public/ailist/del_table_row.png b/public/ailist/del_table_row.png
new file mode 100644
index 0000000000000000000000000000000000000000..c47656a076b719a97966308d4a958a42ef56fec6
GIT binary patch
literal 347
zcmV-h0i^zkP)<h;3K|Lk000e1NJLTq000gE000gM1^@s6A4o0H00001b5ch_0Itp)
z=>Px$6-h)vR5(w~k+DhxK@>&ronT`oA}E$A{R4OHB#3Pq>vXa^AmkT<zp&MAu(G#F
zt%!x-CVyb3y{PQ2jWADk;)b{+F{M+@yt(JS%ew?X)Q&cjbHMJFWf8s=i5Jy1CG-o_
zXK9BGbt$x0rI=vPiZw-Ycry>P89tsUs=k12Cls^+X$bi-1+nD@1JBd9yjZajb?;%1
zn;SmJkqG+~+pODimMI0PB8YV5^DCWMZJCM9;sdn^s%rC^g`f`8P(f}>z=Fql;wR<(
zPq1aiBM63W5)ovv*ZrrUHsfpgu}UJyWAAi5tHIq)_H_U5#QR6v*|77v7Pu^urCSx)
ti&Z%iYEWf8%Tb$junMaF^4NFHzX8O&rQQH`qc;Em002ovPDHLkV1mYRnezYu

literal 0
HcmV?d00001

diff --git a/public/ailist/empty_icon_image.png b/public/ailist/empty_icon_image.png
new file mode 100644
index 0000000000000000000000000000000000000000..faad2d92edc3741dbd0173de7d1b9b8714ba081f
GIT binary patch
literal 410
zcmV;L0cHM)P)<h;3K|Lk000e1NJLTq000mG000gM1^@s6CNG?d00001b5ch_0Itp)
z=>Px$R7pfZR5(w)lD$d;K@^40ncX$ntrI0x0-D!|7CwMjSXhgx#KuCb#XhKn6<aMO
z4<I6W0vi$h0ktrgO`Q;vovX8JB3X!T<uo&M=H8Ec?;Lu5@CKlO$t40j0kRj%JRmS{
z4vDxHJwFgFTozluj2|@>1r-8^MiXF5h$fWiQ4EKws3?~aAhe|1-<W+&(BYm0=SJ&o
z=GU|JR!JPoHuwIFZe>1H!3z2CJHYSMOhPF1Ey@ic&UZ^kp`~l70ljK&J6T=kw7rlT
zpa*hnIcNwFwLswPtL?MYfF7QAvMens=%@u9hIeKj=>g7Q-yPb!5XKb<u0mVi{v+Uz
zA!-4dgmix<O{3idQj9dgE6Fk-Y7`@&N1#Ht-d+RM+~hZD1sW%EHO`j{2%3NzJ23|9
z_oTNcIIbUDM^3Efmy$jhTYB1q(LKMjV)kw|*O(Uf36DO}<l)#qp#T5?07*qoM6N<$
Eg3S}BCjbBd

literal 0
HcmV?d00001

diff --git a/public/ailist/empty_image.png b/public/ailist/empty_image.png
new file mode 100644
index 0000000000000000000000000000000000000000..d309fb67fa9bda4b1d2b9e698ce0f1c29e848e2b
GIT binary patch
literal 13517
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
Hu0mjf?#%@d

literal 0
HcmV?d00001

diff --git a/public/ailist/search_input_icon.png b/public/ailist/search_input_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..0c9b0de3343b11077297bae48922f119cbd3ba90
GIT binary patch
literal 802
zcmV+-1Ks?IP)<h;3K|Lk000e1NJLTq000sI000sQ1^@s6R?d!B00001b5ch_0Itp)
z=>Px%+(|@1R5(wSlubxfQ547j|NEZfIHO=w5(VKR3X?vl41zL!;RoVOmSs>1ErM)g
zv}jk<5D|SCR8%1JML~<vK~0+y99}|hqN1`*iy+F1!iXp<o%imEXBfkTS$B8tJ@<G1
z=iGBHk+E#sHa~uom4ws)vI5|20%IB&CS+hd<tDamtR4m+=~tO%u(Kz*N>dJlv;g=r
zgOC&v`3%9;F;|Xlud8@J=`#U}#bSmTC};w8s{k_rd;rl-P1_L}CMBDSMG%P)toRi~
z9=VX6TWc$aJjMhlp6K5K!9@sigt)Ht_d^Zg@LNwox~iyco5f$8)rL}M04xLXSSht-
zQ;qeKU3~-d94D28pb&~@^9(0iU0pqznbxE&BJ8?zr%;RUh6qXsx$KV4*~9p)<RJhD
zNZ#}1Wz~mEOFvBoncVkEVFYKc0oVbEUuc$jpg{o3A<{DPCjVM<b4hAC&_rErJ6C<v
zmk88@Jj{+;$qxiv(aPE!E`Od`m#Lt!Sj=YxLM<SV0_^la;{@LMv|1U7SR?<U#`9@w
zYs)H_w_uwVxd330@kDaOYd9yR${IG5zxW?TW-zo{z!M;P81L<W2*rg;uq!{H+AYg+
z{zcWbzP@14G0y>LBGAf?-sDL|>=od)>0~$7)vf(99Vi-&s->&fEfH6G;WaQ>$&Mbo
zh;)-6^FcWn$}!Gcmi6Oruvj8dV2JMuz$ys3+)&OAdi2F5rOgCR0dPSacLVD5R?GUD
z3G<q<{pQ{IhM~`Zr~>ecn)UUO^-m^e&1VE=?F00F0sJJN3G`JH=r_eb{Ap~|pPj`;
zhB6}{8v!Z!HT@jX;_hw;S9JcKey>|qZYToHBY-R-sisJ8jKqLwNkOS95&5pjmh^9A
z;@+k1?z|bkV6C_agIob%Hh^(JUXvUU==jk6!3V{~Wqu=9ABC1?P(A$vG~J7(pPx-6
gvghioMy<8|6E58;kQblzLI3~&07*qoM6N<$f~}u!E&u=k

literal 0
HcmV?d00001

diff --git a/public/ailist/search_span_icon.png b/public/ailist/search_span_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..b2ad1cbe8e2920a10efdfb6fe68f9d51ae76d0b8
GIT binary patch
literal 968
zcmV;(12_DMP)<h;3K|Lk000e1NJLTq000yK000sQ1^@s6ThRUx00001b5ch_0Itp)
z=>Px&f=NU{R5(w4lwW8ZRTRd*@9rd<ov9V7HI2}g2o(hNMFsokA=zDGObLpqX%)?G
ztX4#d^hMN$G#a5$eGp%y#KLTwwrDEYR7$NgSw-zjLCA~ZA1sxkNlSvH&SsO{nNKHw
zN+N0R<Gts6obx;9yTt#FogZlfq5*<Q0E0oI@(zx)PR@lreQu3y*St-lQ$hvAD<wB`
zW~l_1>Gky)=hC(-A}a)b1CSPQS(e#m%DO|Ah6!u{^tHf70(KBgG+?MRT+~@6nCkv=
zy^-~Y!2Xh(?zQuNJD^sOM=1CJD6y+lNDte2zmLFys4}yD`gq%w6$PCay?RtRCh1_Q
zkbNr-a`MG>Q1}DLl%ST9o4pv{+d2PT68nL2L*Q;7TTyUc!2esqH>E=62{aWgXJh0G
z*g~1dgQLyfVxp7#svF?*K_Q#IDZ{#Fy?YY1JR@KufKf_~AR87EA^~MU6A<DSe}qX~
zjH<Ke%f}wOw5-Cqe6h(W>?gT3<`h51$pq@+L`mO)B!!fywG=l9*hIpLLnVD53BBc`
z*&^+{{}P46Af^Dh0L}?KMZp$PC9H>lYMX#Z37ihxOdJF3J)5k%Ub8s?^CW;ggw-Nm
zrjz%_AzZ_(GQr90_&jj$Fv&d<J`(Yh0X|%8DO8v(7h2+p-#E@QUOj5*gSd-!Zsb=|
ztD-78rUx?@7A81EVuyrb5R;56SOf{|GvHN7j|7FxzW6%T?Qb!{XA=KmDtCUXVd4u2
zw+r|jVa=<sDwhFO2&N!@AZYIbuhDQ;PbF&63-Gy!R-;ik0I4NL7Af35H-Nd4lje0O
z5@^N&9a5xr8V(4U5xLVy_XWYk2@G}4rn<b%#_)om{m`6au7l=K;5Lsfx8D37dJrB6
z3h8yJ{KyUid<x)L;AXm(a<g;ZpCo??+)UHWy*%%L63OAfP4AlHnIHL>(C$cjZMu-X
zF&roF9~aP3a=*2KzG!8q>?z*q%tqIiS`ROrzRiwSd4wJYxO;JJ?3~|Eq6aVyajPo}
zcAs7AD0vma`@!m&9(yX;L!!MZbXe3WfDish<-K5h=73Y5>;v$Is+GG-gROtv%FCky
zHxZf!um++RSamyrDL7T@6OdUzlM+)Teh=Kt{kLS8?DFnS7#@U_6wQfgxA|oJYt1K#
qsocn}_=AO@FyxyvgXy1_3jPbV$Cn=;8M5sF0000<MNUMnLSTZ#Zo)1A

literal 0
HcmV?d00001

diff --git a/src/views/demo/resourcemanagement/ailist/AddAlgorithmModal.vue b/src/views/demo/resourcemanagement/ailist/AddAlgorithmModal.vue
new file mode 100644
index 0000000..ae13fde
--- /dev/null
+++ b/src/views/demo/resourcemanagement/ailist/AddAlgorithmModal.vue
@@ -0,0 +1,486 @@
+<template>
+  <div class="title-div">
+    <div class="title-span-div">
+      <div class="title-icon"></div>
+      <div class="title-span">创建算法</div>
+    </div>
+    <div class="close-button" @click="emits('changeAddModal',false)"></div>
+  </div>
+  <div class="interval"></div>
+  <div class="modal-content">
+    <div class="left-content">
+      <div class="item-title">模型名称</div>
+      <a-input class="name-input" v-model:value="modelName" placeholder="请输入相关名称" />
+      <div class="item-title">模型描述</div>
+      <a-textarea class="item-desc" v-model:value="modelDescription" placeholder="请输入相关描述" :rows="4" />
+      <div class="item-title">模型封面</div>
+      <div class="item-image">
+        <div class="empty-image" @click="changeSelectImageModal(true)">
+          <div class="empty-image-content">
+            <div class="empty-image-icon"></div>
+            <div class="empty-image-span">请选择文件上传</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="right-content">
+      <div class="item-title">模型类型</div>
+      <a-segmented class="item-type" v-model:value="modelType" :options="modelTypeOptions"></a-segmented>
+      <template v-if="modelType == '0'">
+        <div class="item-title">模型规模</div>
+        <a-segmented class="item-type" v-model:value="modelScale" :options="modelScaleOptions"></a-segmented>
+        <div class="item-title">模型文件</div>
+        <a-upload
+          v-model:file-list="modelFile"
+          accept=".zip"
+          :maxCount="1"
+          :custom-request="customRequest"
+        >
+          <a-button class="select-model-file-button" type="primary" :icon="h(PlusOutlined)">选择模型文件</a-button>
+          <!-- <template #itemRender="{ file, actions }">
+            <a-space>
+              <span>{{ file.name }}</span>
+            </a-space>
+          </template> -->
+        </a-upload>
+        <div class="upload-hint">（*请上传模型压缩文件，支持pt格式）</div>
+        <div class="item-title">模型标签</div>
+        <div class="item-label-div">
+          <div class="label-title-div">
+            <div class="label-title-span">请根据模型实际情况填写信息</div>
+            <div class="add-button" @click="addLabelRow">
+              <div class="button-icon"></div>
+              <div class="button-span">添加行</div>
+            </div>
+          </div>
+          <div class="label-interval"></div>
+          <div class="label-table-title">
+            <div class="table-title-item" style="padding-left: 6px;">枚举值</div>
+            <div class="table-title-item">名称</div>
+            <div class="table-title-item">推荐置信度</div>
+            <div class="table-title-item" style="width: 55px;justify-content: center;">操作</div>
+          </div>
+          <div class="label-table-content">
+            <div class="table-row" v-for="(item,index) in modelLabelList" :key="index">
+              <div class="table-item">
+                <a-input class="table-item-input" v-model:value="item.test"/>
+              </div>
+              <div class="table-item">
+                <a-input class="table-item-input" />
+              </div>
+              <div class="table-item">
+                <a-input class="table-item-input" />
+              </div>
+              <div class="table-item" style="width: 55px; justify-content: center">
+                <div class="del-table-row" @click="delLabelRow(index)"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </template>
+      <template v-else>
+        <div class="item-title">推流地址</div>
+        <a-input class="name-input" v-model:value="modelPushAddress" placeholder="请输入地址" />
+        <div class="item-title">拉流地址</div>
+        <a-input class="name-input" v-model:value="modelPullAddress" placeholder="请输入地址" />
+        <div class="item-title">服务地址</div>
+        <a-input class="name-input" v-model:value="modelServeAddress" placeholder="请输入地址" />
+        <div class="item-title">密钥</div>
+        <a-textarea class="item-key" v-model:value="modelKey" placeholder="请输入密钥" :rows="4" />
+      </template>
+    </div>
+  </div>
+  <div class="interval"></div>
+  <div class="footer">
+    <a-button class="cancel-button" @click="emits('changeAddModal',false)">取消</a-button>
+    <a-button class="save-button" type="primary">确定</a-button>
+  </div>
+  <a-modal v-model:open="selectImageModal" title="选择封面" width="1000px" :footer="null" :destroyOnClose="true">
+    <SelectImageModal @changeSelectImageModal="changeSelectImageModal"/>
+  </a-modal>
+</template>
+
+<script setup lang="ts">
+import { ref, h, defineEmits, defineProps } from "vue"
+import { uploadFile } from '@/api/formrender/index';
+import { PlusOutlined, } from '@ant-design/icons-vue';
+import SelectImageModal from "./SelectImageModal.vue";
+const props = defineProps([''])
+const emits = defineEmits(['changeAddModal'])
+const modelName = ref('')
+const modelDescription = ref('')
+const modelType = ref('0')
+const modelScale = ref('N')
+const modelPullAddress = ref('')
+const modelPushAddress = ref('')
+const modelServeAddress = ref('')
+const modelKey = ref('')
+const modelFile = ref([])
+const modelFilePath = ref()
+const modelLabelList = ref([])
+const selectImageModal = ref(false)
+const modelTypeOptions = ref([
+  { label: '本地模型', value: '0' },
+  { label: '远程模型', value: '1' }
+])
+const modelScaleOptions = ref([
+  { label: 'N', value: 'N' },
+  { label: 'S', value: 'S' },
+  { label: 'M', value: 'M' },
+  { label: 'L', value: 'L' },
+  { label: 'XI', value: 'XI' },
+])
+const customRequest = (file) => {
+  const formData = new FormData()
+  formData.append('files', file.file)
+  uploadFile(formData).then(res => {
+    modelFilePath.value = res[0].filePath
+    // emits('update:shppath',res[0].filePath)
+  })
+}
+const addLabelRow = () => { 
+  // TODO
+  modelLabelList.value.push({
+    test:''
+  })
+}
+const delLabelRow = (index) => {
+  modelLabelList.value.splice(index,1)
+}
+const changeSelectImageModal = (type: boolean) => {
+  selectImageModal.value = type
+}
+</script>
+
+<style lang="scss" scoped>
+.title-div{
+  width: 100%;
+  height: 64px;
+  padding-top: 15px;
+  padding-left: 26px;
+  padding-right: 35px;
+  padding-bottom: 14px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  .title-span-div{
+    display: flex;
+    align-items: center;
+    .title-icon{
+      width: 3px;
+      height: 18px;
+      background: #0B60BD;
+      box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+      margin-right: 9px;
+    }
+    .title-span{
+      font-family: PingFangSC-Medium;
+      font-weight: 500;
+      font-size: 20px;
+      color: #11131B;
+      line-height: 33px;
+      text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+    }
+  }
+  .close-button{
+    width: 18px;
+    height: 18px;
+    background-image: url('/public/ailist/add_algorithm_close_button.png');
+    cursor: pointer;
+  }
+}
+.interval{
+  width: 631px;
+  height: 1px;
+  box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+  border: 1px solid #DBDBDB;
+  opacity: 0.66;
+}
+.modal-content{
+  display: flex;
+  padding-top: 14px;
+  padding-left: 27px;
+  padding-right: 35px;
+  padding-bottom: 28px;
+  .item-title{
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    font-size: 16px;
+    color: #222738;
+    line-height: 33px;
+    text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+    margin-bottom: 9px;
+  }
+  .name-input{
+    height: 40px;
+    // box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+    border-radius: 2px;
+    border: 1px solid #CCCCCC;
+    margin-bottom: 6px;
+  }
+  .left-content{
+    width: 253px;
+    margin-right: 46px;
+    .item-desc{
+      height: 151px;
+      // box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+      border-radius: 2px;
+      border: 1px solid #CCCCCC;
+      margin-bottom: 6px;
+    }
+    .item-image{
+      position: relative;
+      width: 100%;
+      height: 155px;
+      background: #F5F5F5;
+      // box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+      border: 2px dashed rgba(28,29,34,0.08);
+      .empty-image{
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        width: 209px;
+        height: 119px;
+        background: #FFFFFF;
+        box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15), 0px 8px 6px 0px rgba(28,29,34,0.06);
+        border-radius: 2px;
+        border: 1px solid #CCCCCC;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+        .empty-image-content{
+          width: 98px;
+          height: 63px;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          .empty-image-icon{
+            width: 26px;
+            height: 28px;
+            background-image: url('/public/ailist/algorithm_upload_icon.png');
+            margin-bottom: 1px;
+          }
+          .empty-image-span{
+            font-family: PingFangSC-Regular;
+            font-weight: 400;
+            font-size: 14px;
+            color: #222738;
+            line-height: 33px;
+            text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+          }
+        }
+      }
+    }
+  }
+  .right-content{
+    width: 269px;
+    .item-type{
+      width: 262px;
+      height: 40px;
+      background: rgba(28,29,34,0.04);
+      border-radius: 20px;
+      margin-bottom: 6px;
+      // box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+      :deep(.ant-segmented-group){
+        height: 36px;
+      }
+      :deep(.ant-segmented-item){
+        width: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 18px;
+        font-family: PingFangSC-Regular;
+        font-weight: 400;
+        font-size: 14px;
+        color: rgba(28,29,34,0.5);
+        line-height: 20px;
+        text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+      }
+      :deep(.ant-segmented-item-selected){
+        font-weight: 500;
+        color: #1C1D22;
+      }
+    }
+    .select-model-file-button{
+      width: 151px;
+      height: 40px;
+      background: #0D68CB;
+      box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+      border-radius: 2px;
+      font-family: PingFangSC-Regular;
+      font-weight: 400;
+      font-size: 16px;
+      color: #FFFFFF;
+      line-height: 33px;
+      text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+    }
+    .upload-hint{
+      font-family: PingFangSC-Regular;
+      font-weight: 400;
+      font-size: 12px;
+      color: #333333;
+      line-height: 28px;
+      text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+    }
+    .item-label-div{
+      width: 100%;
+      height: 155px;
+      background: #F5F5F5;
+      // box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+      border-radius: 2px;
+      padding-top: 3px;
+      padding-left: 8px;
+      padding-right: 10px;
+      .label-title-div{
+        width: 100%;
+        height: 34px;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: 4px;
+        .label-title-span{
+          font-family: PingFangSC-Regular;
+          font-weight: 400;
+          font-size: 12px;
+          color: #222738;
+          line-height: 33px;
+          text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+        }
+        .add-button{
+          width: 66px;
+          height: 26px;
+          background: #FFFFFF;
+          // box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15), 0px 8px 6px 0px rgba(28,29,34,0.06);
+          border: 1px solid rgba(28,29,34,0.06);
+          border-radius: 13px;
+          display: flex;
+          align-items: center;
+          padding-left: 8px;
+          cursor: pointer;
+          user-select: none;
+          .button-icon{
+            width: 8px;
+            height: 8px;
+            background-image: url('/public/ailist/algorithm_add_row_icon.png');
+            margin-right: 4px;
+          }
+          .button-span{
+            font-family: PingFangSC-Regular;
+            font-weight: 400;
+            font-size: 12px;
+            color: #0D68CB;
+            line-height: 33px;
+            text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+          }
+        }
+      }
+      .label-interval{
+        height: 1px;
+        box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+        background:#DBDBDB;
+        opacity: 0.66;
+        margin-left: -8px;
+        margin-right: -10px;
+      }
+      .label-table-title{
+        height: 30px;
+        display: flex;
+        margin-bottom: 4px;
+        .table-title-item{
+          display: flex;
+          width: 66px;
+          font-family: PingFangSC-Regular;
+          font-weight: 400;
+          font-size: 12px;
+          color: #222738;
+          line-height: 33px;
+          text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+        }
+      }
+      .label-table-content{
+        height: 75px;
+        overflow: auto;
+        scrollbar-width: none; 
+        ::-webkit-scrollbar {
+          width: 0;
+          height: 0;
+        }
+
+        .table-row{
+          width: 100%;
+          height: 26px;
+          display: flex;
+          margin-bottom: 1px;
+          .table-item{
+            width: 65px;
+            height: 26px;
+            background: #FFFFFF;
+            // box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15), 0px 8px 6px 0px rgba(28,29,34,0.06);
+            border-radius: 2px 0px 0px 2px;
+            margin-right: 1px;
+            display: flex;
+            align-items: center;
+            // padding-left: 9px;
+            .table-item-input{
+              height: 26px;
+              border: 0px;
+            }
+            .table-item-input:focus{
+              box-shadow: none
+            }
+            .del-table-row{
+              width: 14px;
+              height: 14px;
+              background-image: url('/public/ailist/del_table_row.png');
+              cursor: pointer;
+            }
+          }
+        }
+      }
+    }
+    .item-key{
+      height: 88px;
+      // box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+      border-radius: 2px;
+      border: 1px solid #CCCCCC;
+    }
+  }
+}
+.footer{
+  height: 85px;
+  padding-right: 34px;
+  display: flex;
+  align-items: center;
+  justify-content: end;
+  .cancel-button{
+    width: 101px;
+    height: 40px;
+    box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+    border-radius: 4px;
+    border: 1px solid #979797;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    font-size: 16px;
+    color: #222738;
+    line-height: 33px;
+    text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+    margin-right: 14px;
+  }
+  .save-button{
+    width: 146px;
+    height: 40px;
+    background: #0D68CB;
+    box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+    border-radius: 4px;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    font-size: 16px;
+    color: #FFFFFF;
+    line-height: 33px;
+    text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+  }
+}
+</style>
diff --git a/src/views/demo/resourcemanagement/ailist/SelectImageModal.vue b/src/views/demo/resourcemanagement/ailist/SelectImageModal.vue
new file mode 100644
index 0000000..c355dc0
--- /dev/null
+++ b/src/views/demo/resourcemanagement/ailist/SelectImageModal.vue
@@ -0,0 +1,166 @@
+<template>
+  <div class="cropper-tool">
+    <div class="container">
+      <div class="left">
+        <div style="padding-left: 20px;">
+          <a-upload :fileList="[]" accept="image/*" :beforeUpload="onFileChange">
+              <a-button size="small" type="primary">选择图片</a-button>
+          </a-upload>
+        </div>
+        <div style="margin-top:8px">
+          <img style="width: 640px;height: 266px;" ref="sourceImg" crossorigin="anonymous" />
+        </div>
+        <div class="controls">
+          <button @click="zoomIn">放大</button>
+          <button @click="zoomOut">缩小</button>
+          <button @click="rotateLeft">左旋</button>
+          <button @click="rotateRight">右旋</button>
+          <button @click="flipHorizontal">水平翻转</button>
+          <button @click="flipVertical">垂直翻转</button>
+          <button @click="reset">重置</button>
+        </div>
+      </div>
+      <div class="right">
+        <div style="margin-bottom:10px">裁切预览（固定 300×200）</div>
+        <div class="preview" ref="previewBox" style="width:300px;height:200px;">
+          <span v-if="!croppedUrl">（无）</span>
+          <img v-if="croppedUrl" :src="croppedUrl" alt="预览" />
+        </div>
+        <div style="margin-top:8px; display:flex; gap:8px;">
+          <a v-if="croppedUrl" :href="croppedUrl" download="cropped.png">下载裁切图</a>
+          <button @click="clear">清空</button>
+        </div>
+      </div>
+    </div>
+    <div class="footer">
+       <a-button style="margin-right: 15px;" @click="emits('changeSelectImageModal',false)">取消</a-button>
+       <a-button type="primary" @click="submitImage">确定</a-button>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, defineEmits } from 'vue';
+import Cropper from 'cropperjs';
+import 'cropperjs/dist/cropper.css';
+import { dataURLtoBlob } from '@/utils/file/base64Conver';
+import { uploadFile } from '@/api/formrender/index';
+const emits = defineEmits(['changeSelectImageModal'])
+const sourceImg = ref(null);
+const cropper = ref(null);
+const flipH = ref(1);
+const flipV = ref(1);
+const zoomValue = ref(1);
+const croppedUrl = ref('');
+
+const onFileChange = (e) => {
+  console.log(e)
+  const file = e
+  if (!file) return;
+  const url = URL.createObjectURL(file);
+  sourceImg.value.src = url;
+  sourceImg.value.onload = () => {
+    if (cropper.value) {
+      cropper.value.destroy();
+    }
+    cropper.value = new Cropper(sourceImg.value, {
+      viewMode: 1,
+      aspectRatio: 3 / 2, // 固定比例 300:200
+      autoCropArea: 1,
+      movable: true,
+      zoomable: true,
+      rotatable: true,
+      scalable: true,
+      responsive: true,
+      background: true,
+      cropBoxResizable: false,
+      cropBoxMovable: false,
+      dragMode: 'move',
+      ready() {
+        zoomValue.value = 1;
+        flipH.value = 1;
+        flipV.value = 1;
+        croppedUrl.value = '';
+        getCropped()
+      },
+      crop() {
+        getCropped()
+      }
+    });
+  };
+};
+
+const zoomIn = () => cropper.value?.zoom(0.1);
+const zoomOut = () => cropper.value?.zoom(-0.1);
+const rotateLeft = () => cropper.value?.rotate(-90);
+const rotateRight = () => cropper.value?.rotate(90);
+const flipHorizontal = () => {
+  flipH.value = -flipH.value;
+  cropper.value?.scaleX(flipH.value);
+};
+const flipVertical = () => {
+  flipV.value = -flipV.value;
+  cropper.value?.scaleY(flipV.value);
+};
+const reset = () => {
+  cropper.value?.reset();
+  zoomValue.value = 1;
+  flipH.value = 1;
+  flipV.value = 1;
+};
+
+const getCropped = () => {
+  const canvas = cropper.value.getCroppedCanvas({ width: 300, height: 200 });
+  if (!canvas) return;
+  croppedUrl.value = canvas.toDataURL('image/png');
+  console.log('croppedUrl.value',croppedUrl.value)
+};
+
+const clear = () => {
+  if (cropper.value) {
+    cropper.value.destroy();
+    cropper.value = null;
+  }
+  sourceImg.value.src = '';
+  croppedUrl.value = '';
+};
+const submitImage = (format='image/jpeg', quality = 0.9) => {
+  // const blob = dataURLtoBlob(croppedUrl.value);
+  // const formData = new FormData();
+  // formData.append('files', blob);
+  // uploadFile(formData).then(res => {
+  //   console.log(res)
+  // })
+  if (!cropper.value) return;
+  cropper.value.getCroppedCanvas({ width: 300, height: 200 })
+    .toBlob(async (blob) => {
+      if (!blob) return;
+
+      // 用 FormData 上传
+      const formData = new FormData();
+      formData.append('files', blob, `cropped.jpeg`);
+
+      uploadFile(formData).then(res => {
+        console.log(res)
+      })
+    }, format, quality);
+}
+</script>
+
+<style scoped>
+.container { display: flex; gap: 20px; }
+.left { width: 640px; }
+.right { width: 320px; }
+img { max-width: 100%; display: block; max-height: 480px; background: #f3f3f3; }
+.controls { margin-top: 10px; display:flex; flex-wrap:wrap; gap:8px; }
+.preview { border:1px solid #ddd; display:flex; align-items:center; justify-content:center; overflow:hidden; background:#fafafa }
+.footer{
+  margin-top: 12px;
+  height: 53px;
+  border-top: 1px solid #eee;
+  display: flex;
+  align-items: center;
+  justify-content: end;
+  padding-right: 40px;
+}
+</style>
diff --git a/src/views/demo/resourcemanagement/ailist/index.vue b/src/views/demo/resourcemanagement/ailist/index.vue
index 1d34e09..16bfe15 100644
--- a/src/views/demo/resourcemanagement/ailist/index.vue
+++ b/src/views/demo/resourcemanagement/ailist/index.vue
@@ -1,136 +1,403 @@
 <template>
     <PageWrapper dense contentFullHeight fixedHeight contentClass="flex">
-      <div class="w-1/4 xl:w-1/5 leftbox flex column">
-        <div class="flex ai-c jc-sb">
-          <div class="textbox">
-            <p>算法库</p>
-            <span>行业生态算法厂商</span>
+      <div class="w-1/4 xl:w-1/5 leftbox">
+        <div class="left-title-div">
+          <div class="span-div">
+            <div class="span-title">算法库</div>
+            <div class="span-subtitle">行业生态算法厂商</div>
           </div>
-          <a-button type="primary" size="small" @click="createAddClick">
-            <template #icon><PlusOutlined /></template>
-            创建
-          </a-button>
+          <a-button class="add-algorithm" type="primary" :icon="h(PlusOutlined)" @click="changeAddModal(true)">创建</a-button>
         </div>
-        <div class="flex ai-c jc-c column flex-1">
-          <div class="descbox">
-            <p>请先创建自定义算法，基于算法新增实例<br />了解更多：<BookOutlined :style="{fontSize: '14px', color: '#0A99EB'}" /> 说明书</p>
+        <div class="left-interval"></div>
+        <div class="show-algorithm-list-div">
+          <div class="empty-list">
+            <div class="empty-image"></div>
+            <div class="empty-span-title">暂无数据</div>
+            <div class="empty-span-subtitle">请先创建自定义算法，基于算法新增实例</div>
+            <div style="display: flex;align-items: center;margin-bottom: 28px;">
+              <div class="empty-span-subtitle" style="display: inline;">了解更多：</div>
+              <div class="empty-icon-image"></div>
+              <div class="empty-span-subtitle" style="display: inline;">说明书 </div>
+            </div>
+            <a-button class="empty-add-algorithm" type="primary" :icon="h(PlusOutlined)" @click="changeAddModal(true)">创建自定义算法</a-button>
           </div>
-          <a-button type="primary" @click="createAddClick">
-            <template #icon><PlusOutlined /></template>
-            创建自定义算法
-          </a-button>
         </div>
       </div>
-      <BasicTable
-        class="w-3/4 xl:w-4/5"
-        @register="registerTable"
-        @fetch-success="onFetchSuccess"
-        :searchInfo="searchInfo"
-      >
-       
-      </BasicTable>
-      <Modal
-        @submitsuccess="submitsuccess"
-        @register="registerModal"
-        @submit-reload="submitReload"
-      />
+      <div class="w-3/4 xl:w-4/5 right-out-div">
+        <div class="search-div">
+          <div class="search-span-icon"></div>
+          <div class="search-span">算法库</div>
+          <div class="search-input-div">
+            <a-input-search
+              class="search-input"
+              v-model:value="searchValue"
+              placeholder="按照实例搜索"
+              enter-button="搜索"
+              @search="onSearch"
+            >
+                <template #prefix>
+                  <div class="search-input-icon"></div>
+                </template>
+            </a-input-search>
+          </div>
+        </div>
+        <div class="search-interval">
+          <div class="interval-icon"></div>
+        </div>
+        <div class="show-list-div">
+          <div class="list-div">
+            <div class="item" v-for="value in 8">
+              <div class="image-div">
+                <img class="image-item" src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png">
+                <div class="image-span">
+                  <div class="image-span-icon"></div>
+                  <div class="image-span-info">#排水沟盖板缺</div>
+                </div>
+              </div>
+              <div class="info-div">
+                <div class="info-icon"></div>
+                <div class="info-span-div">
+                  <div class="info-span-title">高速排水沟盖板缺失检测算法</div>
+                  <div class="info-span-subtitle">识别高速公路两侧的排水沟盖板缺……</div>
+                </div>
+                <a-button class="show-info-button" type="primary">查看</a-button>
+              </div>
+            </div>
+          </div>
+          <div class="pagination-div">
+            <a-pagination
+              size="small"
+              :total="50"
+              show-size-changer
+              show-quick-jumper
+              :show-total="total => `共 ${total} 条数据`"
+            />
+          </div>
+        </div>
+      </div>
+      <a-modal width="631px" v-model:open="addAlgorithmModal" :footer="null" :closable="false" :destroyOnClose="true" :maskClosable="false" :keyboard="false">
+        <AddAlgorithmModal @changeAddModal="changeAddModal"/>
+      </a-modal>
     </PageWrapper>
   </template>
   <script lang="ts" setup>
-    import { reactive, nextTick, ref } from 'vue';
-    import { PlusOutlined, BookOutlined } from '@ant-design/icons-vue';
-    import { BasicTable, useTable } from '@/components/Table';
-    import { getButtonList, getMenuDetail, deleteButton } from '@/api/demo/system';
+    import { ref,h } from 'vue';
+    import { PlusOutlined, } from '@ant-design/icons-vue';
     import { PageWrapper } from '@/components/Page';
-    import { columns, searchFormSchema } from './index.data';
-    import { useMessage } from '@/hooks/web/useMessage';
-    import Modal from './modal.vue';
-    import { useModal } from '@/components/Modal';
+    import AddAlgorithmModal from './AddAlgorithmModal.vue';
   
-    const { createConfirm, createMessage } = useMessage();
-    defineOptions({ name: 'MenuManagement' });
-    const searchInfo = reactive<Recordable>({});
-  
-    const [registerTable, { reload, expandAll, getSelectRows, clearSelectedRowKeys }] = useTable({
-      title: '算法列表',
-      // api: getButtonList,
-      columns,
-      rowKey: 'id',
-      formConfig: {
-        labelWidth: 120,
-        schemas: searchFormSchema,
-      },
-      isTreeTable: true,
-      striped: false,
-      useSearchForm: true,
-      showTableSetting: true,
-      bordered: true,
-      showIndexColumn: false,
-      rowSelection: {
-        //多选框
-        // type: 'checkbox',
-        type: 'radio',
-      },
-      handleSearchInfoFn(info) {
-        return info;
-      },
-    });
-    const [registerModal, { openModal }] = useModal();
-    function createAddClick(){
-      openModal(true, {
-        
-      });
+    const searchValue = ref('');
+    const addAlgorithmModal = ref(false)
+    const onSearch = () => {
+    }
+    const changeAddModal = (type: boolean) => {
+      addAlgorithmModal.value = type
     }
   
-    function onFetchSuccess() {
-      // 演示默认展开所有表项
-      nextTick(expandAll);
-    }
   </script>
-  <style scoped>
-  .flex{
-    display: flex;
-  }
-  .flex-1{
-    flex: 1;
-  }
-  .column{
-    flex-direction: column;
-  }
-  .ai-c{
-    align-items: center;
-  }
-  .jc-sb{
-    justify-content: space-between;
-  }
-  .jc-c{
-    justify-content: center;
-  }
+  <style lang="scss" scoped>
   .leftbox{
     background: #fff;
     margin: 16px 0 16px 16px;
-    padding: 16px;
-    .textbox{
-      p{
+    .left-title-div{
+      width: 100%;
+      height: 82px;
+      display: flex;
+      align-items: center;
+      padding-left: 16px;
+      padding-right: 33px;
+      justify-content: space-between;
+      .span-div{
+        width: 104px;
+        height: 42px;
+        .span-title{
+          font-family: PingFangSC-Medium;
+          font-weight: 500;
+          font-size: 16px;
+          color: #060606;
+          line-height: 22px;
+        }
+        .span-subtitle{
+          font-family: PingFangSC-Regular;
+          font-weight: 400;
+          font-size: 13px;
+          color: #393939;
+          line-height: 18px;
+        }
+      }
+      .add-algorithm{
+        width: 80px;
+        height: 30px;
+        background: #0B60BD;
+        border-radius: 0px;
+      }
+    }
+    .left-interval{
+      width: 100%;
+      height: 1px;
+      border: 1px solid rgba(28,29,34,0.08);
+      opacity: 0.46;
+    }
+    .show-algorithm-list-div{
+      position: relative;
+      width: 100%;
+      height: calc(100% - 84px );
+      .empty-list{
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        width: 280px;
+        height: 311px;
+        background: #FFFFFF;
+        box-shadow: 5px 18px 32px 0px rgba(0,0,0,0.1);
+        border: 2px dashed rgba(28,29,34,0.08);
+        border-radius: 10px;
+        padding-top: 28px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        .empty-image{
+          width: 114px;
+          height: 120px;
+          background-image: url('/public/ailist/empty_image.png');
+          margin-bottom: 8px;
+        }
+        .empty-span-title{
+          font-family: PingFangSC-Regular;
+          font-weight: 400;
+          font-size: 13px;
+          color: #000000;
+          line-height: 18px;
+          margin-bottom: 12px;
+        }
+        .empty-span-subtitle{
+          font-family: PingFangSC-Regular;
+          font-weight: 400;
+          font-size: 13px;
+          color: #393939;
+          line-height: 18px;
+        }
+        .empty-icon-image{
+          width: 16px;
+          height: 14px;
+          background-image: url('/public/ailist/empty_icon_image.png');
+          line-height: 18px;
+          display: inline;
+          cursor: pointer;
+        }
+        .empty-add-algorithm{
+          width: 167px;
+          height: 30px;
+          background: #0D68CB;
+          border-radius: 0px;
+        }
+      }
+    }
+  }
+  .right-out-div{
+    padding: 16px 16px 16px 33px;
+    .search-div{
+      position: relative;
+      height: 57px;
+      display: flex;
+      align-items: center;
+      .search-span-icon{
+        width: 20px;
+        height: 18px;
+        background-image: url('/public/ailist/search_span_icon.png');
+        margin-right: 10px;
+      }
+      .search-span{
+        font-family: PingFangSC-Medium;
         font-weight: 500;
         font-size: 16px;
         color: #060606;
         line-height: 22px;
-        margin-bottom: 0;
       }
-      span{
-        font-weight: 400;
-        font-size: 13px;
-        color: #393939;
-        line-height: 18px;
+      .search-input-div{
+        position: absolute;
+        top: 0px;
+        right: 0px;
+        width: 304px;
+        height: 38px;
+        .search-input{
+          :deep(.ant-input-affix-wrapper){
+            font-family: PingFangSC-Regular;
+            font-weight: 400;
+            font-size: 14px;
+            line-height: 28px;
+            height: 38px;
+            border-top-left-radius: 19px;
+            border-bottom-left-radius: 19px;
+          }
+          :deep(.ant-input-search-button,){
+            font-family: PingFangSC-Regular;
+            font-weight: 400;
+            font-size: 14px;
+            color: #FFFFFF;
+            line-height: 28px;
+            height: 38px;
+            border-top-right-radius: 19px;
+            border-bottom-right-radius: 19px;
+          }
+          :deep(.ant-input){
+            padding-left: 20px; 
+          }
+          .search-input-icon{
+            width: 18px;
+            height: 18px;
+            background-image: url('/public/ailist/search_input_icon.png');
+          }
+        }
       }
     }
-    .descbox{
-      font-weight: 400;
-      font-size: 13px;
-      color: #393939;
-      line-height: 18px;
-      text-align: center;
+    .search-interval{
+      position: relative;
+      width: 100%;
+      height: 2px;
+      background:rgba(28,29,34,0.08);
+      margin-bottom: 22px;
+      .interval-icon{
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 137px;
+        height: 2px;
+        background: #0B60BD;
+      }
+    }
+    .show-list-div{
+      width: 100%;
+      height: calc( 100% - 81px );
+      background: #FFFFFF;
+      border: 2px dashed rgba(28,29,34,0.08);
+      border-radius: 10px;
+      padding: 32px;
+      .list-div{
+        width: 100%;
+        display: flex;
+        flex-wrap: wrap;
+        margin-bottom: 90px;
+        .item{
+          width: 300px;
+          height: 268px;
+          background: #FFFFFF;
+          box-shadow: 5px 18px 32px 0px rgba(28,29,34,0.1);
+          border-radius: 10px;
+          margin-right: 10px;
+          margin-bottom: 20px;
+          .image-div{
+            position: relative;
+            width: 300px;
+            height: 200px;
+            margin-bottom: 12px;
+            .image-item{
+              width: 100%;
+              height: 100%;
+              border-top-left-radius: 10px;
+              border-top-right-radius: 10px;
+            }
+            .image-span{
+              position: absolute;
+              left: 0px;
+              bottom: 0px;
+              width: 205px;
+              height: 20px;
+              background: linear-gradient( 270deg, rgba(7,7,7,0) 0%, #111111 100%);
+              display: flex;
+              align-items: center;
+              padding-left: 9px;
+              .image-span-icon{
+                width: 4px;
+                height: 4px;
+                background: #FFA048;
+                border-radius: 50%;
+                margin-right: 5px;
+              }
+              .image-span-info{
+                font-family: PingFangSC-Regular;
+                font-weight: 400;
+                font-size: 11px;
+                color: #FFFFFF;
+                line-height: 15px;
+              }
+            }
+          }
+          .info-div{
+            width: 100%;
+            height: 40px;
+            display: flex;
+            align-items: center;
+            padding-left: 7px;
+            .info-icon{
+              width: 3px;
+              height: 34px;
+              background: #0B60BD;
+              margin-right: 5px;
+            }
+            .info-span-div{
+              width: 187px;
+              margin-right: 22px;
+              .info-span-title{
+                font-family: PingFangSC-Medium;
+                font-weight: 500;
+                font-size: 14px;
+                color: #1C1D22;
+                line-height: 20px;
+                margin-bottom: 5px;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+              }
+              .info-span-subtitle{
+                font-family: PingFangSC-Regular;
+                font-weight: 400;
+                font-size: 11px;
+                color: rgba(28,29,34,0.5);
+                line-height: 15px;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+              }
+            }
+            .show-info-button{
+              width: 54px;
+              height: 23px;
+              border-radius: 12px;
+              background: #0B60BD;
+              :deep(span){
+                position: absolute;
+                top: 50%;
+                left: 50%;
+                transform: translate(-50%, -50%);
+                font-family: PingFangSC-Regular;
+                font-weight: 400;
+                font-size: 11px;
+                color: #FFFFFF;
+                line-height: 15px;
+              }
+            }
+          }
+        }
+        .item:nth-child(4n){
+          margin-right: 0px;
+        }
+      }
+      
+      .pagination-div{
+        padding-right: 32px;
+        width: 100%;
+        height: 66px;
+        display: flex;
+        align-items: center;
+        justify-content: end;
+      }
+    }
+    .right-box{
+      width: 100%;
+      height: 100%;
+      background-color: #fff;
     }
   }
   </style>
diff --git a/src/views/demo/resourcemanagement/ailist/modal.vue b/src/views/demo/resourcemanagement/ailist/modal.vue
deleted file mode 100644
index 629efa5..0000000
--- a/src/views/demo/resourcemanagement/ailist/modal.vue
+++ /dev/null
@@ -1,184 +0,0 @@
-<template>
-    <BasicModal
-      v-bind="$attrs"
-      @register="registerModal"
-      :canFullscreen="false"
-      :defaultFullscreen="false"
-      :showCancelBtn="true"
-      :showOkBtn="true"
-      :draggable="false"
-      title="创建算法"
-      @ok="submitClick"
-    >
-        <div class="flex titlesbox">
-            <div class="li" v-for="(item,index) in tabList">
-                <span :class="index==tabIndex?'active':''" @click="tabsClick(index)">{{item}}</span>
-            </div>
-        </div>
-        <!-- 视频算法 -->
-        <div class="formsbox" v-if="tabIndex == 0">
-            <a-form
-                :model="formState"
-                ref="formRef"
-                :label-col="{ span: 6 }"
-                :wrapper-col="{ span: 18 }"
-                autocomplete="off"
-            >
-                <a-form-item
-                    label="算法名称"
-                    name="username"
-                    :rules="[{ required: true, message: '请输入' }]"
-                >
-                    <a-input v-model:value="formState.username" />
-                </a-form-item>
-                <a-form-item
-                    label="概要描述"
-                    name="username"
-                    :rules="[{ required: true, message: '请输入' }]"
-                >
-                    <a-textarea v-model:value="formState.username" />
-                </a-form-item>
-                <a-form-item
-                    label="算力名称"
-                    name="username"
-                    :rules="[{ required: true, message: '请输入' }]"
-                >
-                    <a-input v-model:value="formState.username" />
-                </a-form-item>
-                <a-form-item
-                    label="推流地址"
-                    name="username"
-                    :rules="[{ required: true, message: '请输入' }]"
-                >
-                    <a-input v-model:value="formState.username" />
-                </a-form-item>
-                <a-form-item
-                    label="拉流地址"
-                    name="username"
-                    :rules="[{ required: true, message: '请输入' }]"
-                >
-                    <a-input v-model:value="formState.username" />
-                </a-form-item>
-                <a-form-item
-                    label="服务地址"
-                    name="username"
-                    :rules="[{ required: true, message: '请输入' }]"
-                >
-                    <a-input v-model:value="formState.username" />
-                </a-form-item>
-                <a-form-item
-                    label="秘钥"
-                    name="username"
-                    :rules="[{ required: true, message: '请输入' }]"
-                >
-                    <a-input v-model:value="formState.username" />
-                </a-form-item>
-            </a-form>
-        </div>
-        <!-- 图片算法 -->
-        <div class="formsbox" v-if="tabIndex == 1">
-            <a-form
-                :model="formState"
-                ref="formRef"
-                :label-col="{ span: 6 }"
-                :wrapper-col="{ span: 18 }"
-                autocomplete="off"
-            >
-                <a-form-item
-                    label="算法名称"
-                    name="username"
-                    :rules="[{ required: true, message: '请输入' }]"
-                >
-                    <a-input v-model:value="formState.username" />
-                </a-form-item>
-                <a-form-item
-                    label="概要描述"
-                    name="username"
-                    :rules="[{ required: true, message: '请输入' }]"
-                >
-                    <a-textarea v-model:value="formState.username" />
-                </a-form-item>
-                <a-form-item
-                    label="算力名称"
-                    name="username"
-                    :rules="[{ required: true, message: '请输入' }]"
-                >
-                    <a-input v-model:value="formState.username" />
-                </a-form-item>
-                <a-form-item
-                    label="服务地址"
-                    name="username"
-                    :rules="[{ required: true, message: '请输入' }]"
-                >
-                    <a-input v-model:value="formState.username" />
-                </a-form-item>
-                <a-form-item
-                    label="秘钥"
-                    name="username"
-                    :rules="[{ required: true, message: '请输入' }]"
-                >
-                    <a-input v-model:value="formState.username" />
-                </a-form-item>
-            </a-form>
-        </div>
-    </BasicModal>
-</template>
-<script lang="ts" setup>
-    import { ref, defineEmits, reactive, toRaw } from 'vue';
-    import { BasicModal, useModalInner } from '@/components/Modal';
-    const tabIndex = ref(0);
-    const tabList = ["视频算法","图片算法"];
-    const tabsClick = (index) =>{
-        tabIndex.value = index
-    }
-    const formRef = ref();
-    interface FormState {
-        username: string;
-        password: string;
-        remember: boolean;
-    }
-
-    const formState = reactive<FormState>({
-        username: '',
-        password: '',
-        remember: true,
-    });
-    const submitClick = ()=>{
-        console.log('submit')
-        formRef.value.validate().then(() => {
-            console.log('values', formState, toRaw(formState));
-        })
-        .catch(error => {
-            console.log('error', error);
-        });
-    }
-    const [registerModal, { closeModal }] = useModalInner((data: any) => {
-        
-    });
-</script>
-<style scoped>
-.titlesbox{
-    width: 92%;
-    margin-left: 4%;
-    line-height: 40px;
-    border-bottom: 1px solid #F5F6FA;
-    .li{
-        width: 50%;
-        text-align: center;
-        span{
-            color: #222738;
-            cursor: pointer;
-            line-height: 40px;
-            display: inline-block;
-        }
-        .active{
-            border-bottom: 3px solid #3A57E8;
-        }
-    }
-}
-.formsbox{
-    width: 92%;
-    margin-left: 4%;
-    padding-top: 20px;
-}
-</style>
\ No newline at end of file