1

src/components/tradePavilion/billboardList.vue

@@ -10,6 +10,14 @@
           @click="CommonJump('addbillboard')"
           >新增
         </el-button>
+        <el-button
+          style="float: right; margin-top: -5px; margin-right: 10px"
+          size="small"
+          type="primary"
+          :disabled="multipleSelection.length === 0"
+          @click="downloadMultipleExcel"
+          >下载多榜单报名
+        </el-button>
       </div>
     </div>
     <div class="content">
@@ -118,7 +126,10 @@
         v-loading="loading"
         border
         style="width: 100%; margin: 20px 0"
+        @selection-change="handleSelectionChange"
       >
+        >
+        <el-table-column type="selection" width="55"> </el-table-column>
         <el-table-column prop="UserName" label="榜单信息" width="200">
           <template slot-scope="scope">
             <el-image
@@ -161,7 +172,7 @@
         </el-table-column>
         <el-table-column prop="ListStateName" label="状态"> </el-table-column>
 
-        <el-table-column label="操作" width="170">
+        <el-table-column label="操作" width="270">
           <template slot-scope="scope">
             <el-tooltip
               class="item"
@@ -215,6 +226,19 @@
                 @click="delete_b(scope.row)"
               />
             </el-tooltip>
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="下载榜单报名excel"
+              placement="top"
+            >
+              <img
+                src="../../assets/img/userman/imgsc.png"
+                alt=""
+                class="imgstyle"
+                @click="downloadSingerExcel(scope.row)"
+              />
+            </el-tooltip>
           </template>
         </el-table-column>
       </el-table>
@@ -267,6 +291,7 @@ export default {
       ListType: [], //榜单类型 枚举
       ListState: [], //榜单状态 枚举
       ListObjectType: [], //面向群体 枚举
+      multipleSelection: [], //多选
     };
   },
   created() {
@@ -380,6 +405,28 @@ export default {
         },
       });
     },
+    // 导出单个excel
+    downloadSingerExcel(item) {
+      this.GetLocalFile(
+        "/api/Trade/GetFirstShopListEnrollToExcel",
+        { ListId: item.Id },
+        "榜单报名列表.xls"
+      );
+    },
+    handleSelectionChange(val) {
+      this.multipleSelection = val;
+      console.log(val);
+    },
+    // 导出多个excel
+    downloadMultipleExcel() {
+      let ids = this.multipleSelection.map((e) => e.Id).toString();
+      console.log(ids);
+      this.GetLocalFile(
+        "/api/Trade/GetFirstShopMoreListEnrollToExcel",
+        { ListIds: ids },
+        "榜单报名列表.xls"
+      );
+    },
   },
   mounted() {},
 };

src/components/tradePavilion/publishAlist.vue

@@ -23,7 +23,7 @@
             v-model="x.Id"
             size="small"
             placeholder="请选择"
-            @change="selectdis()"
+            @change="selectdis($event, y)"
             clearable
           >
             <el-option
@@ -33,30 +33,11 @@
               :value="item.Id"
               :disabled="item.disabled"
             >
+              <div>{{ item.CompanyName }}-{{ item.ObjectName }}</div>
             </el-option>
           </el-select>
           <span style="margin-left: 15px; line-height: 32px">小奖章</span>
           <div style="margin-left: 5px">
-            <!-- <el-button @click="openChangeDig(1, y)" size="small"
-              >选择文件</el-button
-            >
-            <div
-              class="app-gallery-item"
-              style="position: relative; width: 100px; margin-top: 10px"
-            >
-              <img
-                v-if="!x.SmallMedal || x.SmallMedal == ''"
-                src="../../assets/img/default.png"
-                style="width: 80px; height: 80px"
-                alt=""
-              />
-              <el-image
-                v-else
-                style="width: 80px; height: 80px"
-                :src="x.SmallMedal"
-              >
-              </el-image>
-            </div> -->
             <el-upload
               class="avatar-uploader"
               action
@@ -65,23 +46,12 @@
               :data="{ index: y }"
             >
               <i
-                v-if="!x.SmallIco || x.SmallIco == ''"
+                v-if="!x.MedalImage || x.MedalImage == ''"
                 class="el-icon-plus avatar-uploader-icon"
               ></i>
