<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:
三级联动省市区
于 2022-05-31 15:56:30 首次发布