<gsb-pagecard>
      <div slot="content">
        <el-card>
          <div style="margin-left:20px;margin-right:20px;">
             <div style="margin-top:10px;">
               <div class="agencyother-title1" style="margin-bottom:50px;text-align: center">{{this.wxappinfo && this.wxappinfo.id?"公众号信息":"绑定公众号"}}</div>
               <div v-if="wxappinfo && wxappinfo.id" style="" >
                     <el-form :inline="true" :model="wxappinfo" label-width="110px">
                           <el-form-item label="公众号appid:" style="margin:0 20px">
                              <el-input :disabled="true" v-model="wxappinfo.appid"></el-input>
                           </el-form-item>
                           <el-form-item label="公众号昵称:" style="margin:0 20px">
                              <el-input :disabled="true" v-model="wxappinfo.nick_name"></el-input>
                           </el-form-item>
                           <el-form-item label="公众号主体:" style="margin:0 20px">
                              <el-input :disabled="true" v-model="wxappinfo.principal_name"></el-input>
                           </el-form-item>
                     </el-form>
                     <p style="font-size:14px;color:#666;text-align: left;margin:10px 20px;">注：若要解除公众号绑定，请登录微信公众平台在授权管理里面取消授权。</p>
               </div>
               <div v-else>
                  <el-row>
                     <el-col :span="18">
                          <span>开启微信服务号通知功能后，可通过微信服务号将订单进度、官文、监控信息、业务信息等消息及时通知用户。</span> 
                     </el-col>
                     <el-col style="text-align:right;" :span="6">
                           <el-button style="margin-top:-3px;" type="small" @click="componentloginpage">绑定公众号</el-button>
                     </el-col>
                  </el-row>
                  <el-dialog @close="getWxappInfo" title="公众号授权二维码" :visible.sync="showComponentloginpageUrl">
                     <div style="text-align:center">
                           <img :src="componentloginpageUrl" style="width:200px;height:200px;">
                           <p>请用公众号管理员微信扫描授权二维码，完成公众号绑定授权</p>
                     </div>
                  </el-dialog>
               </div>
             </div>
           </div>
        </el-card>
      </div>
  </gsb-pagecard>
  