-              <img v-else :src="x.SmallIco" class="avatar" />
+              <img v-else :src="x.MedalImage" class="avatar" />
             </el-upload>
           </div>
-          <!-- <span style="margin-left: 15px;line-height: 32px;">大奖章</span>
-                    <div style="margin-left: 5px">
-                        <el-button @click="openChangeDig(2,y)" size="small">选择文件</el-button>
-                        <div class="app-gallery-item" style="position: relative; width: 100px; margin-top: 10px">
-                            <img v-if="!x.GrandMedal || x.GrandMedal == ''" src="../../assets/img/default.png"
-                                style="width: 80px; height: 80px" alt="" />
-                            <el-image v-else style="width: 80px; height: 80px" :src="x.GrandMedal">
-                            </el-image>
-                        </div>
-                    </div> -->
-          <!-- <el-button @click="synchro()" size="small" type="primary" style="margin-left: 15px">奖章同步</el-button> -->
           <el-tooltip
             class="item"
             effect="dark"
@@ -100,17 +70,12 @@
             type="textarea"
             :rows="2"
             placeholder="请输入内容"
-            v-model="x.comment"
+            v-model="x.Reviews"
             class="w400"
             style="margin-left: 15px"
           >
           </el-input>
         </div>
-        <!-- <div style="margin: 20px 0;display: flex;align-items: flex-start;">
-                    评语:
-                    <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="x.comment" class='w400' style='margin-left: 15px;'>
-                    </el-input>
-                </div> -->
       </div>
     </div>
     <div style="margin-top: 20px">
@@ -145,6 +110,7 @@ export default {
       msgList: [],
       enterpriseList: [], //入围企业
       msgListindex: 0,
+      sort: 0,
       msg: {
         Type: 0,
         ListId: 0,
@@ -161,13 +127,14 @@ export default {
       this.dataobj.Finalists = this.$route.query.PrizeNum;
     }
     this.msgList = [];
-
     for (let i = 0; i < this.dataobj.Finalists; i++) {
       let obj = {
         Id: "", //企业ID
-        comment: "", //评语
-        SmallMedal: "", //小奖章
-        GrandMedal: "", //大奖章
+        UserId: "", //用户ID
+        Reviews: "", //评语
+        MedalImage: "", //小奖章
+        MedalImageBig: "", //大奖章
+        Rank: i + 1, //排名
       };
 
       this.msgList.push(obj);
@@ -197,17 +164,22 @@ export default {
       let Grand = "";
       this.msgList.forEach((x, y) => {
         if (y == index) {
-          Small = x.SmallMedal;
-          Grand = x.GrandMedal;
+          Small = x.MedalImage;
+          Grand = x.MedalImageBig;
         }
         if (y > index) {
           //之后同步数据
-          x.SmallMedal = Small;
-          x.GrandMedal = Grand;
+          x.MedalImage = Small;
+          x.MedalImageBig = Grand;
         }
       });
     },
-    selectdis() {
+    selectdis(val, index) {
+      this.enterpriseList.forEach((e) => {
+        if ((val = e.Id)) {
+          this.msgList[index].UserId = e.UserId;
+        }
+      });
       //企业下拉禁止选择处理
       this.enterpriseList.forEach((x, y) => {
         let ishow = false;
@@ -225,8 +197,8 @@ export default {
       });
     },
 
-    //保存品牌
-    Save(formName) {},
+    //保存榜单排名
+    Save() {},
     //获取详情
     getData(ID) {
       this.apipost(
@@ -254,14 +226,12 @@ export default {
             this.enterpriseList.forEach((e, i) => {
               e.disabled = false;
             });
-            console.log(239, this.enterpriseList);
           }
         }
       );
     },
     //上传小奖章
     UploadSmall(file) {
-      console.log(file);
       let imgSrc = window.URL.createObjectURL(file.file);
       let img = new Image();
       img.src = imgSrc;
@@ -275,7 +245,7 @@ export default {
       this.UploadFileToTencent(this.FileType().UserImg, file.file, (res) => {
         if (res.resultCode == 1) {
           let index = file.data.index;
-          this.msgList[index].SmallIco = res.FileUrl;
+          this.msgList[index].MedalImage = res.FileUrl;
         }
       });
     },