<template>
    <div>
       <div>
          <div class="autoBox2 ">
             <div >
                <div style="width: 100%;margin: auto;margin-top: 20px;">
                  <el-collapse v-model="activeNames" >
                    <!-- 基本信息 -->
                    <el-collapse-item  name="3" v-if="active==1">
                      <template slot="title">
                        <span style="color: red;margin-right: 3px;">* </span>  {{$t('common.BasicInformation')}}
                      </template>

                      <el-form ref="externalFormData" :model="externalFormData" :rules="form1Rules" label-width="260px"
                      class="demo-ruleForm"
                        style="margin-top: 20px;width: 1000px;margin-left: 100px;">
                         <!-- 类型 -->
                          <el-form-item :label="$t('common.Type')" prop='activityTypeDict'>
                              <el-select
                                filterable
                                :no-match-text="$i18n.locale=='zh'?'无匹配数据':'No Data'"
                                v-model="externalFormData.activityTypeDict"
                                :placeholder="$t('common.PleaseSelect2') + $t('common.Type')"
                                style="width: 70%;">
                                  <el-option :label="item.label" :value="item.value"
                                      v-for="(item,index) in type">
                                </el-option>
                              </el-select>
                            </el-form-item>
                          <!-- 委员会 -->
                        <el-form-item :label="$t('common.Committee')" prop='orderNumber'>
                          <el-select v-model="externalFormData.cascader" :placeholder="$t('common.PleaseSelect2')" multiple :disabled="false" style="width: 70%;" @change="handleChange1">
                            <el-option

                                v-for="item in ActivityOptions"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value"
                                :disabled="false">
                            </el-option>
                          </el-select>
                        </el-form-item>
