<template xmlns:el-col="http://www.w3.org/1999/html">
  <div>
    <el-row style="margin-bottom: 15px; margin-top: 5px">
      <el-col :span="8">
        <el-form ref="smsCode" :model="smsCode" label-width="0px">
          <el-card class="darkred" shadow="always">
            <div slot="header" class="clearfix">
              <span>设置短信验证码</span>
            </div>
            <div class="text item">
              <el-form-item>
                <el-input placeholder="请输入手机号" v-model="smsCode.phone" clearable></el-input>
              </el-form-item>
              <el-form-item>
                <el-input placeholder="请输入验证码" v-model="smsCode.code" clearable></el-input>
              </el-form-item>
              <div style="margin: 15px 0;"></div>
              <el-form-item>
                <el-button round @click="smsCodeSubmit">设置验证码</el-button>
              </el-form-item>
            </div>
          </el-card>
        </el-form>
      </el-col>
      <el-col :span="8">
        <el-form ref="queryPhoneCode" :model="queryPhoneCode" label-width="0px">
          <el-card class="darkred" shadow="always">
            <div slot="header" class="clearfix">
              <span>查询短信验证码</span>
            </div>
            <div class="text item">
              <el-form-item>
                <el-input placeholder="请输入手机号" v-model="queryPhoneCode.phone" clearable></el-input>
              </el-form-item>
              <el-form-item>
                <el-select v-model="queryPhoneCode.huanjing" placeholder="请选择执行环境">
                  <el-option
                    v-for="item in queryPhoneCodeOptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
              <div style="margin: 15px 0;"></div>
              <el-form-item>
                <el-button round @click="queryPhoneCodeSubmit">查询验证码</el-button>
              </el-form-item>
            </div>
          </el-card>
        </el-form>
        <el-dialog
          title="短信验证码："
          :visible.sync="dialogQueryPhoneCode"
          width="30%">
          <span>{{myQueryPhoneCode}}</span>
          <span slot="footer" class="dialog-footer">
            <el-button type="primary" v-clipboard:copy="JSON.stringify(myQueryPhoneCode)" v-clipboard:success="onCopy" @click="dialogQueryPhoneCode = false">点击复制</el-button>
          </span>
        </el-dialog>
      </el-col>
      <el-col :span="8">
        <el-form ref="activityConfig" :model="activityConfig" label-width="0px">
          <el-card class="darkred" shadow="always">
            <div slot="header" class="clearfix">
              <span>查询活动配置</span>
            </div>
            <div class="text item">
              <el-form-item prop="id">
                <el-input placeholder="请输入活动ID" v-model="activityConfig.id" clearable></el-input>
              </el-form-item>
              <el-form-item>
                <el-select v-model="activityConfig.huanjing" placeholder="请选择执行环境">
                  <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
              <div style="margin: 15px 0;"></div>
              <el-form-item>
                <el-button round @click="activityConfigSubmit">查询配置</el-button>
              </el-form-item>
            </div>
          </el-card>
        </el-form>
      </el-col>
    </el-row>
    <el-row style="margin-bottom: 15px;">
      <el-col :span="8">
        <el-form ref="createUserInfo" :model="createUserInfo" label-width="0px">
          <el-card class="darkred" shadow="always">
            <div slot="header" class="clearfix">
              <span>创建指定代理人的健康坊用户</span>
            </div>
            <div class="text item">
              <el-form-item>
                <el-input placeholder="代理人手机号" v-model="createUserInfo.agentPhone" clearable></el-input>
              </el-form-item>
              <div style="margin: 15px 0;"></div>
              <el-form-item>
                <el-input placeholder="该代理人名下的健康坊用户手机号" v-model="createUserInfo.phone" clearable></el-input>
              </el-form-item>
              <div style="margin: 15px 0;"></div>
              <el-form-item>
                <el-button round @click="createUserInfoSubmit">创建用户</el-button>
              </el-form-item>
            </div>
          </el-card>
        </el-form>
      </el-col>
      <el-col :span="8">
        <el-form ref="queryUserInfo" :model="queryUserInfo" label-width="0px">
          <el-card class="darkred" shadow="always">
            <div slot="header" class="clearfix">
              <span>查询用户信息</span>
            </div>
            <div class="text item">
              <el-form-item>
                <el-input placeholder="代理人手机号" v-model="queryUserInfo.agentPhone" clearable></el-input>
              </el-form-item>
              <el-form-item>
                <el-select v-model="queryUserInfo.huanjing" placeholder="请选择执行环境">
                  <el-option
                    v-for="item in queryUserInfoOptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
              <div style="margin: 15px 0;"></div>
              <el-form-item>
                <el-button round @click="queryUserInfoSubmit">查询用户</el-button>
              </el-form-item>
            </div>
          </el-card>
        </el-form>
      </el-col>
      <el-col :span="8">
        <el-form ref="activityConfig" :model="activityConfigRedis" label-width="0px">
          <el-card class="darkred" shadow="always">
            <div slot="header" class="clearfix">
              <span>查询活动配置的redis</span>
            </div>
            <div class="text item">
              <el-form-item>
                <el-input placeholder="请输入活动ID" v-model="activityConfigRedis.id" clearable></el-input>
              </el-form-item>
              <el-form-item>
                <el-select v-model="activityConfigRedis.huanjing" placeholder="请选择执行环境">
                  <el-option
                    v-for="item in activityConfigRedisOptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
              <div style="margin: 15px 0;"></div>
              <el-form-item>
                <el-button round @click="activityConfigRedisSubmit">查询redis配置</el-button>
              </el-form-item>
            </div>
          </el-card>
        </el-form>
      </el-col>
    </el-row>
    <el-row style="margin-bottom: 15px;">
      <el-col :span="8">
        <el-form ref="changeOrgAll" :model="changeOrgAll" label-width="0px">
          <el-card class="darkred" shadow="always">
            <div slot="header" class="clearfix">
              <span>代理人更换机构</span>
            </div>
            <div class="text item">
              <el-form-item>
                <el-input placeholder="请输入手机号" v-model="changeOrgAll.phone" clearable></el-input>
              </el-form-item>
              <div style="margin: 15px 0;"></div>
              <el-form-item>
                <el-select @change="changeProvince" v-model="changeOrgAll.provinceCode" filterable placeholder="请选择一级机构">
                  <el-option
                    v-for="item in provinceOptions"
                    :key="item.province_code"
                    :label="item.province_name"
                    :value="item.province_code">
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item>
                <el-select @change="changeCity" v-model="changeOrgAll.cityCode" filterable placeholder="请选择二级机构">
                  <el-option
                    v-for="item in cityOptions"
                    :key="item.city_code"
                    :label="item.city_name"
                    :value="item.city_code">
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item>
                <el-select @change="changeTeam" v-model="changeOrgAll.teamCode" filterable placeholder="请选择三级机构">
                  <el-option
                    v-for="item in teamOptions"
                    :key="item.team_code"
                    :label="item.team_name"
                    :value="item.team_code">
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item>
                <el-select @change="changeFour" v-model="changeOrgAll.fourCode" filterable placeholder="请选择四级机构">
                  <el-option
                    v-for="item in fourOptions"
                    :key="item.four_level_code"
                    :label="item.four_level_name"
                    :value="item.four_level_code">
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item>
                <el-select v-model="changeOrgAll.fiveCode" filterable placeholder="请选择五级机构">
                  <el-option
                    v-for="item in fiveOptions"
                    :key="item.five_level_code"
                    :label="item.five_level_name"
                    :value="item.five_level_code">
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item>
                <el-button round @click="changeOrgAllSubmit">更换机构</el-button>
              </el-form-item>
            </div>
          </el-card>
        </el-form>
      </el-col>
      <el-col :span="8">
        <el-form ref="apiTest" :model="apiTest" label-width="0px">
          <el-card class="darkred" shadow="always">
            <div slot="header" class="clearfix">
              <span>接口访问测试</span>
            </div>
            <div class="text item">
              <el-form-item>
                <el-select v-model="apiTest.path" placeholder="请选择接口服务">
                  <el-option
                    v-for="item in apiTestPathoptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item>
                <el-input placeholder="请输入method" v-model="apiTest.method" clearable></el-input>
              </el-form-item>
              <el-form-item>
                <el-input placeholder="请输入biz_data" v-model="apiTest.biz_data" clearable></el-input>
              </el-form-item>
              <el-form-item>
                <el-input placeholder="请输入手机号，如果token已失效，请在app进行登录" v-model="apiTest.phone" clearable></el-input>
              </el-form-item>
              <el-form-item>
                <el-select v-model="apiTest.huanjing" placeholder="请选择执行环境">
                  <el-option
                    v-for="item in apiTestoptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
              <div style="margin: 15px 0;"></div>
              <el-form-item>
                <el-button round @click="apiTestSubmit">调用接口</el-button>
              </el-form-item>
            </div>
          </el-card>
        </el-form>
      </el-col>
      <el-col :span="8">
        <el-form ref="createAPI" :model="createAPI" label-width="0px">
          <el-card class="darkred" shadow="always">
            <div slot="header" class="clearfix">
              <span>生成接口请求参数</span>
            </div>
            <div class="text item">
              <el-form-item>
                <el-input placeholder="请输入method" v-model="createAPI.method" clearable></el-input>
              </el-form-item>
              <el-form-item>
                <el-input placeholder="请输入biz_data" v-model="createAPI.biz_data" clearable></el-input>
              </el-form-item>
              <el-form-item>
                <el-input placeholder="请输入uid" v-model="createAPI.uid" clearable></el-input>
              </el-form-item>
              <el-form-item>
                <el-input placeholder="请输入token" v-model="createAPI.token" clearable></el-input>
              </el-form-item>
              <el-form-item>
                <el-select v-model="createAPI.huanjing" placeholder="请选择执行环境">
                  <el-option
                    v-for="item in createAPIoptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
              <div style="margin: 15px 0;"></div>
              <el-form-item>
                <el-button round @click="createApi">生成参数</el-button>
              </el-form-item>
            </div>
          </el-card>
        </el-form>
        <el-dialog
          title="接口请求参数："
          :visible.sync="dialogCreateApi"
          width="30%">
          <span>{{myApi}}</span>
          <span slot="footer" class="dialog-footer">
            <el-button type="primary" v-clipboard:copy="JSON.stringify(myApi)" v-clipboard:success="onCopy" @click="dialogCreateApi = false">点击复制</el-button>
          </span>
        </el-dialog>
      </el-col>
    </el-row>
    <el-row style="margin-bottom: 15px;">
      <el-col :span="8">
        <el-form ref="changeOrg" :model="changeOrg" label-width="0px">
          <el-card class="darkred" shadow="always">
            <div slot="header" class="clearfix">
              <span>开通切换任意机构权限</span>
            </div>
            <div class="text item">
              <el-form-item>
                <el-input placeholder="请输入手机号" v-model="changeOrg.phone" clearable></el-input>
              </el-form-item>
              <div style="margin: 15px 0;"></div>
              <el-form-item>
                <el-button round @click="changeOrgSubmit">开通权限</el-button>
              </el-form-item>
            </div>
          </el-card>
        </el-form>
      </el-col>
      <el-col :span="8">
        <el-form ref="queryProvince" :model="queryProvince" label-width="0px">
          <el-card class="darkred" shadow="always">
            <div slot="header" class="clearfix">
              <span>查询机构code</span>
            </div>
            <div class="text item">
              <el-form-item>
                <el-select v-model="queryProvince.provinceCode" filterable placeholder="一级机构名称或code">
                  <el-option
                    v-for="item in queryProvinceOptions"
                    :key="item.province_code"
                    :label="item.province_name+' '+item.province_code"
                    :value="item.province_code">
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item>
                <el-button round @click="queryProvinceSubmit">查询二级机构</el-button>
              </el-form-item>
            </div>
          </el-card>
        </el-form>
      </el-col>
      <el-col :span="8">
        <el-form ref="callLinuxCommand" :model="callLinuxCommand" label-width="0px">
          <el-card class="darkred" shadow="always">
            <div slot="header" class="clearfix">
              <span>查询打点服务器log</span>
            </div>
            <div class="text item">
              <el-form-item>
                <el-input placeholder="查询log行数" v-model="callLinuxCommand.size" clearable></el-input>
              </el-form-item>
              <el-form-item>
                <el-select v-model="callLinuxCommand.huanjing" placeholder="请选择执行环境">
                  <el-option
                    v-for="item in callLinuxCommandOptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
              <div style="margin: 15px 0;"></div>
              <el-form-item>
                <el-button round @click="callLinuxCommandSubmit">查询打点</el-button>
              </el-form-item>
            </div>
          </el-card>
        </el-form>
      </el-col>
    </el-row>
    <el-row style="margin-bottom: 15px;">
      <el-col :span="8">
        <el-form ref="nlpApi" :model="nlpApi" label-width="0px">
          <el-card class="darkred" shadow="always">
            <div slot="header" class="clearfix">
              <span>NLP语义接口测试</span>
            </div>
            <div class="text item">
              <el-form-item>
                <el-input placeholder="请输入nlp问题，比如今天天气怎么样" v-model="nlpApi.keyword" clearable></el-input>
              </el-form-item>
              <el-form-item>
                <el-select v-model="nlpApi.huanjing" placeholder="请选择执行环境">
                  <el-option
                    v-for="item in nlpApiOptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
              <div style="margin: 15px 0;"></div>
              <el-form-item>
                <el-button round @click="nlpApiSubmit">调用接口</el-button>
              </el-form-item>
            </div>
          </el-card>
        </el-form>
      </el-col>
      <el-col :span="8">
        <el-form ref="updateBe" :model="updateBe" label-width="0px">
          <el-card class="darkred" shadow="always">
            <div slot="header" class="clearfix">
              <span>充值健康币</span>
            </div>
            <div class="text item">
              <el-form-item>
                <el-input placeholder="请输入手机号" v-model="updateBe.phone" clearable></el-input>
              </el-form-item>
              <div style="margin: 15px 0;"></div>
              <el-form-item>
                <el-input placeholder="请输入健康币充值数量" v-model="updateBe.chongzhi" clearable></el-input>
              </el-form-item>
              <div style="margin: 15px 0;"></div>
              <el-form-item>
                <el-button round @click="onSubmit">充值</el-button>
              </el-form-item>
            </div>
          </el-card>
        </el-form>
      </el-col>
      <el-col :span="8">
        <el-form ref="bizData" :model="bizData" label-width="0px">
          <el-card class="darkred" shadow="always">
            <div slot="header" class="clearfix">
              <span>加密&解密biz_data</span>
            </div>
            <div class="text item">
              <el-form-item>
                <el-input placeholder="请输入biz_data" v-model="bizData.myData" clearable></el-input>
              </el-form-item>
              <el-form-item>
                <el-select v-model="bizData.type" placeholder="请选择算法类型">
                  <el-option
                    v-for="item in bizDataoptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item>
                <el-select v-model="bizData.version" placeholder="请选择算法版本">
                  <el-option
                    v-for="item in bizDataversionoptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
              <div style="margin: 15px 0;"></div>
              <el-form-item>
                <el-button round @click="bizDataSubmit">提交</el-button>
              </el-form-item>
            </div>
          </el-card>
        </el-form>
        <el-dialog
          title="biz_data"
          :visible.sync="dialogVisible"
          width="30%">
          <span>{{mybizdata}}</span>
          <span slot="footer" class="dialog-footer">
            <el-button type="primary" v-clipboard:copy="JSON.stringify(mybizdata)" v-clipboard:success="onCopy" @click="dialogVisible = false">点击复制</el-button>
          </span>
        </el-dialog>
      </el-col>
    </el-row>
  </div>
