添加APP版本和自定义界面

src/page/STB/appversion/components/addDialog.vue

@@ -37,10 +37,10 @@
           <div class="el-upload__tip" slot="tip">只能上传zip文件，且不超过500kb</div>
         </el-upload>
       </el-form>
-      <div slot="footer" class="dialog-footer btn-group">
-        <el-button size="mini" type="primary" @click="submitForm('formItem')">确定</el-button>
-        <el-button size="mini" @click="close">取 消</el-button>
-      </div>
+    </div>
+    <div slot="footer" class="dialog-footer btn-group">
+      <el-button size="mini" type="primary" @click="submitForm('formItem')">确定</el-button>
+      <el-button size="mini" @click="close">取 消</el-button>
     </div>
   </el-dialog>
 </template>

src/page/STB/appversion/components/detailDialog.vue

@@ -31,9 +31,9 @@
           <el-input type="textarea" size="small" v-model="formItem.newContent" disabled></el-input>
         </el-form-item>
       </el-form>
-      <div slot="footer" class="dialog-footer btn-group">
-        <el-button size="mini" type="primary" @click="close()">确定</el-button>
-      </div>
+    </div>
+    <div slot="footer" class="dialog-footer btn-group">
+      <el-button size="mini" type="primary" @click="close()">确定</el-button>
     </div>
   </el-dialog>
 </template>

src/page/STB/appversion/index.vue

@@ -36,21 +36,18 @@
           <el-table-column label="操作者" prop="name"></el-table-column>
           <el-table-column label="操作" header-align="center" align="center">
             <template slot-scope="scope" width="220">
-              <el-button-group>
-                <el-button
-                  title="详情"
-                  size="mini"
-                  type="text"
-                  @click="handleDetail(scope.row)"
-                >详情&nbsp;&nbsp;</el-button>
-                <el-button
-                  title="激活"
-                  type="text"
-                  size="mini"
-                  @click="ableBtn(scope.row)"
-                >启用&nbsp;&nbsp;</el-button>
-                
-              </el-button-group>
+              <div class="table-btn-group">
+                <el-tooltip content="详情" placement="top">
+                    <el-button circle  @click="handleDetail(scope.row)">
+                        <i class="icon-table icon-detail"></i>
+                    </el-button>
+                </el-tooltip>
+                <el-tooltip content="启用" placement="top">
+                    <el-button circle @click="ableBtn(scope.row)">
+                        <i class="icon-table icon-enable"></i>
+                    </el-button>
+                </el-tooltip>
+            </div>
             </template>
           </el-table-column>
         </el-table>

src/page/STB/base/components/dialog.vue

@@ -35,10 +35,10 @@
           <el-input size="small" v-model="formItem.address" disabled></el-input>
         </el-form-item>
       </el-form>
-      <div slot="footer" class="dialog-footer btn-group">
-        <el-button size="mini" type="primary" @click="submitForm('formItem')">确定</el-button>
-        <el-button size="mini" @click="close">取 消</el-button>
-      </div>
+    </div>
+    <div slot="footer" class="dialog-footer btn-group">
+      <el-button type="primary" @click="submitForm('formItem')">确定</el-button>
+      <el-button @click="close">取 消</el-button>
     </div>
   </el-dialog>
 </template>

src/page/STB/base/index.vue

