三级联动省市区

<template>
  <div class = "badyschool">
    <div style="width:100%;height:20px"></div>
    <div  class = "schoolstle">
      <div style="width:100%;height:20px"></div>
    <div style="display:flex">
      <el-form ref="form" :model="formlist" label-width="120px" :inline="true">
      <el-form-item label="学校校徽">
        <img :src ="imageUrl" style="width:98px">
      </el-form-item>
    </el-form>
    <div style="margin-left:340px">
      <el-button  @click="schoollistmodify" type="primary" size="small">修改</el-button>
      <!-- <el-button  @click="schoollistmodify" type="primary" size="small">设备管理</el-button> -->
    </div>
    </div>
    <div >
      <el-form label-width="120px" v-model="formlist">
      <el-form-item label="学校名称">
      {
  {formlist.schoolName}}
      </el-form-item>
      <el-form-item label="所属省份">
      {
  {formlist.province}}
      </el-form-item>
      <el-form-item label="所属城市">
      {
  {formlist.city}}
      </el-form-item>
      <el-form-item label="所属区域">
      {
  {formlist.area}}
      </el-form-item>
      <el-form-item label="学校地址">
      {
  {formlist.address}}
      </el-form-item>
      <el-form-item label="建校时间">
      {
  {formlist.buildDate}}
      </el-form-item>
      <el-form-item label="教学阶段">
      {
  {formlist.eduStep}}
      </el-form-item>
      <el-form-item label="办学类型">
      {
  {formlist.schoolType}}
      </el-form-item>
      <el-form-item label="学校简介">
      {
  {formlist.introduction}}
      </el-form-item>
      </el-form>
    </div>
    </div>
    <el-dialog title="修改学校基础信息" :visible.sync="dialogFormVisible">
      <el-form ref="form" :model="formmassagr" label-width="120px" >
      <el-form-item label="学校校徽">
      <el-upload
        class="avatar-uploader"
        action="https://www.liufengtec.com/SchoolWeb/api/school/modifySchool"
        :show-file-list="false"
        :on-success="handleAvatarSuccess"
        :on-remove="handleRemove"
        :data="uploadData"
        name="upload"
        :before-upload="beforeAvatarUpload">
        <img v-if="imageUrl" :src="imageUrl" class="avatar">
        <i v-else class="el-icon-plus avatar-uploader-icon"></i>
      </el-upload>
      <!-- <div><Picuplosd/></div> -->
      </el-form-item>
      <el-form-item label="学校名称">
      <el-input v-model="formmassagr.schoolName" :disabled="true"></el-input>
      </el-form-item>
      <el-form-item label="选择省份" prop="province"> 
     <el-select size="small" style="width: 250px" 
        v-model="province" 
        placeholder="请选择省份" 
        v-on:change="getProv($event)"> 
      <el-option 
        v-for="item in provs" 
        :label="item.label" 
        :value="item.value"> 
      </el-option> 
     </el-select> 
     <el-select size="small" style="width: 250px" 
        v-if="formmassagr.province!=''" 
        v-model="city" 
        placeholder="请选择城市" 
        v-on:change="getCity($event)"> 
      <el-option 
        v-for="item in cityList" 
        :label="item.label" 
        :value="item.value"> 
      </el-option> 
     </el-select> 
    </el-form-item> 
    <el-form-item label="所属区域">
        <el-input v-model="formmassagr.area"></el-input>
      </el-form-item>
      <el-form-item label="学校地址">
        <el-input v-model="formmassagr.address"></el-input>
      </el-form-item>
      <el-form-item label="建校时间">
       <el-date-picker
          style="width:100%"
          v-model="formmassagr.buildDate"
          type="date"
          placeholder="选择日期"/>
      </el-form-item>
      
      <el-form-item label="教学阶段">
        <el-input v-model="formmassagr.eduStep"></el-input>
      </el-form-item>
      <el-form-item label="办学类型">
        <el-radio-group v-model="formmassagr.schoolType">
          <el-radio v-for="(item,idex) in radiolist" :label="item.value" :key ="item.value" >{
  {item.label}}</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="学校简介">
        <el-input
          type="textarea"
          :rows="2"
          placeholder="请输入内容"
          v-model="formmassagr.introduction">
        </el-input>
      </el-form-item>
    </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="modifyNopic">确 定</el-button>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import Picuplosd from "@/components/pic-upload"
import picUpload from "@/components/pic-upload";//引入上传照片插件
import {getToken} from "@/utils/auth"
import {getSchoolListBySchoolName,modifySchool,modifySchoolNoPic} from "@/api/school"
export default{
   components: { picUpload,Picuplosd},
  data(){
    return{
      city:'',
      radiolist:[{label:"公立学校",value:'公立',},{label:"私立学校",value:'私立',}],
      imageUrl:"",
      value:'',
      formlist:{
        schoolName:'',
        city:'',
        address:'',
        buildDate:'',
        eduStep:'',
        schoolType:'',
        introduction:'',
        avatarUrl:'',
        area:'',
        province:'',
      },
      dialogFormVisible:false,
      flag: true,
      formmassagr:{
        schoolName:'',
        city:'',
        address:'',
        buildDate:'',
        eduStep:'',
        schoolType:'',
        introduction:'',
        province:'',
        area:'',
        introduction:'',
        schoolId:'',
        organizationId:'',
        subMerchantName:'',
        subMerchantId:'',
        subAppId:'',
        adminRealName:'',
        phone:'',
      },
      
      uploadData:{
        token:getToken(),
        userid:1,
        schoolname:"",
        builddate:'',
      },
      usermessage:{
        schoolName:'',
      },
      provs:[
           {label:"北京市",value:"北京市"},
           {label:"天津市",value:"天津市"},
           {label:"河北省",value:"河北省"},
           {label:"山西省",value:"山西省"},
           {label:"内蒙古自治区",value:"内蒙古自治区"},
           {label:"辽宁省",value:"辽宁省"},
           {label:"吉林省",value:"吉林省"},
           {label:"黑龙江省",value:"黑龙江省"},
           {label:"上海市",value:"上海市"},
           {label:"江苏省",value:"江苏省"},
           {label:"浙江省",value:"浙江省"},
           {label:"安徽省",value:"安徽省"},
           {label:"福建省",value:"福建省"},
           {label:"江西省",value:"江西省"},
           {label:"山东省",value:"山东省"},
           {label:"河南省",value:"河南省"},
           {label:"湖北省",value:"湖北省"},
           {label:"湖南省",value:"湖南省"},
           {label:"广东省",value:"广东省"},
           {label:"广西壮族自治区",value:"广西壮族自治区"},
           {label:"海南省",value:"海南省"},
           {label:"重庆市",value:"重庆市"},
           {label:"四川省",value:"四川省"},
           {label:"贵州省",value:"贵州省"},
           {label:"云南省",value:"云南省"},
           {label:"西藏自治区",value:"西藏自治区"},
           {label:"陕西省",value:"陕西省"},
           {label:"甘肃省",value:"甘肃省"},
           {label:"青海省",value:"青海省"},
           {label:"宁夏回族自治区",value:
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值