工作台弹框

src/assets/styles/public.scss

@@ -4311,6 +4311,63 @@
   }
 }
 
+// 政务端工作台产业品牌打造宣传弹框
+.chanyehuodongxiangqing-dialog {
+  .el-dialog__body {
+    padding: 20px 50px;
+  }
+
+  .el-dialog__header {
+    border-bottom: 1px solid #F0F0F0;
+
+    .el-dialog__title {
+      font-family: PingFang-SC-Heavy;
+      font-weight: 800;
+      font-size: 16px;
+      color: #000000;
+    }
+  }
+  .el-dialog__footer {
+    .chanyehuodongxiangqing-footer {
+      .el-form-item {
+        margin-bottom: 0;
+
+        .el-button--primary.is-active,
+        .el-button--primary:active {
+          background: oklab(0.7 -0.3 -0.4);
+          border-color: #1890FF;
+          color: #FFFEFE;
+        }
+
+        .el-button--primary {
+          background: #1890FF;
+          border-color: #1890FF;
+          color: #FFFEFE;
+        }
+
+        .el-button--primary:focus,
+        .el-button--primary:hover {
+          background: oklab(0.7 -0.3 -0.4);
+          border-color: #1890FF;
+          color: #FFFEFE;
+        }
+
+        .el-button--default:hover,
+        .el-button--primary:hover {
+          background-color: oklab(0.65 -0.06 -0.18);
+          border-color: #1890FF;
+          color: #FFFEFE;
+        }
+
+        .el-button--default {
+          border-color: #1890FF;
+          color: #000000;
+        }
+      }
+    }
+  }
+}
+
 #echarts {
   width: 100%;
   height: calc(100% - 110px);

src/views/workbench/components/brandPublicity/index.vue

@@ -3,7 +3,7 @@
   <div class="promoteProject-box-wai-box">
     <div class="promoteProject-box-div" v-for="(item,index) in tableData" :key="index">
       <div class="promoteProject-top">
-        <span class="span-one">【{{ item.projectName }}】</span>
+        <span class="span-one" @click="huodongClick(item)">【{{ item.projectName }}】</span>
       </div>
       <div class="promoteProject-bottom">
         <div class="promoteProject-bottom-left">
@@ -16,6 +16,33 @@
         </div>
       </div>
     </div>
+    <el-dialog
+      title="产业活动详情" 
+      :visible.sync="infoVisible"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      @close="infoClose"
+      custom-class="chanyehuodongxiangqing-dialog"
+      append-to-body
+      width="30%"
+    > 
+      <div>
+        <el-descriptions :column="1">
+          <el-descriptions-item label="活动名称">{{ itemInfo.projectName }}</el-descriptions-item>
+          <el-descriptions-item label="活动时间">{{ itemInfo.time }}</el-descriptions-item>
+          <el-descriptions-item label="活动级别">{{ itemInfo.enterprice }}</el-descriptions-item>
+          <el-descriptions-item label="活动内容">这里是活动内容这里是活动内容这里是活动内容这里是活动内容这里是活动内容这里是活动内容这里是活动内容这里是活动内容这里是活动内容这里是活动内容这里是活动内容</el-descriptions-item>
+      </el-descriptions>
+      </div>
+      <div slot="footer" class="chanyehuodongxiangqing-footer">
+        <el-form size="small">
+          <el-form-item class="dialog-from-item">
+            <el-button size="mini" @click="infoVisible = false">取消</el-button>
+            <el-button type="primary" size="mini" @click="infoVisible = false">确定</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+    </el-dialog>
   </div>
 </template>
 <script>
@@ -48,13 +75,22 @@ export default {
           enterprice:"省级",
           time:"2023-02-11",
         },
-      ]
+      ],
+      infoVisible: false,
+      itemInfo:{}
     }
   },
   methods:{
+    huodongClick(item){
+      this.itemInfo = item;
+      this.infoVisible = true;
+    },
+    infoClose(){},
   },
 }
 </script>
 <style lang="scss" scoped>
-
+::v-deep .chanyehuodongxiangqing-dialog {
+  margin-top: 20vh !important;
+}
 </style>