新增活动列表

src/utils/api/index.js

@@ -131,6 +131,9 @@ export function updActivityApi(data) {
     url: "api/updActivity.php",
     method: "post",
     data,
+    headers: {
+      "Content-Type": "multipart/form-data", // set the content type to multipart/form-data
+    },
   });
 }
 

src/views/activityList/index.vue

@@ -15,7 +15,7 @@
         <h3 class="lableBox">装置列表：</h3>
         <el-input
           type="textarea"
-          :rows="32"
+          :rows="28"
           placeholder="请输入装置列表"
           v-model="activityForm.cmdidArr"
           @focus="textfocus"
@@ -70,6 +70,38 @@
         </el-table-column>
       </el-table>
     </div>
+    <el-dialog
+      class="termsDialog"
+      :title="activityName"
+      :visible.sync="termsShow"
+      :close-on-click-modal="false"
+      width="50%"
+    >
+      <el-table
+        :data="termsData"
+        style="width: 100%"
+        :header-cell-style="{ 'text-align': 'center' }"
+        :cell-style="{ 'text-align': 'center' }"
+        border
+        stripe
+        height="600px"
+        v-loading="activityloading"
+      >
+        <el-table-column type="index" width="50" label="序号">
+        </el-table-column>
+
+        <el-table-column prop="line_name" label="线路名称"> </el-table-column>
+        <el-table-column prop="tower_name" label="杆塔名称"> </el-table-column>
+        <el-table-column prop="protocol" label="规约">
+          <template slot-scope="scope">
+            {{ protocolMap[scope.row.protocol] }}
+          </template>
+        </el-table-column>
+      </el-table>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="termsShow = false">关闭</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 <script>
@@ -88,6 +120,21 @@ export default {
       },
       titleFlag: false, //title为空
       cmdidFlag: false, //cmdid为空
+      termsShow: false,
+      termsData: [],
+      termsLoading: true,
+      activityName: "",
+      protocolMap: {
+        65280: "国网I1",
+        65296: "陕西",
+        65281: "安徽",
+        65282: "江苏",
+        65283: "湖南",
+        65284: "浙江",
+        65285: "河南全景",
+        65286: "河南郑州",
+        65290: "河南统一视频v2020",
+      },
     };
   },
   computed: {},
@@ -111,12 +158,19 @@ export default {
     },
     //活动详情
     handleEditClick(row) {
+      this.termsShow = true;
+      this.termsLoading = true;
+      this.termsData = [];
       getqueryActivityApi({
         act: "detail",
         id: row.id,
       })
         .then((res) => {
           console.log(res);
+          this.termsLoading = false;
+          this.activityName =
+            res.data.activity.title + "(" + res.data.activity.termCount + ")";
+          this.termsData = res.data.terms;
         })
         .catch((err) => {});
     },
@@ -254,5 +308,17 @@ export default {
       margin-right: 14px;
     }
   }
+  .termsDialog {
+    .el-dialog {
+      margin-top: 0 !important;
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%);
+    }
+    .el-dialog__body {
+      padding: 12px;
+    }
+  }
 }
 </style>