<style>
  .webLogoDiv {
    width: 288px;
    height: 234px;
    border: 1px solid #ccc;
    cursor: pointer;
    position: relative;
  }

  .webLogoDiv .web_imgUrl {
    width: 100%;
    height: 100%;
  }

  .webLogoDiv .addIconDiv {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: transparent;
  }

  .webLogoDiv i {
    font-size: 50px;
    color: #d1d1d1;
    left: 42%;
    cursor: pointer;
    position: absolute;
    top: 42%;
  }

  .webLogoDiv .addIconDiv:hover {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
  }

  .WebSite_Line {
    width: 100%;
    height: 1px;
    margin: 20px 0;
    border-bottom: 1px solid #eee;
  }

  .WebSite_font {
    margin: 0 0 20px 20px;
  }

  .WebSite_Box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  }

  .WebSite_Header {
    font-size: 16px;
    padding: 10px;
    border-bottom: 1px solid #f4f4f4;
  }

  .WebSite_body {
    padding: 20px;
  }

  .todo-list {
    list-style: none;
  }

  .todo-list>li {
    position: relative;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    padding: 10px;
    background: #f4f4f4;
    margin-bottom: 2px;
  }

  .todo-list .handle {
    display: inline-block;
    cursor: move;
    margin: 0 5px;
  }

  .todo-list>li .WebSite_text {
    display: inline-block;
    margin-left: 5px;
    font-weight: bold;
    font-size: 14px;
  }

  .WebNav_link {
    color: #3c8dbc;
  }

  .WebSite_tools {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 2;
    margin-top: -20px;
    height: 40px;
    color: #666;
    display: block;
    line-height: 40px;
  }

  .WebSite_tools i {
    cursor: pointer;
  }

  .todo-list>li .WebSite_tools .del-btn {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
  }

  .Web_BtnDiv {
    position: absolute;
    right: 10px;
    top: 5px;
  }