<!--                          <el-form-item :label="$t('common.Committee')" prop='orderNumber' >-->
<!--                            <el-cascader-->
<!--                                style="width: 70%;"-->
<!--                                value="value"-->
<!--                                v-model="externalFormData.cascader"-->
<!--                                :placeholder="$t('common.PleaseSelect2') + $t('common.Committee')"-->
<!--                                :options="ActivityOptions"-->
<!--                                @change="handleChange1"-->
<!--                                >-->
<!--                            </el-cascader>-->
<!--                          </el-form-item>-->
                          <!-- v-model="" -->
                          <!-- 活动时间 -->
                          <el-form-item :label="$t('common.ActivityTime')"  prop='activityTime' style="display: block;">
                            <el-date-picker
                                style="width: 70%;"
                                v-model="externalFormData.activityTime"
                                type="daterange"
                                align="right"
                                unlink-panels
                                :range-separator="$i18n.locale=='zh'?'至':'to'"
                                :start-placeholder="$i18n.locale=='zh'?'开始日期':'Start date'"
                                :end-placeholder="$i18n.locale=='zh'?'结束日期':'End date'"
                                value-format="yyyy-MM-dd"
                                >
                            </el-date-picker>
                          </el-form-item>
                          <!-- 活动地点 -->
                          <el-form-item :label="$t('common.Venue')" prop="activityPlace">
                              <el-input v-model="externalFormData.activityPlace"
                              maxlength="100"
                              show-word-limit
                               style="width: 70%;"
                               :placeholder="$i18n.locale=='zh'?'请参照格式：北京市-海淀区-交通大道123号':'Please refer to the format: 123 Jiaotong Avenue, Haidian District, Beijing'"></el-input>
                          </el-form-item>
                          <!-- 报名时间 -->
                          <el-form-item :label="$t('common.RegistrationTime')">
                            <el-date-picker
                                style="width: 70%;"
                                v-model="externalFormData.RegistrationTime"
                                type="daterange"
                                align="right"
                                unlink-panels
                                :range-separator="$i18n.locale=='zh'?'至':'to'"
                                :start-placeholder="$i18n.locale=='zh'?'开始日期':'Start date'"
                                :end-placeholder="$i18n.locale=='zh'?'结束日期':'End date'"
                                value-format="yyyy-MM-dd"
                                >
                            </el-date-picker>
                          </el-form-item>
                            <!-- 报名链接 -->
                          <el-form-item :label="$t('common.RegistrationLink')">
                              <el-input v-model="externalFormData.registrationUrl"  maxlength="255"
                              show-word-limit style="width: 70%;" ></el-input>
                          </el-form-item>
                          <!-- 相关附件 -->
                          <el-form-item  :label="$t('common.RelatedAttachments')" prop='LegalRepresentative' v-if="externalFormData.activityTypeDict=='2'">
                            <el-upload
                            class="upload-demo"
                            action="./api/file/upload/attachment?module=committeeActivityInfo"
                            :on-success="docSuccess"
                            :on-remove="docRemove"
                            :headers="myHeaders"
                            :before-upload="beforeUpload"
                            :file-list="externalFormData.fileList">
                                <el-button size="small" type="primary">{{$t('common.SelectUploadCUnit')}}</el-button>
                                <div slot="tip" class="el-upload__tip">{{$t('common.OnlyUpload')}}</div>
                            </el-upload>
                          </el-form-item>

                      </el-form>
                    </el-collapse-item>

                    <!-- 活动信息 -->
                    <el-collapse-item  name="1" v-if="active==1">
                      <template slot="title">
                        <span style="color: red;margin-right: 3px;">* </span>  {{$t('common.ActivityInformation')}}
                      </template>
                      <el-form ref="externalFormData2" :model="externalFormData" :rules="form1Rules" label-width="260px" class="demo-ruleForm"
                        style="margin-top: 20px;width: 1000px;margin-left: 100px;">
                         <!-- 名称 -->
                          <el-form-item :label="$t('common.Name')" prop='activityName'>
                            <el-input v-model="externalFormData.activityName" maxlength="1000"
                            show-word-limit  style="width: 70%;" :placeholder="$t('common.PleaseEnter')+$t('common.NameoftheEntity')"></el-input>
                            </el-form-item>
                          <!-- 封面 -->
                          <el-form-item :label="$t('common.Cover')"  style="position: relative;">
                            <el-upload
                                class="avatar-uploader"
                                action="/api/file/upload/img?module=reviewCommitteeActivityInfo"
                                :show-file-list="false"
                                :on-success="photoSuccess"
                                :headers="myHeaders"
                                :before-upload="beforeAvatarUpload">
                                <img v-if="externalFormData.activityLogo" :src="'/api/file/pub/' + externalFormData.activityLogo" class="avatar">
                                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                            </el-upload>
                            <span style="position: absolute;left: 200px;top: 80px;">{{$i18n.locale=='zh'?'图片大小不超过10M，建议尺寸320*240':'The picture size is not more than 10m, recommended size is 320 * 240'}}</span>
                          </el-form-item>
                          <!-- 简介 -->
                          <el-form-item :label="$t('common.Introduction')"   style="display: block;">
                            <layui-inline-ue
                              label=""
                              :cssStyle="{'width':'100%','height':'100%'}"
                              :value="externalFormData.activityIntroductionUe"
                              @input="activityIntroductionUe"
                              :readonly="readOnly"
                              ref="contentUe">
                            </layui-inline-ue>
                          </el-form-item>

                      </el-form>
                    </el-collapse-item>
                    <!-- 详情 -->
                    <el-collapse-item  name="2" v-if="active==1">
                      <template slot="title">
                        <span style="color: red;margin-right: 3px;">* </span>  {{$t('common.ActivitiesInfo')}}
                      </template>
                      <div style="margin: 30px 20px;">
                        <span :class="textIndex==1?'textInfo cursor':'textInfo2 cursor'" @click="textIndex=1">{{$t('common.ActivityPreview')}}</span>
                        <span :class="textIndex==2?'textInfo cursor':'textInfo2 cursor'" @click="textIndex=2">{{$t('common.ActivityReview')}}</span>
                    </div>
                    <div style="margin: 0px 20px;">
                     {{$t('common.CustomTemplate')}}:
                     <el-select
                        filterable
                        :no-match-text="$i18n.locale=='zh'?'无匹配数据':'No Data'"
                        v-model="externalFormData.activityPreviewTemplate"
                        :placeholder="$i18n.locale=='zh'?'请选择类型':'Please select Type'"
                        >
                          <el-option :label="item.label" :value="item.value"
                              v-for="(item,index) in type">
                        </el-option>
                     </el-select>
                    </div>
                    <div style="margin: 30px 20px;"  >
                     <div style="display: inline-block;width: 100px;height: 760px;line-height: 760px;text-align: center;
                     border: 1px solid rgba(210, 210, 210, 1);background: #fbfbfb;">
                         {{textIndex==1?$i18n.locale=='zh'?'活动预告':'Activity Preview':
                              $i18n.locale=='zh'?'活动回顾':'Activity review'}}
                     </div>
                     <div style="display: inline-block;width: 1000px;height: 760px;vertical-align: top;" class="edui" v-show="textIndex == 1" >
                         <layui-inline-ue
                             label=""
                             :cssStyle="{'width':'100%','height':'100%'}"
                             @input="activityPreviewUe"
                             v-model="externalFormData.activityPreviewUe"
                             :readonly="readOnly"
                             ref="contentUe">
                         </layui-inline-ue>
                     </div>

                     <div style="display: inline-block;width: 1000px;height: 760px;vertical-align: top;" class="edui" v-show="textIndex == 2" >
                        <layui-inline-ue
                            label=""
                            :cssStyle="{'width':'100%','height':'100%'}"
                            @input="activityReviewUe"
                            v-model="externalFormData.activityReviewUe"
                            :readonly="readOnly"
                            ref="contentUe">
                        </layui-inline-ue>
                    </div>
                    </div>
                    <div style="margin: 30px 20px;height: 150px;" v-show="textIndex == 2">
                      <el-upload
                        action="./api/file/upload/attachment?module=reviewCommitteeActivityInfo"
                        list-type="picture-card"
                        :headers="myHeaders"
                        :on-success="handlePictureCardSucess"
                        :on-preview="handlePictureCardPreview"
                        :on-remove="handleRemove"
                        :file-list="externalFormData.fileList2">
                        <i class="el-icon-plus"></i>
                      </el-upload>
                    <el-dialog :visible.sync="dialogVisible2">
                        <img width="100%" :src="dialogImageUrl" alt="">
                    </el-dialog>


                    </div>
                    </el-collapse-item>

                  </el-collapse>

                </div>

                <div style="margin: 20px 100px;">
                  <!-- <el-button   @click="submit" >取消</el-button>
                  <el-button type="primary"  @click="submit">预览</el-button> -->
                  <el-button style="margin-left: 950px;" type="primary" :loading="loading"  @click="submit">{{$t('common.Submit')}}</el-button>
                </div>
               </div>
             </div>

          </div>
    </div>
  </template>

  <script>
    import {getDicts} from '@/api/dict'
    import {submitApplyPortal,getBaseLeagueApplys,} from '@/api/cooperation/baseLeagueApply'
    import {getBaseLeagues,getRegionsAndCountries,saveEntityAndInfo} from '@/api/cooperation/baseLeagueEntity'
    import {country} from '@/api/country'
    import Base from '@/views/base/Base'
    import userCenterTaberListUnionPrint from '@/views/userCenter/userCenterItem/userCenterTaberListUnionPrint'
    import LayuiInlineUe from '@/components/LayuiInlineUe'
    import {getToken} from '@/utils/auth';



  export default {
    name: 'NationalregionalCommissionsEventEn',
    extends: Base,
    props:{
    activeLanguage:{
      type: String,
      default: null
    },
    editableTabsValue:{
      type: String,
      default: null
    },
    activity:{
      type: Array,
      default: null
    },
    loading: {
				type: Boolean,
				default: false
		},
    },
    components:{userCenterTaberListUnionPrint,LayuiInlineUe},
    data () {
      return {
        active:1,
        wei:'',
        readOnly: this.$route.params.readOnly || false,
        activeNames: ['1','2','3'],
        countryList:[],
        imgList:[],
        textIndex:1,
        myHeaders: {Authorization: ('Bearer ' + getToken())},
        type:[],// 委员会类型
        ActivityOptions: [],
        value:[],
        dialogImageUrl: '',
        dialogVisible2: false,
        allActivityOptions:[],

        externalFormData:this.activity,
        screenIndex: 2,
        baseLeagueInfos:[],
        realTimeInfoScreens2:[{
            lable:"委员会简介",
            value:'0'
        },{
            lable:"委员会布局",
            value:'1'
        },{
            lable:"委员会活动",
            value:'2'
        }],

        dialogVisible:false,
        leagueType:[],


        processKey: 'ALLIANCE_APPROVAL',
        approvers:[],
        duty:'',
        group:'',
        leagueMap:{},
        ActivityTime:[],
        RegistrationTime:[],
        Template:[],

      }
    },
    created(){

    },
    mounted(){
        this.getDict();// 获取字典
    },
    watch:{
        externalFormData:{
          handler :function () {
              this.externalFormData.language = this.editableTabsValue;

              this.$emit('update:activity',this.externalFormData);
          },
          deep:true
        },
        activity:{
          handler: function () {
                this.externalFormData = this.activity;
          },
          deep:true
        },
      "externalFormData.activityTime"(){
        let  start = this.formatDate(this.externalFormData.activityTime[0]);
        let  end = this.formatDate(this.externalFormData.activityTime[1]);
        // this.externalFormData.activityTime = start+'--'+end;
      },
      "externalFormData.RegistrationTime"(){
        let  start = this.formatDate(this.externalFormData.RegistrationTime[0]);
        let  end = this.formatDate(this.externalFormData.RegistrationTime[1]);
        // this.externalFormData.registrationTime = start+'--'+end;
      },

      "$i18n.locale"(){
        // this.$refs.form.clearValidate();
        // this.$refs.form2.clearValidate();
        this.getDict();// 获取字典
      },


    },
    computed:{
      form1Rules(){
        return {
            activityTime:[
              { required: true,message: this.$t('common.PleaseEnter')+'  '+this.$t('common.ActivityTime'), trigger: 'blur' }
            ],
            activityTypeDict:[
              {required: true, message: this.$t('common.PleaseSelects')+'  '+this.$t('common.ByType'), trigger: 'change'}
            ],
            orderNumber: [
              { required: true, message: this.$t('common.PleaseSelects')+'  '+this.$t('common.Committee'), trigger: 'blur' }
            ],
            activityPlace:[
              { required: true, message: this.$t('common.PleaseEnter')+'  '+this.$t('common.Venue'), trigger: 'blur' },
            ],
            activityName:[
              { required: true, message: this.$t('common.PleaseEnter')+'  '+this.$t('common.Name'), trigger: 'blur' }
            ],
            unitIntroduction:[
              { required: true, message: this.$t('common.PleaseEnter')+'  '+this.$t('common.BriefIntroductionOfApplicant'), trigger: 'blur' }
            ],
            activityLogo:[
              { required: true, trigger: 'blur' }
            ],
            activityIntroductionUe:[
              { required: true, trigger: 'blur' }
            ],
        }
        },

    },
    methods:{
      beforeAvatarUpload (){

      },
      submit(){

        this.$refs["externalFormData"].validate((valid1) => {
            if (valid1) {
              this.$refs["externalFormData2"].validate((valid2) => {
                if (valid2) {
                  this.$emit("saveForm");
                }
              })
            } else {
              this.$notify.error({
                title: 'error',
                message: this.$i18n.locale == 'en'?'Please add':'请补充' + this.$t('common.BasicInformation')
              });
              return false;
            }
          });

      },
      beforeUpload(){

      },
      handleRemove(file, fileList) {
        this.externalFormData.picturesId = "";
        this.externalFormData.pictures = "";
        for(let index=0;index<fileList.length;index++){
          this.externalFormData.picturesId = fileList[index].id+","+this.externalFormData.picturesId;
          this.externalFormData.pictures = fileList[index].url.replace('/api/file/pub/','')+","+this.externalFormData.pictures;
        }
      },
      handlePictureCardSucess(file){
        if(undefined == this.externalFormData.picturesId){
          this.externalFormData.picturesId = "";
        }
        if(undefined == this.externalFormData.pictures){
          this.externalFormData.pictures = "";
        }
        this.externalFormData.picturesId = file.data.attachmentId+","+this.externalFormData.picturesId;
        this.externalFormData.pictures = file.data.path+","+this.externalFormData.pictures;

      },
      handlePictureCardPreview(file) {
        this.dialogImageUrl = file.url;
        this.dialogVisible = true;
      },
      //修改
      handleChange(value) {
      },
      handleChange1(value){
        console.log("存在问题")
        this.externalFormData.cascader = value;
        this.externalFormData.committeeName = '';
        this.externalFormData.committeeId = '';
        this.externalFormData.orderNumber = '';
        value.forEach(j=>{
          this.externalFormData.orderNumber = j+","+this.externalFormData.orderNumber
        })
        this.allActivityOptions.forEach(item=>{
              value.forEach(j=>{
                if(item.value == j){
                  this.externalFormData.committeeName = item.label+","+this.externalFormData.committeeName;
                  this.externalFormData.committeeId =  item.id+","+this.externalFormData.committeeId;
                }
              })
        })
        this.externalFormData.committeeName=this.externalFormData.committeeName.replace(/,$/gi,"");
        this.externalFormData.committeeId=this.externalFormData.committeeId.replace(/,$/gi,"");
        this.externalFormData.orderNumber = this.externalFormData.orderNumber.replace(/,$/gi,"");
      },
      activityIntroductionUe(data){
        this.externalFormData.activityIntroductionUe = data;
      },
      activityPreviewUe(data){
        this.externalFormData.activityPreviewUe = data;
      },
      activityReviewUe(data){
        this.externalFormData.activityReviewUe = data;
      },
      ActivityTimeRule (rule, value, callback) {

      },
      docRemove(file, fileList) {
        this.externalFormData.ids=[];
        for(let index=0;index<fileList.length;index++){
          this.externalFormData.ids.push(fileList[index].id)
        }
      },
      docSuccess(res, file) {
        if(!this.externalFormData.fileList){
          this.externalFormData.fileList = []
        }
        this.externalFormData.fileList.push(file);
        if (res.data) {
          if(undefined == this.externalFormData.ids){
            this.externalFormData.ids = []
          }
          // this.externalFormData.fileList.push(res.data)
            this.externalFormData.ids.push(res.data.attachmentId)
        }
      },
      photoSuccess(res, file) {
        this.imgList = [];
        this.externalFormData.activityLogo=res.data;
        this.$forceUpdate();
      },
      getDict(){
        this.Template=[{
          label:this.$i18n.locale=='zh'?'会员活动模板':'Member activity template',
          value:'0'
        },{
          label:this.$i18n.locale=='zh'?'联盟活动模板':'Alliance activity template',
          value:'1'
        },{
          label:this.$i18n.locale=='zh'?'合作活动模板':'Cooperative activity template',
          value:'2'
        }];
        getDicts(this.$i18n.locale=="zh"?'COMMITTEE_ACTIVITY_TYPE':'COMMITTEE_ACTIVITY_TYPE_EN').then(res=>{
          this.type=res.data[0];
          console.log('定制模板')
          console.log(res.data)
        });

        let page = {
          language:this.$i18n.locale.toUpperCase()
        }
        getRegionsAndCountries(page).then(res=>{
          this.allActivityOptions = res.data;
          // res.data.forEach((item,index)=>{

          //   if(item.value.length>4){
          //     this.$set(item,'faValue',item.value.substring(0,3))
          //   }else {
          //     this.$set(item,'children',new Array )
          //   }
          // })
          // res.data.forEach((item) =>{
          //   res.data.forEach((i) =>{
          //     if(item.value == i.faValue){
          //       item.children.push(i);
          //     }
          //   })
          // });

          this.ActivityOptions = res.data;
          // this.ActivityOptions.forEach((item,index)=>{
          //   if(item.faValue){
          //     delete this.ActivityOptions[index];
          //   }
          // })
          // this.ActivityOptions = this.ActivityOptions.filter(item=>{
          //   return item !==undefined
          // })
        })
      },
      agreementChange(val){
        this.active=val;
      },

      // 提交并下载
     submitForm(){
      this.$refs["externalFormData"].validate((valid1) => {
          if (valid1) {


          } else {
            this.$notify.error({
              title: 'error',
              message: this.$t('common.unitInfo')
            });
            this.activeNames=["1"]
            return false;
          }
        });

     },
     print(){
        loading();
          if (this.duty || this.group) {
              getUsers({
                  duty: this.duty,
                  groups: this.group,
              }).then(res => {
                  let data = res.data || {};
                  let approvers = data.authUsers || [];
                  if (approvers && approvers.length > 0) {
                      this.approver = '';
                      approvers.forEach(item => {
                          this.approver += item.userId + ",";
                      });
                      this.approver = this.approver.substring(0, this.approver.length - 1);
                  }
              });
          }
          this.baseLeagueApply.phaseDict = '1';
          this.baseLeagueApply.statusDict = this.submitStatus;
          this.baseLeagueApply.auditStatusDict = '1';
          this.baseLeagueApply.leagueId = this.leagueType.join(',');
          var leagueType = [];
          if(this.leagueType.length > 0){
              this.leagueType.forEach(e=>{
                  leagueType.push(this.leagueMap[e])
              })
          }
          this.baseLeagueApply.leagueName = leagueType.join(',');

          this.submitHandler((token) => {

            submitApplyPortal(JSON.stringify(this.baseLeagueApply),JSON.stringify(this.baseContactsInfo),null,this.approver, this.taskComment,token).then(res=>{
                this.$message({
                  message: this.$i18n.locale.toUpperCase()=="ZH"?'添加资料成功':'submit success',
                  type: 'success'
                });
                this.resetToken();
                this.active=2;
                closeLoading();
            }).catch(error => {
                this.resetToken();
                closeLoading();
            });
        })
     },
      // 发送申请表
      submitFormApplication(){

      },
      realTimeInfoScreen(i,index){
        this.toView('nationalregionalCommissions2',index)
     },
      getIconUrl(url){
        return require("@/assets/img/introductionCooperation/"+url);
      },
      toView(router,json){
          this.$router.push({name:router,query:{key:json}})
      },
      toNewView(router,json){
          this.$store.commit('modify', router);
          window.localStorage.setItem('router', router);
          const { href } = this.$router.resolve({
            name: router,
            query: {
              key: json
            },
          });
          window.open(href, '_blank');
      },
      toViewCenter(router,json){
          this.$router.push({name:router,params:{index:json}})
      },
      resetForm(item) {
        this[item] = {};
        console.log( this.form2)
        this.$refs.form2.resetFields()

          if(this.$refs[formName]){
            this.$refs[item].resetFields()
          }
          }
      }
  }
  </script>

  <!-- Add "scoped" attribute to limit CSS to this component only -->
  <style scoped>
    .box {
        margin-top: 10px;
        background: #fff;
        min-height: 500px;
        padding: 20px 0;
    }
    .crumbs {
        margin-left: 20px;
    }
    body {
        margin: 0;
    }
    .crumbs >>>.el-step__icon {
      width: 37px;
      height: 37px;
      font-size: 18px;
    }
    .crumbs>>> .el-step.is-horizontal .el-step__line {
      top:20px;
    }
    .crumbs>>>.el-step__head.is-process {
      color: #409eff;
      border-color:inherit;
    }
    .crumbs>>>.el-step__head.is-process .el-step__icon.is-text {
      background: #409eff;
      color: #fff;
      border-color:#409eff;
      width: 46px;
      height: 46px;
    }
    .crumbs>>>.el-step__title.is-process,
    .crumbs>>>.el-step__description.is-process {
      color: #409eff;
    }
    .crumbs>>>.el-collapse-item {
      /* width: 80%; */
      margin: auto;
    }
    .el-collapse {
      border: none;
    }
    .crumbs>>>.el-collapse-item__header {
      padding: 0 20px 0 50px;
      font-weight: 700;
    }
    .crumbs>>>.el-collapse-item__content {
      padding: 0 0 0 0px;

    }
    .el-checkbox {
      display: inline-block;
      margin-bottom: 20px;
    }
    .avatar-uploader >>>.el-upload {
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .avatar-uploader .el-upload:hover {
    border-color: #409EFF;
  }
  .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 178px;
    height: 178px;
    line-height: 178px;
    text-align: center;
  }
  .avatar {
    width: 178px;
    height: 178px;
    display: block;
  }
  .crumbs>>>.el-collapse-item__header.is-active {
          border-bottom-color:  #EBEEF5;
    }
  .button_409EFF {
      border-color:#409EFF ;
      color: #409EFF;
  }
  .textInfo {
      padding: 10px 20px;
      background-color: #1890ff;
      color: #fff;
      border: 1px solid rgba(228, 228, 228, 1);
  }
  .textInfo2 {
      padding: 10px 20px;
      background-color: rgba(249, 249, 249, 1);
      color: #333;
      border: 1px solid rgba(228, 228, 228, 1);
  }
  .form2Sty{

  margin-top: 20px;
  width: 100%;
  }
  .form2Sty>>>.el-collapse-item__content{
    /* padding-left: 20px; */
    width: 49%;
  }
  .form2Sty>>>.el-form-item{
    width: 50%;
    float: left;

  }
  .avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .avatar-uploader .el-upload:hover {
    border-color: #409EFF;
  }
  .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 178px;
    height: 178px;
    line-height: 178px;
    text-align: center;
  }
  .avatar {
    width: 178px;
    height: 178px;
    display: block;
  }
  .edui-editor {
      width: 100%;
  }
  .edui>>>.edui-editor-iframeholder {
      height: 679px !important;
  }
  </style>