@@ -246,6 +246,24 @@ export default {
     getAreas() {
       getAreas().then(res => {
         this.areaOptions = res;
+        // 处理children为[] 的问题
+        this.areaOptions.forEach(item=>{
+          if(!item.children.length){
+            item.children = null
+          }else{
+            item.children.forEach(j=>{
+              if(!j.children.length){
+                j.children = null
+              }else{
+                j.children.forEach(k=>{
+                  if(!k.children.length){
+                    k.children = null
+                  }
+                })
+              }
+            })
+          }
+        })
       });
     },
     // 查询

src/page/STB/pageCustom/index.vue

@@ -14,32 +14,58 @@
               <el-button type="default" @click="uploadPageImg">上传背景图</el-button>
             </div>
           </div>
-          <!-- <div class="swiper-content">
-            <swiper class="swiper" :options="swiperOption">
-              <swiper-slide v-for="(item, index) in list" :key="index">
-                <el-col :span="24" class="slider-group-item">{{index}}</el-col>
+          <div class="swiper-content top">
+            <swiper class="swiper" data-title="page" :options="swiperOption">
+              <swiper-slide v-for="(item, index) in pageList" :key="index">
+                <div class="swiper-item">
+                  <el-radio v-model="radioPage" :label="item.id"></el-radio>
+                  <img :src="item.url" alt="">
+                </div>
               </swiper-slide>
-              <div slot="button-prev" class="swiper-button-prev">
-                <i class="el-icon-arrow-left" />
+              <div class="swiper-button-prev" slot="button-prev">
+                <i class="iconfont icon-arrow-left"></i>
               </div>
-              <div slot="button-next" class="swiper-button-next">
-                <i class="el-icon-arrow-right" />
+              <div class="swiper-button-next" slot="button-next">
+                <i class="iconfont icon-arrow-right"></i>
               </div>
             </swiper>
-          </div> -->
+          </div>
         </div>
         <div class="down-content">
           <div class="content-title">
             <div class="title">app运行画面设置</div>
-            <div class="btn-group">
-              <el-button type="default" @click="uploadRunImg">上传背景图</el-button>
-            </div>
+            <el-upload
+              class="upload-demo"
+              action="#"
+              :on-preview="handlePreview"
+              :on-remove="handleRemove"
+              :before-remove="beforeRemove"
+              multiple
+              :limit="3"
+              :on-exceed="handleExceed"
+              :file-list="pagefileList">
+              <div class="btn-group">
+                <el-button type="default" @click="uploadRunImg">上传背景图</el-button>
+              </div>
+            </el-upload>
+            
+          </div>
+          <div class="swiper-content bottom">
+            <swiper class="swiper" :options="swiperOption">
+              <swiper-slide v-for="(item, index) in runList" :key="index">
+                <div class="swiper-item">
+                  <el-radio v-model="radioRun" :label="item.id"></el-radio>
+                  <img :src="item.url" alt="">
+                </div>
+              </swiper-slide>
+              <div class="swiper-button-prev" slot="button-prev">
+                <i class="iconfont icon-arrow-left"></i>
+              </div>
+              <div class="swiper-button-next" slot="button-next">
+                <i class="iconfont icon-arrow-right"></i>
+              </div>
+            </swiper>
           </div>
-          <el-carousel :autoplay="false" type="card" height="120px">
-            <el-carousel-item v-for="item in 6" :key="item">
-              <h3 class="medium">{{ item }}</h3>
-            </el-carousel-item>
-          </el-carousel>
         </div>
       </div>
       <div class="btn-group footer-btn">
@@ -50,31 +76,85 @@
   </div>
 </template>
 <script>
+import { Swiper, SwiperSlide } from 'vue-awesome-swiper'
+import 'swiper/css/swiper.css'
+var vm = null
 export default {
+  components:{Swiper, SwiperSlide},
   data() {
     return {
+      radioPage: 1,
+      radioRun: 1,
       swiperOption: {
-        effect: "coverflow",
-        grabCursor: true,
+        slideToClickedSlide:true,//点击后居中展示
+        slidesPerView: 5,
+        spaceBetween: 30,
         centeredSlides: true,
-        slidesPerView: "auto",
-        coverflowEffect: {
-          rotate: 50,
-          stretch: 0,
-          depth: 100,
-          modifier: 1,
-          slideShadows: true
+        observer: true,    // 动态检查器,自动初始化swiper,默认为false
+        observerParents: true,
+        // centerInsufficientSlides: true, //不够5个时居中显示
+        loop: true, // 不能同上一个属性同用
+        navigation: {
+          nextEl: '.swiper-button-next',
+          prevEl: '.swiper-button-prev',
         },
-        pagination: {
-          el: ".swiper-pagination"
+        on:{
+          click:function(){
+            if(this.$el[0].parentNode.className.indexOf('top')>0){
+              vm.radioPage = vm.pageList[this.realIndex].id
+            }
+            if(this.$el[0].parentNode.className.indexOf('bottom')>0){
+              vm.radioRun = vm.runList[this.realIndex].id
+            }
+          }
         }
-      }
+      },
+      pagefileList:[],
+      pageList:[
+        {url:require("@/assets/default-rect.png"),id:1},
+        {url:require("@/assets/default-rect.png"),id:2},
+        {url:require("@/assets/default-rect.png"),id:3},
+        {url:require("@/assets/default-rect.png"),id:4},
+        {url:require("@/assets/default-rect.png"),id:5},
+        {url:require("@/assets/default-rect.png"),id:6},
+      ],
+      runList:[
+        {url:require("@/assets/default-rect.png"),id:1},
+        {url:require("@/assets/default-rect.png"),id:2},
+        {url:require("@/assets/default-rect.png"),id:3},
+        {url:require("@/assets/default-rect.png"),id:4},
+        {url:require("@/assets/default-rect.png"),id:5},
+        {url:require("@/assets/default-rect.png"),id:6},
+      ]
     };
   },
-  mounted() {},
+  created(){
+    vm = this
+  },
+  mounted() {
+  
+  },
   methods: {
     uploadPageImg() {},
-    uploadRunImg() {}
+    uploadRunImg() {},
+    handleRemove(file, fileList) {
+      console.log(file, fileList);
+    },
+    handlePreview(file) {
+      console.log(file);
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
+    },
+    beforeRemove(file, fileList) {
+      return this.$confirm(`确定移除 ${ file.name }？`);
+    },
+    submitForm(){
+
+    },
+    close(){
+      this.$router.go(-1)
+    }
   }
 };
 </script>
@@ -125,20 +205,75 @@ export default {
         padding: 0 20px;
       }
     }
-    .el-carousel__item h3 {
-      color: #475669;
-      font-size: 14px;
-      opacity: 0.75;
-      line-height: 200px;
-      margin: 0;
-    }
-
-    .el-carousel__item:nth-child(2n) {
-      background-color: #99a9bf;
-    }
-
-    .el-carousel__item:nth-child(2n + 1) {
-      background-color: #d3dce6;
+    .swiper-content {
+      .swiper-item {
+        position: relative;
+        width: 100%;
+        height: 128px;
+        background-color: #99a9bf;
+        border-radius:10px;
+        /deep/.el-radio {
+          position: absolute;
+          right: 12px;
+          top:12px;
+          .el-radio__inner {
+            width: 24px;
+            height: 24px;
+          }
+          .el-radio__input.is-checked .el-radio__inner {
+            border-color: #ac9374;
+            background: #ac9374;
+          }
+          .el-radio__inner:hover {
+            border-color: #ac9374;
+          }
+        }
+        img {
+          width: 100%;
+          height: 100%;
+        }
+      }
+      .swiper-button-next {
+        right:0;
+      }
+      .swiper-button-prev {
+        left :0;
+      }
+      .swiper-button-prev, .swiper-button-next{
+        background: #ac9374;
+        width: 36px;
+        height: 36px;
+        border-radius: 50%;
+      }  
+      .swiper-button-next:after, 
+      .swiper-button-prev:after {
+        font-size: 14px;
+        font-weight: 700;
+        color: #fff;
+      }
+      .swiper-slide {
+        text-align: center;
+        font-size: 18px;
+        background: #fff;
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: -webkit-flex;
+        display: flex;
+        -webkit-box-pack: center;
+        -ms-flex-pack: center;
+        -webkit-justify-content: center;
+        justify-content: center;
+        -webkit-box-align: center;
+        -ms-flex-align: center;
+        -webkit-align-items: center;
+        align-items: center;
+        transition: 300ms;
+        transform: scale(0.8);
+      }
+      .swiper-slide-active,
+      .swiper-slide-duplicate-active {
+        transform: scale(1);
+      }
     }
   }
   .footer-btn {
@@ -153,11 +288,5 @@ export default {
       padding: 0 20px;
     }
   }
-  /deep/.el-carousel__arrow {
-    background-color: #ac9374;
-  }
-  /deep/.el-carousel__item--card {
-    width: 30%;
-  }
 }
 </style>