</template>

<style>
  .text {
    font-size: 14px;
  }

  .item {
    margin-bottom: 18px;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both
  }
  .yellowgreen {
    width: calc(100% - 20px);
    padding: 0px;
    background-color: yellowgreen;
  }

  .darkred {
    width: calc(100% - 20px);
    padding: 0px;
    background-color: darkkhaki;
  }

  .blue {
    width: calc(100% - 20px);
    padding: 0px;
    background-color: deepskyblue;
  }

  .Orange {
    width: calc(100% - 20px);
    padding: 0px;
    background-color: Orange;
  }

  .chocolate {
    width: calc(100% - 20px);
    padding: 0px;
    background-color: chocolate;
  }

  .CadetBlue {
    width: calc(100% - 20px);
    padding: 0px;
    background-color: CadetBlue;
  }
  .LightPink {
    width: calc(100% - 20px);
    padding: 0px;
    background-color: LightPink;
  }
  .LightSalmon {
    width: calc(100% - 20px);
    padding: 0px;
    background-color: LightSalmon;
  }
</style>

<script>
  export default {
    data() {
      return {
        updateBe: {
          phone: '',
          chongzhi: ''
        },
        bizData: {
          myData: '',
          type: [],
          version: []
        },
        bizDataoptions: [{
          value: '0',
          label: '加密'
        }, {
          value: '1',
          label: '解密'
        }],
        bizDataversionoptions: [{
          value: '0',
          label: 'IOS新版本算法'
        }, {
          value: '2',
          label: 'Android新版本算法'
        }, {
          value: '1',
          label: '老版本算法'
        }],
        dialogVisible: false,
        mybizdata: '',
        smsCode: {
          phone: '',
          code: 1111
        },
        activityConfig: {
          id: '',
          huanjing: []
        },
        options: [{
          value: 'debug',
          label: '测试环境'
        }, {
          value: 'release',
          label: '线上环境'
        }],
        activityConfigRedis: {
          id: '',
          huanjing: []
        },
        activityConfigRedisOptions: [{
          value: 'debug',
          label: '测试环境'
        }, {
          value: 'release',
          label: '线上环境'
        }],
        createUserInfo: {
          phone: '',
          agentPhone: ''
        },
        callLinuxCommand: {
          size: '',
          huanjing: []
        },
        callLinuxCommandOptions: [{
          value: '0',
          label: '测试环境'
        }],
        queryUserInfo: {
          agentPhone: '',
          huanjing: []
        },
        queryUserInfoOptions: [{
          value: '0',
          label: '测试环境'
        }, {
          value: '1',
          label: '线上环境'
        }],
        queryPhoneCode: {
          phone: '',
          huanjing: []
        },
        queryPhoneCodeOptions: [{
          value: '0',
          label: '测试环境'
        }, {
          value: '1',
          label: '线上环境'
        }],
        dialogQueryPhoneCode: false,
        myQueryPhoneCode: '',
        createAPI: {
          method: '',
          biz_data: '',
          uid: '',
          token: '',
          huanjing: []
        },
        createAPIoptions: [{
          value: '0',
          label: '测试环境'
        }, {
          value: '1',
          label: '线上环境'
        }],
        dialogCreateApi: false,
        myApi: '',
        dialogQueryUserInfo: false,
        myQueryUserInfo: '',
        changeOrg: {
          phone: ''
        },
        apiTest: {
          path: [],
          method: '',
          biz_data: '',
          phone: '',
          huanjing: []
        },
        apiTestoptions: [{
          value: '0',
          label: '测试环境'
        }, {
          value: '1',
          label: '线上环境'
        }, {
          value: '2',
          label: '吉林直播项目'
        }],
        apiTestPathoptions: [{
          value: 'business',
          label: 'business'
        }, {
          value: 'insurance',
          label: 'insurance'
        }, {
          value: 'activity',
          label: 'activity'
        }, {
          value: 'ucenter',
          label: 'ucenter'
        }, {
          value: 'peripheral',
          label: 'peripheral'
        }],
        queryProvince: {
          provinceCode: [{
            province_code: '',
            province_name: ''
          }]
        },
        queryProvinceOptions: [],
        changeOrgAll: {
          phone: '',
          provinceCode: [{
            province_code: '',
            province_name: ''
          }],
          cityCode: [{
            city_code: '',
            city_name: ''
          }],
          teamCode: [{
            team_code: '',
            team_name: ''
          }],
          fourCode: [{
            four_level_code: '',
            four_level_name: ''
          }],
          fiveCode: [{
            five_level_code: '',
            five_level_name: ''
          }]
        },
        provinceOptions: [],
        cityOptions: [],
        teamOptions: [],
        fourOptions: [],
        fiveOptions: [],
        nlpApi: {
          keyword: '',
          huanjing: []
        },
        nlpApiOptions: [{
          value: '0',
          label: '测试环境'
        },{
          value: '1',
          label: '线上环境'
        }],
        // activityConfigRules: {
        //   id: [
        //     { required: true, message: '请输入活动ID', trigger: 'blur' }
        //   ]
        // }
      }
    },
    mounted() {
      this.openToolPage();
      this.loadProvince();
      this.loadQueryProvince();
    },
    methods: {
      openToolPage() {
        let config = {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        }
        this.$http.get('/tool/openToolPage',config).then((res)=>{
          console.log(res);
        }).catch(error=>{
          console.log(error);
        })
      },
      loadQueryProvince() {
        let config = {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        }
        this.$http.get('/tool/queryProvince',config).then((res)=>{
          console.log(res);
          this.queryProvinceOptions=res.data;
        }).catch(error=>{
          console.log(error);
        })
      },
      loadProvince() {
        let config = {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        }
        this.$http.get('/tool/loadProvince',config).then((res)=>{
          console.log(res);
          this.provinceOptions=res.data;
        }).catch(error=>{
          console.log(error);
        })
      },
      changeProvince(value) {
        this.cityOptions = [];
        this.teamOptions = [];
        this.fourOptions = [];
        this.fiveOptions = [];
        this.changeOrgAll.cityCode = '';
        this.changeOrgAll.teamCode = '';
        this.changeOrgAll.fourCode = '';
        this.changeOrgAll.fiveCode = '';
        let config = {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        }
        this.$http.get('/tool/loadCity?'+this.$qs.stringify({
          code: value
        }),config).then((res)=>{
          console.log(res);
          this.cityOptions=res.data;
        }).catch(error=>{
          console.log(error);
        })
      },
      changeCity(value) {
        this.teamOptions = [];
        this.fourOptions = [];
        this.fiveOptions = [];
        this.changeOrgAll.teamCode = '';
        this.changeOrgAll.fourCode = '';
        this.changeOrgAll.fiveCode = '';
        let config = {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        }
        this.$http.get('/tool/loadTeam?'+this.$qs.stringify({
          code: value
        }),config).then((res)=>{
          console.log(res);
          this.teamOptions=res.data;
        }).catch(error=>{
          console.log(error);
        })
      },
      changeTeam(value) {
        this.fourOptions = [];
        this.fiveOptions = [];
        this.changeOrgAll.fourCode = '';
        this.changeOrgAll.fiveCode = '';
        let config = {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        }
        this.$http.get('/tool/loadFour?'+this.$qs.stringify({
          code: value
        }),config).then((res)=>{
          console.log(res);
          this.fourOptions=res.data;
        }).catch(error=>{
          console.log(error);
        })
      },
      changeFour(value) {
        this.fiveOptions = [];
        this.changeOrgAll.fiveCode = '';
        let config = {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        }
        this.$http.get('/tool/loadFive?'+this.$qs.stringify({
          code: value
        }),config).then((res)=>{
          console.log(res);
          this.fiveOptions=res.data;
        }).catch(error=>{
          console.log(error);
        })
      },
      onCopy (e) {
        this.$message({
          showClose: true,
          message: '内容已复制到剪切板！',
          type: 'success'
        });
      },
      onSubmit() {
        let config = {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        }
        this.$http.get('/tool/updateBe?'+this.$qs.stringify({
          phone: this.updateBe.phone,
          be: this.updateBe.chongzhi
        }),config).then((res)=>{
          console.log(res);
          if(res.data=='success') {
            this.$message({
              showClose: true,
              message: '充值成功',
              type: 'success'
            });
          } else if(res.data=='usernull') {
            this.$message({
              showClose: true,
              message: '用户手机号不存在',
              type: 'error'
            });
          }
        }).catch(error=>{
          console.log(error);
          this.$message({
            showClose: true,
            message: '服务器处理失败，请核对参数！',
            type: 'error'
          });
        })
      },
      bizDataSubmit() {
        let config = {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        }
        this.$http.get('/tool/bizData?'+this.$qs.stringify({
          biz_data: this.bizData.myData,
          type: this.bizData.type.toString(),
          version: this.bizData.version.toString()
        }),config).then((res)=>{
          console.log(res);
          this.mybizdata = res.data;
          this.dialogVisible = true;
        }).catch(error=>{
          console.log(error);
          this.$message({
            showClose: true,
            message: '服务器处理失败，请核对参数！',
            type: 'error'
          });
        })
      },
      smsCodeSubmit() {
        let config = {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        }
        this.$http.get('/tool/smsCode?'+this.$qs.stringify({
          phone: this.smsCode.phone,
          code: this.smsCode.code
        }),config).then((res)=>{
          console.log(res);
          if(res.data=='OK') {
            this.$message({
              showClose: true,
              message: '设置短信验证码成功',
              type: 'success'
            });
          } else if(res.data=='phoneError') {
            this.$message({
              showClose: true,
              message: '手机号格式错误，必须是11位',
              type: 'error'
            });
          } else {
            this.$message({
              showClose: true,
              message: '设置短信验证码失败',
              type: 'error'
            });
          }
        }).catch(error=>{
          console.log(error);
          this.$message({
            showClose: true,
            message: '服务器处理失败，请核对参数！',
            type: 'error'
          });
        })
      },
      activityConfigSubmit() {
        // this.$refs['activityConfig'].validate((valid) => {
        //   if(valid) {
        //     const {href} = this.$router.resolve({ name:'activityConfig', query:
        //         {id: this.activityConfig.id, huangjing: this.activityConfig.huanjing.toString()}})
        //     window.open(href, '_blank')
        //   } else {
        //     console.log('valid fail')
        //     return false;
        //   }
        // })
        const {href} = this.$router.resolve({ name:'activityConfig', query:
            {id: this.activityConfig.id, huanjing: this.activityConfig.huanjing.toString()}})
        window.open(href, '_blank')
      },
      activityConfigRedisSubmit() {
        const {href} = this.$router.resolve({ name:'activityConfigRedis', query:
            {id: this.activityConfigRedis.id, huanjing: this.activityConfigRedis.huanjing.toString()}})
        window.open(href, '_blank')
      },
      createApi() {
        let config = {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        }
        this.$http.get('/tool/jiami?'+this.$qs.stringify({
          method: this.createAPI.method,
          biz_data: this.createAPI.biz_data,
          uid: this.createAPI.uid,
          token: this.createAPI.token,
          type: this.createAPI.huanjing.toString()
        }),config).then((res)=>{
          console.log(res);
          this.myApi = res.data;
          this.dialogCreateApi = true;
        }).catch(error=>{
          console.log(error);
          this.$message({
            showClose: true,
            message: '服务器处理失败，请核对参数！',
            type: 'error'
          });
        })
      },
      createUserInfoSubmit() {
        const loading = this.$loading({
          lock: true,
          text: '加载中...',
          spinner: 'el-icon-loading',
          background: 'rgba(0, 0, 0, 0.7)'
        });
        let config = {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        }
        this.$http.get('/tool/createUser?'+this.$qs.stringify({
          phone: this.createUserInfo.phone,
          agent_phone: this.createUserInfo.agentPhone
        }),config).then((res)=>{
          console.log(res);
          if(res.data=='agentnull') {
            this.$message({
              showClose: true,
              message: '代理人手机号不存在',
              type: 'error'
            });
          } else if(res.data=='usermore') {
            this.$message({
              showClose: true,
              message: '该用户手机号已存在，请更换手机号',
              type: 'error'
            });
          } else if(res.data=='fail') {
            this.$message({
              showClose: true,
              message: '接口调用失败，请重试！',
              type: 'error'
            });
          } else if(res.data=='success') {
            this.$message({
              showClose: true,
              message: '创建健康坊用户成功',
              type: 'success'
            });
          }
          loading.close();
        }).catch(error=>{
          console.log(error);
          loading.close();
          this.$message({
            showClose: true,
            message: '服务器处理失败，请核对参数！',
            type: 'error'
          });
        })
      },
      queryUserInfoSubmit() {
        const {href} = this.$router.resolve({ name:'userInfo', query:
            {phone: this.queryUserInfo.agentPhone, huanjing: this.queryUserInfo.huanjing.toString()}})
        window.open(href, '_blank')
      },
      callLinuxCommandSubmit() {
        const {href} = this.$router.resolve({ name:'callLinuxCommand', query:
            {size: this.callLinuxCommand.size, huanjing: this.callLinuxCommand.huanjing.toString()}})
        window.open(href, '_blank')
      },
      queryProvinceSubmit() {
        const {href} = this.$router.resolve({ name:'queryProvince', query:
            {code: this.queryProvince.provinceCode.toString()}})
        window.open(href, '_blank')
      },
      queryPhoneCodeSubmit() {
        const loading = this.$loading({
          lock: true,
          text: '加载中...',
          spinner: 'el-icon-loading',
          background: 'rgba(0, 0, 0, 0.7)'
        });
        let config = {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        }
        this.$http.get('/tool/queryPhoneCode?'+this.$qs.stringify({
          phone: this.queryPhoneCode.phone,
          type: this.queryPhoneCode.huanjing.toString()
        }),config).then((res)=>{
          console.log(res);
          if(res.data=='codenull') {
            this.$message({
              showClose: true,
              message: '该手机号验证码为空',
              type: 'error'
            });
          } else if(res.data=='typeError') {
            this.$message({
              showClose: true,
              message: '执行环境参数错误',
              type: 'error'
            });
          } else {
            this.myQueryPhoneCode = res.data
            this.dialogQueryPhoneCode = true
          }
          loading.close();
        }).catch(error=>{
          console.log(error);
          loading.close();
          this.$message({
            showClose: true,
            message: '服务器处理失败，请核对参数！',
            type: 'error'
          });
        })
      },
      changeOrgSubmit() {
        let config = {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        }
        this.$http.get('/tool/changeOrg?'+this.$qs.stringify({
          phone: this.changeOrg.phone
        }),config).then((res)=>{
          console.log(res);
          if(res.data=='jobnull') {
            this.$message({
              showClose: true,
              message: '代理人手机号不存在',
              type: 'error'
            });
          } else if(res.data=='jobexist') {
            this.$message({
              showClose: true,
              message: '该手机号已开通权限',
              type: 'error'
            });
          } else if(res.data=='success') {
            this.$message({
              showClose: true,
              message: '开通权限成功',
              type: 'success'
            });
          } else {
            this.$message({
              showClose: true,
              message: '开通权限失败',
              type: 'error'
            });
          }
        }).catch(error=>{
          console.log(error);
          this.$message({
            showClose: true,
            message: '服务器处理失败，请核对参数！',
            type: 'error'
          });
        })
      },
      apiTestSubmit() {
        const {href} = this.$router.resolve({ name:'apiTest', query:
            {method: this.apiTest.method, biz_data: this.apiTest.biz_data, phone: this.apiTest.phone, path: this.apiTest.path.toString(), type: this.apiTest.huanjing.toString()}})
        window.open(href, '_blank')
      },
      changeOrgAllSubmit() {
        let config = {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        }
        this.$http.get('/tool/changeOrgAll?'+this.$qs.stringify({
          phone: this.changeOrgAll.phone,
          provinceCode: this.changeOrgAll.provinceCode.toString(),
          cityCode: this.changeOrgAll.cityCode.toString(),
          teamCode: this.changeOrgAll.teamCode.toString(),
          fourLevelCode: this.changeOrgAll.fourCode.toString(),
          fiveLevelCode: this.changeOrgAll.fiveCode.toString()
        }),config).then((res)=>{
          console.log(res);
          if(res.data=='jobnull') {
            this.$message({
              showClose: true,
              message: '代理人手机号不存在',
              type: 'error'
            });
          } else if(res.data=='success') {
            this.$message({
              showClose: true,
              message: '更换机构成功',
              type: 'success'
            });
          } else {
            this.$message({
              showClose: true,
              message: '更换机构失败',
              type: 'error'
            });
          }
        }).catch(error=>{
          console.log(error);
        })
      },
      nlpApiSubmit() {
        const {href} = this.$router.resolve({ name:'nlpApi', query:
            {keyword: this.nlpApi.keyword, runtime: this.nlpApi.huanjing.toString(), platform: "0"}})
        window.open(href, '_blank')
      }
    }
  }
</script>