根据构建失败错误修改

yudao-admin-vue3/src/views/mall/promotion/intelligent/index.vue

@@ -12,43 +12,49 @@
       </div>
     </el-card>
 
-    <el-card class="box-card" v-for="o in cardList" :key="o" >
+    <el-card class="box-card" v-for="o in cardList" :key="o.id">
-      <div slot="header" class="clearfix">
+      <template #header>
-        <span style="font-size: 23px;
+        <div class="clearfix">
+          <span
+style="font-size: 23px;
 color: #000000;
 background-color:#ffffff;
 border-color: #fdfdff;">{{ o.title }}</span>
           <el-button style="float: right; padding: 3px 0" type="text" @click="handelExtend(o.id)">推广</el-button>
         </div>
+      </template>
       <div style="display: flex;justify-content: space-between">
         <!--      <div style="width: 30%">-->
         <!--        <div>采购员</div>-->
         <!--        <p style="font-size: 25px">1</p>-->
         <!--      </div>-->
         <div style="width: 30%">
-          <div style="font-size: 18px;
+          <div
+style="font-size: 18px;
                 color: #999595;
                 background-color:#ffffff;
                 border-color: #fdfdff;">总浏览量</div>
           <p style="font-size: 25px">{{ o.pageView }}</p>
         </div>
         <div style="width: 30%">
-          <el-link style="font-size: 18px;
+          <el-link
+style="font-size: 18px;
                 color: #999595;
                 background-color:#ffffff;
-                border-color: #fdfdff;"
+                border-color: #fdfdff;" @click="extendList(o.id)">采集数量</el-link>
-          @click="extendList(o.id)">采集数量</el-link>
           <p style="font-size: 25px" @click="extendList(o.id)">{{ o.collectionQuantity }}</p>
         </div>
       </div>
       <div style="display: flex;justify-content: space-between">
         <div>
-          <span style="font-size: 16px;
+          <span
+style="font-size: 16px;
                 color: #999595;
                 background-color:#ffffff;
                 border-color: #fdfdff;">创建人：{{ o.createPeople }}</span>
         </div>
-        <div style="font-size: 16px;
+        <div
+style="font-size: 16px;
                 color: #999595;
                 background-color:#ffffff;
                 border-color: #fdfdff;">创建时间：{{ o.createTime }}</div>
@@ -59,24 +65,30 @@ border-color: #fdfdff;">{{o.title}}</span>
     <!--    </el-col>-->
 
     <!-- 添加表单对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog :title="title" v-model:visible="open" width="500px" append-to-body>
 
       <div style="text-align: center">
         <!--        <el-form-item label="表单标题">-->
-        <div><span>标题</span>        <el-input style="border-bottom: 1px solid skyblue;margin-bottom: 10px" v-model="addParams.title" placeholder="请输入表单标题" />
+        <div><span>标题</span> <el-input
+style="border-bottom: 1px solid skyblue;margin-bottom: 10px"
+            v-model="addParams.title" placeholder="请输入表单标题" />
         </div>
         <!--        </el-form-item>-->
         <!--        <el-form-item label="字段名称">-->
-        <div v-for="(item,index) in inputarr" key="index" style="margin-bottom: 10px;">
+        <div v-for="(item, index) in inputarr" :key="index" style="margin-bottom: 10px;">
-          <span>字段</span> <el-input style="border: 1px solid #DCDFE6;border-radius: 3px; "   v-model="inputarr[index]" placeholder="请输入字段"></el-input>
+          <span>字段</span> <el-input
+style="border: 1px solid #DCDFE6;border-radius: 3px; " v-model="inputarr[index]"
+            placeholder="请输入字段" />
         </div>
         <div>
-          <el-button  @click="adinput" style="text-align: center;width: 90%;background-color: rgb(232,244,255);color:#1890ff">添加字段</el-button>
+          <el-button
+@click="adinput"
+            style="text-align: center;width: 90%;background-color: rgb(232,244,255);color:#1890ff">添加字段</el-button>
         </div>
 
         <!--        </el-form-item>-->
       </div>
-      <br>
+      <br />
       <div class="el-input-foot">
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
@@ -84,13 +96,13 @@ border-color: #fdfdff;">{{o.title}}</span>
     </el-dialog>
 
     <!--    推广链接对话框-->
-    <el-dialog :title="extendTitle" :visible.sync="extendOpen" width="500px" append-to-body>
+    <el-dialog :title="extendTitle" v-model:visible="extendOpen" width="500px" append-to-body>
-      <el-input v-model="extendLink" placeholder="请输入内容" :disabled="true"></el-input>
+      <el-input v-model="extendLink" placeholder="请输入内容" :disabled="true" />
       <el-button @click="copyAddress">复制</el-button>
     </el-dialog>
 
     <!--   采集数据列表 -->
-    <el-dialog :title="collectTitle" :visible.sync="collectOpen"  append-to-body>
+    <el-dialog :title="collectTitle" v-model:visible="collectOpen" append-to-body>
       <el-table border v-loading="loading" :data="collectLink" @selection-change="handleSelectionChange">
         <el-table-column type="selection" width="55" align="center" />
         <div>
@@ -99,12 +111,14 @@ border-color: #fdfdff;">{{o.title}}</span>
         <!--        <el-table-column label="编号" align="center" prop="id" />-->
         <!--        <el-table-column label="id" align="center" prop="dynamicDataId" />-->
         <!--        <el-table-column v-for="item in collectLink" :label="item.map" align="center" :prop="item" />-->
-        <template v-for="item in Object.keys(collectLink[0])">
+        <template>
-          <el-table-column :label="item">
+          <el-table>
+            <el-table-column v-for="(item, index) in Object.keys(collectLink[0])" :key="index" :label="item">
               <template #default="scope">
                 <span>{{ scope.row[item] }}</span>
               </template>
             </el-table-column>
+          </el-table>
         </template>
       </el-table>
     </el-dialog>
@@ -246,6 +260,7 @@ border-color: #fdfdff;">{{o.title}}</span>
     display: table;
     content: "";
   }
+
   .clearfix:after {
     clear: both
   }
@@ -260,8 +275,10 @@ border-color: #fdfdff;">{{o.title}}</span>
     display: flex;
     justify-content: center;
     align-items: center;
-    height: 100px; /* 可根据需要调整高度 */
+    height: 100px;
-    color: #ccc; /* 灰白色 */
+    /* 可根据需要调整高度 */
+    color: #ccc;
+    /* 灰白色 */
   }
 
   .el-input-foot {
@@ -270,9 +287,11 @@ border-color: #fdfdff;">{{o.title}}</span>
     text-align: center;
     box-sizing: border-box;
   }
+
   ::v-deep.el-input--medium {
     width: 80%;
   }
+
   ::v-deep.el-input--medium .el-input__inner {
     border: none;
     /* border-bottom:1px solid blue; */