\ No newline at end of file

src/style/global.css

+.f14{font-size:14px}.f16{font-size:14px}.f18{font-size:18px}.f24{font-size:24px}.f0{font-size:0px}.inline-block{display:inline-block}.height100{height:100%}@media screen and (max-width:1600px){.search-container .el-input{width:180px}.search-container .btn-group .el-button{width:80px}.page-tips{width:365px}}@media (min-width:1601px) and (max-width:1800px){.search-container .el-input{width:220px}.search-container .btn-group .el-button{width:96px}.page-tips{width:460px}}@media (min-width:1801px){.search-container .el-input{width:280px}.search-container .btn-group .el-button{width:128px}.page-tips{width:480px}}.search-container{background:#FFFFFF;box-shadow:0 4px 8px 0 rgba(0,0,0,0.1);border-radius:8px;margin-bottom:20px;padding:20px 24px;height:80px;display:flex;justify-content:space-between}.search-container .el-form{margin-bottom:0}.search-container .el-form .el-input .el-input__inner{border-radius:22px;background-color:#F8F8F8;border-color:#EEEEEE}.search-container .el-form .el-range-editor.el-input__inner{width:280px;border-radius:22px;background-color:#F8F8F8}.search-container .el-form .el-range-editor.el-input__inner .el-range-separator{width:20px;padding:0 2px}.search-container .el-form .el-input__icon{width:40px;font-size:20px;color:#AC9374}.search-container .el-form .btn-group{padding-left:15px}.search-container .el-form .btn-group .el-button{height:40px}.search-container .page-tip{display:flex;font-size:14px;color:#333333}.search-container .page-tip .page-tip-title{font-weight:bold;padding-right:10px}.table-content{height:calc(100% - 100px);background:#FFFFFF;box-shadow:0 4px 8px 0 rgba(0,0,0,0.1);border-radius:8px;padding:20px 40px 0 40px}.table-content .btn-group{text-align:right;margin-bottom:12px}.table-content .btn-group .el-button{min-width:128px}.btn-group .el-button{height:36px;padding:0;border-radius:28px}.btn-group .el-button span{font-size:16px}.btn-group .el-button--primary{background-color:#AC9374;border-color:#AC9374;color:#FFFFFF}.btn-group .el-button--default{background:rgba(172,147,116,0.1);border:1px solid #AC9374;color:#AC9374}.party-form .el-input{width:280px}.party-form .el-input .el-input__inner{border-radius:22px;background-color:#F8F8F8;border:1px solid #EEEEEE}.party-form .el-textarea .el-textarea__inner{background-color:#F8F8F8;border-radius:8px}.party-form .el-range-editor.el-input__inner{width:280px;border-radius:22px}.party-form .mt16{margin-top:16px}.party-form .el-radio-group .el-radio__inner{width:24px;height:24px;border-color:#EEEEEE}.party-form .el-radio-group .el-radio__label{font-size:16px}.party-form .el-radio-group .el-radio.is-checked .el-radio__input.is-checked .el-radio__inner{background-color:transparent;border-color:#EEEEEE}.party-form .el-radio-group .el-radio.is-checked .el-radio__input.is-checked .el-radio__inner:after{width:10px;height:10px;background-color:#AC9374}.party-form .el-radio-group .el-radio.is-checked .el-radio__label{color:#333333}.party-form .el-checkbox-group .el-checkbox{margin-right:25px}.party-form .el-checkbox-group .el-checkbox .el-checkbox__inner{width:22px;height:22px}.party-form .el-checkbox-group .el-checkbox .el-checkbox__inner:hover{border-color:#EEEEEE}.party-form .el-checkbox-group .el-checkbox .el-checkbox__label{color:#333333}.party-form .el-checkbox-group .el-checkbox+.el-checkbox{margin-left:0}.party-form .el-checkbox-group .el-checkbox.is-checked .el-checkbox__inner{border-color:#EEEEEE;background-color:#F5F5F5}.party-form .el-checkbox-group .el-checkbox.is-checked .el-checkbox__inner:after{border:2px solid #AC9374;border-left:0;border-top:0;height:11px;left:7px;width:5px}.party-form .el-checkbox-group .el-checkbox.is-checked .el-checkbox__label{color:#333333}.page-form-box{background:#FFFFFF;box-shadow:0 4px 8px 0 rgba(0,0,0,0.1);border-radius:8px;height:100%}.page-form-box .page-form-box-header{height:64px;line-height:64px;border-bottom:1px solid #EEEEEE;font-size:20px;color:#333333;text-align:center;font-weight:bold}.page-form-box .page-form-box-content{height:calc(100% - 148px);padding:20px}.page-form-box .page-form-box-footer{height:84px;line-height:84px;text-align:center;border-top:1px solid #EEEEEE}.page-form-box .page-form-box-footer .el-button{width:160px;height:40px}.overview-detail .ecahrts-panel-box{height:calc(50% + 20px)}.overview-detail .rank-panel-box{height:calc(50% - 40px);margin-top:20px}.overview-detail .ecahrts-panel-box,.overview-detail .rank-panel-box{background:#FFFFFF;box-shadow:0 4px 8px 0 rgba(221,221,221,0.4);border-radius:8px}.overview-detail .panel-box-header{height:64px;line-height:64px;border-bottom:1px solid #EEEEEE;padding:0 24px}.overview-detail .panel-box-header .title{font-weight:bold;font-size:20px}.overview-detail .panel-box-header .tip{float:right;color:#333333}.overview-detail .panel-box-header .tip .tip-title{font-weight:bold;padding-right:10px}.overview-detail .panel-box-header .el-range-editor.el-input__inner{width:280px;border-radius:22px;background-color:#F8F8F8;margin-left:40px;padding-left:15px}.overview-detail .panel-box-header .el-range-editor.el-input__inner .el-range-input{background-color:#F8F8F8}.overview-detail .panel-box-header .el-range-editor.el-input__inner .el-range-separator{width:20px;padding:0 2px}.overview-detail .panel-box-header .el-range-editor.el-input__inner .el-icon-date{color:#AC9374;font-size:18px}.overview-detail .panel-box-content{height:calc(100% - 64px);overflow:hidden}.overview-detail .rank-box{width:50%}.overview-detail .rank-box.left{padding-right:10px}.overview-detail .rank-box.right{padding-left:10px}.party-icon-20{display:inline-block;width:20px;height:20px;background-repeat:no-repeat;background-size:cover}.party-icon-24{display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-size:cover}.icon-add{background-image:url("~@/assets/icons/add.png")}.icon-import{background-image:url("~@/assets/icons/import.png")}.icon-detail{background-image:url("~@/assets/icons/detail.png")}.icon-edit{background-image:url("~@/assets/icons/edit.png")}.icon-reset{background-image:url("~@/assets/icons/reset.png")}.icon-enable{background-image:url("~@/assets/icons/enable.png")}.icon-disable{background-image:url("~@/assets/icons/disable.png")}.icon-del{background-image:url("~@/assets/icons/del.png")}.icon-org{display:inline-block;width:16px;height:16px;background-repeat:no-repeat;background-size:cover;background-image:url("~@/assets/icons/org.png");margin-right:8px}.org-tree .el-tree-node__expand-icon{position:absolute;right:10px;top:14px;color:#000000;font-size:16px}.org-tree .el-tree-node__expand-icon.is-leaf{color:transparent}.org-tree .el-tree-node{background-color:#FFFFFF}.org-tree .el-tree-node__content{height:auto;position:relative;background-color:transparent  !important}.org-tree .el-tree-node__content:hover{background-color:transparent}.org-tree div[class*="tree-node-level"]{width:100%;color:#333333;border-radius:5px}.org-tree .tree-node-level1 span,.org-tree .tree-node-level2 span{font-size:16px}.org-tree .tree-node-level3 span{font-size:14px}.org-tree .tree-node-level1{height:56px;line-height:56px;border-bottom:1px solid #EEEEEE}.org-tree .tree-node-level2,.org-tree .tree-node-level3{height:40px;line-height:40px;margin:5px 0;border-radius:20px;padding-left:10px}.org-tree .tree-node-level2:hover{background-color:#FDFBF8}.org-tree .tree-node-level3:hover{background-color:#EEEEEE}/*# sourceMappingURL=./global.css.map */
\ No newline at end of file

src/style/global.css.map

+{"version":3,"sources":["global.less"],"names":[],"mappings":"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"}
\ No newline at end of file

src/style/global.less

@@ -353,6 +353,9 @@
 .icon-import{
     background-image: url("~@/assets/icons/import.png");
 }
+.icon-detail{
+    background-image: url("~@/assets/icons/detail.png");
+}
 .icon-edit{
     background-image: url("~@/assets/icons/edit.png");
 }