</style>
<template>
  <div class="dianshangannualRatio" ref="barparent">
    <div class="query-box" style="border: 0;padding: 0;">
      <ul class="clearfix">
        <li class="hight_query">
            <span style="text-align: right;color: red;">{{$t('objFill.v101.daorujalansj')}}</span>
            <button class="normalBtn" @click="outerVisible=true">{{$t('objFill.daoru')}}</button>

        </li>
    </ul>
    </div>
  <!--网站设定(网站设置)-->
  <div class="WebSiteConfig">
    <el-form label-width="130px">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane :label="$t('objFill.v101.jibenshedin')" name="first">
          <el-row>
            <el-col :span="24">
              <el-card class="box-card">
                <div slot="header" class="clearfix">
                  <span>{{$t('objFill.v101.jibenshedin')}}</span>
                </div>
                <el-col :span="12">
                  <el-form-item :label="$t('objFill.v101.wangzanminc')" label-width="80px">
                    <el-input v-model="PostMsg.WebSiteName" maxlength="80"></el-input>
                  </el-form-item>
                  <el-form-item label="" label-width="80px">
                    <el-button type="primary" size="small" @click="saveData()">{{$t('objFill.v101.cunchuxiug')}}</el-button>
                  </el-form-item>
                </el-col>
              </el-card>
            </el-col>
          </el-row>
        </el-tab-pane>
        <el-tab-pane :label="$t('objFill.v101.qiantxshizix')" name="second">
          <el-row>
            <el-col :span="24">
              <el-card class="box-card">
                <div slot="header" class="clearfix">
                  <span>{{$t('objFill.v101.lvxshejbzl')}}</span>
                </div>
                <el-row>
                <el-col :span="8">
                  <el-form-item :label="$t('objFill.v101.lvxingsminc')">
                    <el-input v-model="PostMsg.TAName" maxlength="80"></el-input>
                  </el-form-item>
                </el-col>
                <!-- <el-col :span="8">
                  <el-form-item label="代表人">
                    <el-input v-model="PostMsg.TABehalf" maxlength="20"></el-input>
                  </el-form-item>
                </el-col> -->
                <el-col :span="8">
                  <el-form-item :label="$t('objFill.v101.lvxsheywjyxkz')">
                    <el-input v-model="PostMsg.TAJiaoGuanCode" maxlength="30"></el-input>
                  </el-form-item>
                </el-col>
                </el-row>

                <el-col :span="8">
                  <el-form-item :label="$t('objFill.v101.lvxingsywxukz')">
                    <div>&nbsp;</div>
                    <div class="webLogoDiv" @click="commonType=4">
                      <el-upload :http-request="UploadAttachment" :multiple="true"
                        accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
                        <img v-if="PostMsg.LicensePath" :src="PostMsg.LicensePath" class="web_imgUrl" alt="" />
                        <div class="addIconDiv">
                          <i class="web_addImg iconfont icon-img_haha"></i>
                        </div>
                      </el-upload>
                    </div>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item :label="$t('objFill.v101.FinancialModule.qiye')+' LOGO'">
                    <div>{{$t('objFill.v101.caistpccjs')}}</div>
                    <div class="webLogoDiv" @click="commonType=1">
                      <el-upload :http-request="UploadAttachment" :multiple="true"
                        accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
                        <img v-if="PostMsg.TALogo" :src="PostMsg.TALogo" class="web_imgUrl" alt="" />
                        <div class="addIconDiv">
                          <i class="web_addImg iconfont icon-img_haha"></i>
                        </div>
                      </el-upload>
                    </div>
                  </el-form-item>
                </el-col>

                <el-col :span="8">
                  <el-form-item :label="$t('objFill.v101.wangxan')+' icon'">
                    <div>({{$t('objFill.v101.tupiccsl')}})</div>
                    <div class="webLogoDiv" @click="commonType=3" style="width:100px;height:100px;">
                      <el-upload :http-request="UploadAttachment" :multiple="true"
                        accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
                        <img v-if="PostMsg.TAIcon" :src="PostMsg.TAIcon" class="web_imgUrl" alt="" />
                        <div class="addIconDiv">
                          <i class="web_addImg iconfont icon-img_haha" style="left:25%;top:33%"></i>
                        </div>
                      </el-upload>
                    </div>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <div class="WebSite_Line"></div>
                  <div class="WebSite_font">{{$t('objFill.v101.zonggoslluozx')}}</div>
                </el-col>
                <el-col :span="8">
                  <el-form-item :label="$t('hotel.table_tel')">
                    <el-input v-model="PostMsg.TATel" maxlength="30"></el-input>
                  </el-form-item>
                </el-col>

                <el-col :span="8">
                  <el-form-item :label="$t('admin.admin_address')">
                    <el-input v-model="PostMsg.TAAddress" maxlength="200"></el-input>
                  </el-form-item>
                </el-col>

                <el-col :span="8">
                  <el-form-item :label="$t('objFill.v101.fuwushijian')">
                    <el-input v-model="PostMsg.TAServiceTime" maxlength="80"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <div class="WebSite_Line"></div>
                  <div class="WebSite_font">{{$t('objFill.v101.wangluosqu')}}</div>
                </el-col>
                <el-col :span="8">
                  <el-form-item :label="'Line '+$t('objFill.v101.xingdtiaomwz')">
                    <el-input v-model="PostMsg.TALineUrl" maxlength="200"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item :label="'Facebook'+$t('objFill.v101.febshituwzh')" label-width="150px">
                    <el-input v-model="PostMsg.TAFaceBookUrl" maxlength="200"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <div class="WebSite_Line"></div>
                  <div class="WebSite_font">{{$t('objFill.v101.qitazansshed')}}</div>
                </el-col>
                <el-col :span="8">
                  <el-form-item :label="$t('objFill.v101.kesouwxshifs')">
                    <el-select v-model="PostMsg.TASeatShowType" style="width:100%">
                      <el-option v-for="item in SaleSeatType" :label="item.Name" :value="item.Id" :key="item.Id">
                      </el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item :label="$t('objFill.v101.bugkjgwzsd')" label-width="140px">
                    <el-input v-model="PostMsg.TANoPublicPrice" maxlength="100"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item :label="$t('objFill.v101.quanzanztidx')">
                    <el-select v-model="PostMsg.TAWordSize" style="width:100%">
                      <el-option v-for="item in TAWordSizeType" :label="item.Name" :value="item.Id" :key="item.Id">
                      </el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item :label="$t('objFill.v101.beianhao')">
                    <el-input v-model="PostMsg.FilingNo" maxlength="100"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item :label="$t('objFill.v101.shifqyyjdiny')">
                    <el-switch v-model="PostMsg.EnableEmail"></el-switch>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item :label="$t('objFill.v101.Rest.beijinyanse')">
                    <el-color-picker v-model="PostMsg.TABgColor"></el-color-picker>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item :label="$t('objFill.v101.dinyymjgebz')">
                    <el-input type="textarea" v-model="PostMsg.TAOrderInfoDes" :rows="4"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="24" style="margin-bottom:50px">
                  <el-form-item>
                    <el-button type="primary" size="small" @click="saveData()">{{$t('objFill.v101.cunchuxiug')}}</el-button>
                  </el-form-item>
                </el-col>
              </el-card>
            </el-col>
          </el-row>
        </el-tab-pane>
        <el-tab-pane :label="$t('objFill.v101.daohanshed')" name="third">
          <!-- <el-col :span="7" style="margin-right:40px;">
            <div class="WebSite_Box">
              <div class="WebSite_Header">
                網站選單設定
                <div class="Web_BtnDiv">
                  <el-button type="primary" size="small" @click="OpType=1,OperateDialog(-1)">{{$t('objFill.v101.xinzenxdan')}}</el-button>
                </div>
              </div>
              <div class="WebSite_body">
                <ul class="todo-list">
                  <li v-for="(headItem,headIndex) in PostMsg.HeaderNavList" :key="headIndex">
                    <span class="handle">
                      <i class="iconfont icon-diandiandian"></i>
                    </span>
                    <span class="WebSite_text">
                      <a class="WebNav_link" :href="headItem.NavUrl">{{headItem.NavTitle}}</a>
                    </span>
                    <div class="WebSite_tools">
                      <i class="iconfont icon-xiugai" @click="OpType=1,OperateDialog(headIndex)"></i>
                      <i class="iconfont icon-guanbi del-btn" @click="OpType=1,DeleteItem(headItem,headIndex)"></i>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </el-col> -->
          <!-- <el-col :span="7" style="margin-right:40px;">
            <div class="WebSite_Box">
              <div class="WebSite_Header">
                刊尾選單設定
                <div class="Web_BtnDiv">
                  <el-button type="primary" size="small" @click="OpType=2,OperateDialog(-1)">{{$t('objFill.v101.xinzenxdan')}}</el-button>
                </div>
              </div>
              <div class="WebSite_body">
                <ul class="todo-list">
                  <li v-for="(footItem,footIndex) in PostMsg.FooterNavList" :key="footIndex">
                    <span class="handle">
                      <i class="iconfont icon-diandiandian"></i>
                    </span>
                    <span class="WebSite_text">
                      <a class="WebNav_link" :href="footItem.NavUrl">{{footItem.NavTitle}}</a>
                    </span>
                    <div class="WebSite_tools">
                      <i class="iconfont icon-xiugai" @click="OpType=2,OperateDialog(footIndex)"></i>
                      <i class="iconfont icon-guanbi del-btn" @click="OpType=2,DeleteItem(footItem,footIndex)"></i>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </el-col>
          <el-col :span="7">
            <div class="WebSite_Box">
              <div class="WebSite_Header">
                <div>刊尾小圖設定</div>
                <div style="font-size:12px;">(圖片尺寸：40x40或60x40(前台顯示高度40px)</div>
                <div class="Web_BtnDiv">
                  <el-button type="primary" size="small" @click="OpType=3,OperateDialog(-1)">{{$t('objFill.v101.xinzenxdan')}}</el-button>
                </div>
              </div>
              <div class="WebSite_body">
                <ul class="todo-list">
                  <li v-for="(bottomItem,bottomIndex) in PostMsg.BottomNavList" :key="bottomIndex">
                    <span class="handle">
                      <i class="iconfont icon-diandiandian"></i>
                    </span>
                    <span class="WebSite_text">
                      <a class="WebNav_link" :href="bottomItem.NavUrl">{{bottomItem.NavTitle}}</a>
                    </span>
                    <div class="WebSite_tools">
                      <i class="iconfont icon-xiugai" @click="OpType=3,OperateDialog(bottomIndex)"></i>
                      <i class="iconfont icon-guanbi del-btn" @click="OpType=3,DeleteItem(bottomItem,bottomIndex)"></i>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </el-col> -->
          <el-col :span="7" style="margin-right:40px;">
            <div class="WebSite_Box">
              <div class="WebSite_Header">
                <div>{{$t('objFill.v101.fengshizxsdin')}}</div>
                <div class="Web_BtnDiv">
                  <el-button type="primary" size="small" @click="OpType=4,OperateDialog(-1)">{{$t('objFill.v101.xinzenxdan')}}</el-button>
                </div>
              </div>
              <div class="WebSite_body">
                <ul class="todo-list">
                  <li v-for="(branchItem,branchIndex) in PostMsg.WebSiteBranchConfigList" :key="branchIndex">
                    <span class="handle">
                      <i class="iconfont icon-diandiandian"></i>
                    </span>
                    <span class="WebSite_text">
                      <a class="WebNav_link">{{branchItem.BName}}</a>
                    </span>
                    <div class="WebSite_tools">
                      <i class="iconfont icon-xiugai" @click="OpType=4,OperateDialog(branchIndex)"></i>
                      <i class="iconfont icon-guanbi del-btn" @click="OpType=4,DeleteItem(branchItem,branchIndex)"></i>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </el-col>
          <el-col :span="7">
            <div class="WebSite_Box">
              <div class="WebSite_Header">
                {{$t('objFill.v101.biaodanqhzwsdi')}}
                <div class="Web_BtnDiv">
                  <el-button type="primary" size="small" @click="OpType=5,OperateDialog(-1)">{{$t('objFill.v101.xinzenxdan')}}</el-button>
                </div>
              </div>
              <div class="WebSite_body">
                <ul class="todo-list">
                  <li v-for="(positionItem,positionIndex) in PostMsg.PositionList" :key="positionIndex">
                    <span class="handle">
                      <i class="iconfont icon-diandiandian"></i>
                    </span>
                    <span class="WebSite_text">
                      <a class="WebNav_link">{{positionItem.Name}}</a>
                    </span>
                    <div class="WebSite_tools">
                      <i class="iconfont icon-xiugai" @click="OpType=5,OperateDialog(positionIndex)"></i>
                      <i class="iconfont icon-guanbi del-btn"
                        @click="OpType=5,DeleteItem(positionItem,positionIndex)"></i>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </el-col>
          <el-col :span="24" style="text-align:right;padding-right:8%;margin-top:50px;">
            <el-button type="primary" size="small" @click="saveData()">{{$t('objFill.v101.cunchuxiug')}}</el-button>
          </el-col>
        </el-tab-pane>
      </el-tabs>
    </el-form>
    <el-dialog :title="editTitle" :visible.sync="isShowDialog" width="500px">
      <el-form label-width="100px">
        <!-- 第一个 -->
        <template v-if="OpType==1">
          <el-form-item :label="$t('objFill.v101.xianshiwenzi')">
            <el-input v-model="MenuObj.NavTitle" maxlength="50"></el-input>
          </el-form-item>
          <el-form-item :label="$t('objFill.v101.lianjie')">
            <el-input v-model="MenuObj.NavUrl" maxlength="50"></el-input>
          </el-form-item>
          <el-form-item :label="$t('objFill.v101.lianjie')">
            <el-select style="width:100%" v-model="MenuObj.IsNewOpen">
              <el-option :label="$t('pub.yes')" :value="1" :key="1"></el-option>
              <el-option :label="$t('pub.no')" :value="0" :key="0"></el-option>
            </el-select>
          </el-form-item>
        </template>
        <!-- 第二个 -->
        <template v-if="OpType==2">
          <el-form-item :label="$t('objFill.v101.xianshixianmu')">
            <el-select style="width:100%" v-model="MenuObj.MenuId" @change="changeMenu(1)">
              <el-option :label="$t('pub.pleaseSel')" :value="0" :key="0"></el-option>
              <el-option v-for="(homeItem,homeIndex) in HomePageList" :key="homeIndex+1" :label="homeItem.NavTitle"
                :value="homeItem.Id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item :label="$t('objFill.v101.kaixinfenye')">
            <el-select style="width:100%" v-model="MenuObj.IsNewOpen">
              <el-option :label="$t('pub.yes')" :value="1" :key="1"></el-option>
              <el-option :label="$t('pub.no')" :value="0" :key="0"></el-option>
            </el-select>
          </el-form-item>
        </template>
        <!-- 第三个 -->
        <template v-if="OpType==3">
          <el-form-item :label="$t('objFill.v101.xianshixianmu')">
            <el-select style="width:100%" v-model="MenuObj.MenuId" @change="changeMenu(2)">
              <el-option :label="$t('pub.pleaseSel')" :value="0" :key="0"></el-option>
              <el-option v-for="(homeItem,homeIndex) in BottomTagPageList" :key="homeIndex+1" :label="homeItem.NavTitle"
                :value="homeItem.Id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item :label="$t('objFill.v101.lianjie')">
            <el-input v-model="MenuObj.NavUrl" maxlength="50"></el-input>
          </el-form-item>
          <el-form-item :label="$t('objFill.v101.yulantup')">
            <img :src="MenuObj.Icon" alt="" style="height:80px;">
          </el-form-item>
        </template>
        <!-- 第四个 -->
        <template v-if="OpType==4">
          <el-form-item :label="$t('admin.admin_company')">
            <el-input v-model="BranchObj.BName"></el-input>
          </el-form-item>
          <el-form-item :label="$t('hotel.table_tel')">
            <el-input v-model="BranchObj.BTel"> </el-input>
          </el-form-item>
          <el-form-item :label="$t('admin.admin_address')">
            <el-input v-model="BranchObj.BAddress"></el-input>
          </el-form-item>
          <!-- <el-form-item label="傳真">
            <el-input v-model="BranchObj.BFax"></el-input>
          </el-form-item> -->
          <!-- <el-form-item label="旅行社類型">
            <el-select v-model="BranchObj.BType" style="width:100%">
              <el-option v-for="item in travelAgencyType" :label="item.Name" :value="item.Id" :key="item.Id">
              </el-option>
            </el-select>
          </el-form-item> -->
          <el-form-item :label="$t('objFill.v101.xiehuizhenh')">
            <el-input v-model="BranchObj.BXieHuiCode"></el-input>
          </el-form-item>
          <!-- <el-form-item label="統一編號">
            <el-input v-model="BranchObj.BUnifyCode"></el-input>
          </el-form-item> -->
        </template>
        <!-- 第五个 -->
        <template v-if="OpType==5">
          <el-form-item :label="$t('objFill.v101.zhiwminc')">
            <el-input v-model="PositionObj.Name"></el-input>
          </el-form-item>
        </template>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="isShowDialog = false" size="small">{{$t('pub.cancelBtn')}}</el-button>
        <el-button type="danger" @click="saveSubData()" size="small">{{$t('pub.sureBtn')}}</el-button>
      </span>
    </el-dialog>
  </div>
  <el-dialog custom-class='w700' :title="$t('objFill.daoru')" :visible.sync="outerVisible" center>
    <el-upload style="text-align: center;" drag class="upload-demo"
              :action="importFileUrl2"
              :on-success="handleAvatarSuccess"
              :before-upload="beforeAvatarUpload">
          <i class="el-icon-upload"></i>
          <div class="el-upload__text">{{$t('tips.tuodongwenjian')}}<em>{{$t('tips.dianjishanhcuan')}}</em></div>

        </el-upload>

  </el-dialog>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        importFileUrl2: "",
        outerVisible: false,
        editTitle: "選單",
        //弹窗
        isShowDialog: false,
        //选项卡
        activeName: 'first',
        //上传图片类型
        commonType: 1,
        //旅行社类型
        travelAgencyType: [{
            Id: 1,
            Name: "甲種旅行社"
          },
          {
            Id: 2,
            Name: "乙種旅行社"
          },
          {
            Id: 3,
            Name: "綜合旅行社"
          },
        ],
        //可售位顯示方式
        SaleSeatType: [{
          Id: 1,
          Name: '顯示可售位 / 總位數'
        }, {
          Id: 2,
          Name: '只顯示可報名人數'
        }, {
          Id: 3,
          Name: '皆不顯示'
        }],
        //全站字體大小
        TAWordSizeType: [{
          Id: 1,
          Name: '小'
        }, {
          Id: 2,
          Name: '中'
        }, {
          Id: 3,
          Name: '大'
        }],
        PostMsg: {
          Id: 0, //编号
          WebSiteName: "", //网站名称
          TAName: "", //旅行社名称
          TABehalf: "", //代表人
          TAJiaoGuanCode: "", //交观证号
          TAPingBaoCode: "", //品保编号
          TAUnifyCode: "", //统一编号
          TAType: 1, //旅行社類型
          TALogo: "", //企业Logo(彩色)
          TALogo2: "", //企业Logo(黑白)
          TAIcon: "", //企业Icon
          TATel: "", //联系电话
          TAFax: "", //传真
          TALinkMan: "", //联系人
          TAAddress: "", //联系地址
          TAServiceMail: "", //服务邮箱
          TAServiceTime: "", //服务时间
          TALineUrl: "", //Line行動條碼網址
          TAFaceBookUrl: "", //FaceBook地址
          TASeatShowType: 1, //可售位顯示方式
          TANoPublicPrice: "", //不公開價格文字設定
          TAWordSize: 1, //全站字體大小
          EnableEmail: true,
          LicensePath: '',
          FilingNo: '',
          TABgColor: "", //背景颜色
          TAOrderInfoDes: "", //订购页面价格标准内容

          //網站選單設定
          HeaderNavList: [],
          //刊尾選單設定
          BottomNavList: [],
          //刊尾小圖設定
          FooterNavList: [],
          //分公司資訊設定
          WebSiteBranchConfigList: [],
          //表單簽核職位設定
          PositionList: []
        },
        //操作类型[1-網站選單設定,2-刊尾選單設定,3-刊尾小圖設定,4-分公司資訊設定,5-表單簽核職位設定]
        OpType: 0,
        OpIndex: 0, //选中的当前项
        //菜单对象
        MenuObj: {
          Id: 0, //编号
          Type: 0, //导航类型(1-顶部导航，2-底部导航，3-底部图标导航)
          Icon: "", //图标
          NavTitle: "", //导航名称
          NavUrl: "", //导航链接
          IsNewOpen: 0, //是否新开页面(1-是)
          MenuId: 0, //菜单编号
        },
        //分公司对象
        BranchObj: {
          Id: 0, //编号
          BName: "", //分公司名称
          BTel: "", //分公司电话
          BAddress: "", //分公司地址
          BFax: "", //分公司传真
          BType: 0, //分公司类型
          BXieHuiCode: "", //協會證號
          BUnifyCode: "", //統一編號
        },
        //职位对象
        PositionObj: {
          Id: 0, //编号
          Name: '', //职位名称
        },
        HomePageList: [], //首页菜单列表
        BottomTagPageList: [], //底部标签导航列表
      };
    },
    mounted() {
      let userInfo = this.getLocalStorage();
      this.importFileUrl2=this.domainManager().UploadFileUrl +
          "?cmd=dmc_post_LocalFileUpload&Type=16&fileType=1&fileLimit=10&EmployeeId="+userInfo.EmployeeId
          +'&RB_Group_id='+userInfo.RB_Group_id +'&KingdeeBId=0'
        ;
      this.getPageTypeList();
      this.getData();
    },
    methods: {
      //上传
      handleAvatarSuccess(res, file) {
            let that = this
          if (res.resultCode == 1) {
            this.Success(res.message);
            this.outerVisible = false;
            this.getData();
          }else{
            that.$confirm(res.message, this.$t('tips.tips'), {
            confirmButtonText: this.$t('pub.sureBtn'),
            cancelButtonText: this.$t('pub.cancelBtn'),
            type: 'warning'
            }).then(() => {

            }).catch(() => {

            });

          }
        },
        beforeAvatarUpload(file) {
          return
        },
      //下拉选择
      changeMenu(type) {
        if (type == 1) {
          var chooseItem = this.HomePageList.find(member => {
            return member.Id === this.MenuObj.MenuId;
          });
          this.MenuObj.NavTitle = chooseItem.NavTitle;
          this.MenuObj.NavUrl = chooseItem.NavUrl;
        } else {
          var chooseBoottomItem = this.BottomTagPageList.find(member => {
            return member.Id === this.MenuObj.MenuId;
          });
          this.MenuObj.NavTitle = chooseBoottomItem.NavTitle;
          this.MenuObj.NavUrl = chooseBoottomItem.NavUrl;
          this.MenuObj.Icon = chooseBoottomItem.Icon;
        }
      },
      //获取导航下拉列表
      getPageTypeList() {
        this.apipost(
          "ws_get_GetNavConfigListByHome", {},
          res => {
            if (res.data.resultCode == 1) {
              var jsonData = res.data.data;
              if (jsonData && jsonData.length > 0) {
                jsonData.forEach(item => {
                  if (item.Type == 2) {
                    this.HomePageList = item.subList
                  }
                  if (item.Type == 3) {
                    this.BottomTagPageList = item.subList;
                  }
                });
              }
            } else {
              this.Error(res.data.message);
            }
          },
          err => {}
        );
      },
      //获取配置
      getData() {
        this.apipost(
          "ws_get_GetBasicConfig", {},
          res => {
            if (res.data.resultCode == 1) {
              var tempData = res.data.data;
              if (tempData) {
                if (tempData.Id) {
                  this.PostMsg.Id = tempData.Id;
                }
                if (tempData.WebSiteName) {
                  this.PostMsg.WebSiteName = tempData.WebSiteName;
                }
                if (tempData.TAName) {
                  this.PostMsg.TAName = tempData.TAName;
                }
                if (tempData.TABehalf) {
                  this.PostMsg.TABehalf = tempData.TABehalf;
                }
                if (tempData.TAJiaoGuanCode) {
                  this.PostMsg.TAJiaoGuanCode = tempData.TAJiaoGuanCode;
                }
                if (tempData.TAPingBaoCode) {
                  this.PostMsg.TAPingBaoCode = tempData.TAPingBaoCode;
                }
                if (tempData.TAUnifyCode) {
                  this.PostMsg.TAUnifyCode = tempData.TAUnifyCode;
                }
                if (tempData.TAType) {
                  this.PostMsg.TAType = tempData.TAType;
                }
                if (tempData.TALogo) {
                  this.PostMsg.TALogo = tempData.TALogo;
                }
                if (tempData.TALogo2) {
                  this.PostMsg.TALogo2 = tempData.TALogo2;
                }
                if (tempData.TAIcon) {
                  this.PostMsg.TAIcon = tempData.TAIcon;
                }
                if (tempData.TATel) {
                  this.PostMsg.TATel = tempData.TATel;
                }
                if (tempData.TAFax) {
                  this.PostMsg.TAFax = tempData.TAFax;
                }
                if (tempData.TALinkMan) {
                  this.PostMsg.TALinkMan = tempData.TALinkMan;
                }
                if (tempData.TAAddress) {
                  this.PostMsg.TAAddress = tempData.TAAddress;
                }
                if (tempData.TAServiceMail) {
                  this.PostMsg.TAServiceMail = tempData.TAServiceMail;
                }
                if (tempData.TAServiceTime) {
                  this.PostMsg.TAServiceTime = tempData.TAServiceTime;
                }
                if (tempData.TALineUrl) {
                  this.PostMsg.TALineUrl = tempData.TALineUrl;
                }
                if (tempData.TAFaceBookUrl) {
                  this.PostMsg.TAFaceBookUrl = tempData.TAFaceBookUrl;
                }
                if (tempData.TASeatShowType) {
                  this.PostMsg.TASeatShowType = tempData.TASeatShowType;
                }
                if (tempData.TANoPublicPrice) {
                  this.PostMsg.TANoPublicPrice = tempData.TANoPublicPrice;
                }
                if (tempData.TAWordSize) {
                  this.PostMsg.TAWordSize = tempData.TAWordSize;
                }
                if (tempData.TABgColor) {
                  this.PostMsg.TABgColor = tempData.TABgColor;
                }
                if (tempData.TAOrderInfoDes) {
                  this.PostMsg.TAOrderInfoDes = tempData.TAOrderInfoDes;
                }
                if (tempData.HeaderNavList) {
                  this.PostMsg.HeaderNavList = tempData.HeaderNavList;
                }
                if (tempData.BottomNavList) {
                  this.PostMsg.BottomNavList = tempData.BottomNavList;
                }
                if (tempData.FooterNavList) {
                  this.PostMsg.FooterNavList = tempData.FooterNavList;
                }
                if (tempData.WebSiteBranchConfigList) {
                  this.PostMsg.WebSiteBranchConfigList = tempData.WebSiteBranchConfigList;
                }
                if (tempData.PositionList) {
                  this.PostMsg.PositionList = tempData.PositionList;
                }
                this.PostMsg.EnableEmail = tempData.EnableEmail === 1;
                if (tempData.FilingNo) {
                  this.PostMsg.FilingNo = tempData.FilingNo;
                }
                if (tempData.LicensePath) {
                  this.PostMsg.LicensePath = tempData.LicensePath;
                }
              }
            } else {
              this.Error(res.data.message);
            }
          },
          err => {}
        );
      },
      //保存数据
      saveData() {
        let params = {...this.PostMsg}
        params.EnableEmail = params.EnableEmail ? 1 : 2
        this.apipost(
          "ws_post_SetBasicConfig", params,
          res => {
            if (res.data.resultCode == 1) {
              this.getData();
              this.Success(res.data.message);
            } else {
              this.Error(res.data.message);
            }
          },
          err => {}
        );
      },
      //选项卡切换
      handleClick(val) {

      },
      //上传图片
      UploadAttachment(file) {
        let newArr = [];
        newArr.push(file.file);
        let fileName = file.file.name;
        var path = "/Upload/WebSite/";
        this.UploadSelfFileT(path, newArr, x => {
          var str = x.data.FilePath;
          var imgUrl = this.domainManager().ViittoFileUrl + str;
          if (this.commonType == 1) {
            this.PostMsg.TALogo = imgUrl;
          } else if (this.commonType == 2) {
            this.PostMsg.TALogo2 = imgUrl;
          } else if(this.commonType == 3) {
            this.PostMsg.TAIcon = imgUrl;
          } else {
            this.PostMsg.LicensePath = imgUrl;
          }
        });
      },
      //操作项目
      OperateDialog(index) {
        this.clearMsg();
        this.isShowDialog = true;
        this.OpIndex = index;
        switch (this.OpType) {
          case 1:
            if (index != -1) {
              this.MenuObj = JSON.parse(JSON.stringify(this.PostMsg.HeaderNavList[index]));
            }
            break;
          case 2:
            if (index != -1) {

              this.MenuObj = JSON.parse(JSON.stringify(this.PostMsg.FooterNavList[index]));
            }
            break;
          case 3:
            if (index != -1) {
              this.MenuObj = JSON.parse(JSON.stringify(this.PostMsg.BottomNavList[index]));
            }
            break;
          case 4:
            if (index != -1) {
              this.BranchObj = JSON.parse(JSON.stringify(this.PostMsg.WebSiteBranchConfigList[index]));
            }
            break;
          case 5:
            if (index != -1) {
              this.PositionObj = JSON.parse(JSON.stringify(this.PostMsg.PositionList[index]));
            }
            break;
        }
      },
      //删除项目
      DeleteItem(item, index) {
        var that = this;
        that.Confirm(that.$t('tips.shifoushanchu'), function () {
          var cmdStr = "";
          switch (that.OpType) {
            case 1:
              if (item.Id > 0) {
                cmdStr = "ws_post_RemoveNav";
              }
              that.PostMsg.HeaderNavList.splice(index, 1);
              break;
            case 2:
              if (item.Id > 0) {
                cmdStr = "ws_post_RemoveNav";
              }
              that.PostMsg.FooterNavList.splice(index, 1);
              break;
            case 3:
              if (item.Id > 0) {
                cmdStr = "ws_post_RemoveNav";
              }
              that.PostMsg.BottomNavList.splice(index, 1);
              break;
            case 4:
              if (item.Id > 0) {
                cmdStr = "ws_post_RemoveBranch";
              }
              that.PostMsg.WebSiteBranchConfigList.splice(index, 1);
              break;
            case 5:
              if (item.Id > 0) {
                cmdStr = "ws_post_RemovePosition";
              }
              that.PostMsg.PositionList.splice(index, 1);
              break;
          }
          if (item.Id > 0) {
            that.apipost(
              cmdStr, {
                Id: item.Id
              },
              res => {
                if (res.data.resultCode == 1) {
                  that.Success(res.data.message);
                  that.getData();
                } else {
                  that.Error(res.data.message);
                }
              },
              null
            );
          }
        });
      },
      //保存导航数据
      saveSubData() {
        switch (this.OpType) {
          case 1:
            if (this.OpIndex == -1) {
              this.PostMsg.HeaderNavList.push(JSON.parse(JSON.stringify(this.MenuObj)));
            } else {
              this.PostMsg.HeaderNavList[this.OpIndex] = JSON.parse(JSON.stringify(this.MenuObj));
            }
            break;
          case 2:
            if (this.OpIndex == -1) {
              this.PostMsg.FooterNavList.push(JSON.parse(JSON.stringify(this.MenuObj)));
            } else {
              this.PostMsg.FooterNavList[this.OpIndex] = JSON.parse(JSON.stringify(this.MenuObj));
            }
            break;
          case 3:
            if (this.OpIndex == -1) {
              this.PostMsg.BottomNavList.push(JSON.parse(JSON.stringify(this.MenuObj)));
            } else {
              this.PostMsg.BottomNavList[this.OpIndex] = JSON.parse(JSON.stringify(this.MenuObj));
            }
            break;
          case 4:
            if (this.OpIndex == -1) {
              this.PostMsg.WebSiteBranchConfigList.push(JSON.parse(JSON.stringify(this.BranchObj)));
            } else {
              this.PostMsg.WebSiteBranchConfigList[this.OpIndex] = JSON.parse(JSON.stringify(this.BranchObj));
            }
            break;
          case 5:
            if (this.OpIndex == -1) {
              this.PostMsg.PositionList.push(JSON.parse(JSON.stringify(this.PositionObj)));
            } else {
              this.PostMsg.PositionList[this.OpIndex] = JSON.parse(JSON.stringify(this.PositionObj));
            }
            break;
        }
        this.clearMsg();
        this.isShowDialog = false;
      },
      clearMsg() {
        this.MenuObj.Id = 0;
        this.MenuObj.Type = 0;
        this.MenuObj.Icon = "";
        this.MenuObj.NavTitle = "";
        this.MenuObj.NavUrl = "";
        this.MenuObj.IsNewOpen = 0;
        this.MenuObj.MenuId = 0;

        this.BranchObj.Id = 0;
        this.BranchObj.BName = "";
        this.BranchObj.BTel = "";
        this.BranchObj.BAddress = "";
        this.BranchObj.BFax = "";
        this.BranchObj.BType = 0;
        this.BranchObj.BXieHuiCode = "";
        this.BranchObj.BUnifyCode = "";

        this.PositionObj.Id = 0;
        this.PositionObj.Name = "";
      }
    }
  }

</script>
