暂存

src/HManagement/siteManage/securityConfig/components/applicationRuleSet/index.vue

@@ -0,0 +1,21 @@
+<template>
+  <div class="container normal-panel normal-margin">
+    <p class="normal-title normal-margin" style="font-weight: bold">{{ $t('应用规则设置') }}</p>
+    <el-row :gutter="20">
+      <el-col :span="12">
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import setTemplate from "@/HManagement/siteManage/securityConfig/modules/setTemplate";
+export default {
+  name: "index",
+  components:{setTemplate}
+}
+</script>
+
+<style scoped>
+
+</style>

src/HManagement/siteManage/securityConfig/components/placementSet/index.vue

@@ -0,0 +1,70 @@
+<template>
+  <div class="container normal-panel normal-margin">
+    <p class="normal-title normal-margin" style="font-weight: bold">{{ $t('广告位设置') }}</p>
+    <div>
+      <el-row :gutter="20">
+        <el-col :span="8" v-for="card in list" :key="card.index" style="margin:20px 0">
+          <el-card shadow="none">
+            <el-carousel :interval="5000" arrow="always">
+              <el-carousel-item v-for="item in card.ads" :key="item.index">
+                <img style="width:100%" :src="item.attinfos[0]?item.attinfos[0].url:''" alt="">
+                <!-- <previewImage style="width:100%" :image="item.attinfos[0]?item.attinfos[0]:''"></previewImage> -->
+              </el-carousel-item>
+            </el-carousel>
+            <div style="margin-top:10px;">
+              <p>{{card.notes}} <small style="float:right;color:#999">{{card.dimensional}}</small></p>
+              <div class="flex">
+                <div>
+                  <el-tag style="margin:10px 10px 0 0">{{card.systemclient}}</el-tag>
+                  <el-tag>{{card.location}}</el-tag>
+                </div>
+                <!--              <setting :banner="card.ads" :sys_adspaceid="card.sys_adspaceid " @onSuccess="listData"></setting>-->
+                <!-- <i style="font-size:16px;color:#666" class="el-icon-setting"></i> -->
+              </div>
+            </div>
+          </el-card>
+        </el-col>
+      </el-row>
+    </div>
+
+  </div>
+</template>
+
+<script>
+import previewImage from '@/components/previewImage/index.vue'
+export default {
+  name: "index",
+  components:{previewImage},
+  data () {
+    return {
+      list:[]
+    }
+  },
+  methods:{
+    listData () {
+      this.$api.requested({
+        "classname": "webmanage.adspace.adspace",
+        "method": "query_adspacelist",
+        "content": {
+          "pageNumber": 1,
+          "pageSize": 20,
+        }
+      }).then(res=>{
+        this.list = res.data
+      })
+    }
+  },
+  mounted () {
+    this.listData()
+  }
+}
+</script>
+
+<style scoped>
+.flex{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  /* cursor: pointer; */
+}
+</style>

src/HManagement/siteManage/securityConfig/index.vue

@@ -16,6 +16,14 @@
       <div class="basic-border">
         <basicSet ref="basicRef" @onSuccess="querySite_Parameter"></basicSet>
       </div>
+      <!--  应用规则设置   -->
+      <div class="application-border">
+        <applicationRuleSet ref="applicationRuleRef" @onSuccess="querySite_Parameter"></applicationRuleSet>
+      </div>
+      <!--  广告位设置   -->
+      <div class="placement-border" style="background: #e6a23c">
+        <placementSet ref="placementSetRef"></placementSet>
+      </div>
     </div>
   </normalCompany>
 </template>
@@ -52,6 +60,8 @@ import workOrderAutoCreateRule from './modules/workOrderAutoCreateRule'
 import {log} from "@antv/g2plot/lib/utils";
 
 import basicSet from './components/basicSet/index'
+import applicationRuleSet from './components/applicationRuleSet/index'
+import placementSet from './components/placementSet/index'
 
 export default {
   components:{
@@ -79,7 +89,9 @@ export default {
     workOrderAutoCreateRule,
     normalCompany,
 
-    basicSet
+    basicSet,
+    applicationRuleSet,
+    placementSet
   },
   data () {
     return {
@@ -223,13 +235,18 @@ export default {
 }
 .message-border{
   background: #FFFFFF;
-  height: 35px;
-  margin: 0 15px 0 15px;
-  padding-top: 10px;
+  margin: 10px 15px 0 15px;
 }
 .basic-border{
   background: #FFFFFF;
-  height: 202px;
-  margin: 70px 15px 0 15px;
+  margin: -5px 15px 0 15px;
+}
+.application-border{
+  background: #FFFFFF;
+  margin: -5px 15px 0 15px;
+}
+.placement-border{
+  /*background: #FFFFFF;*/
+  margin: -5px 15px 10px 15px;
 }
 </style>