|
@@ -2,12 +2,13 @@
|
|
<template>
|
|
<template>
|
|
<div class="m-core">
|
|
<div class="m-core">
|
|
<el-alert
|
|
<el-alert
|
|
- title="机构信息"
|
|
|
|
|
|
+ :title="tenantInfo == 'SETTING' ? '基本信息' : '机构信息'"
|
|
type="info"
|
|
type="info"
|
|
:closable="false"
|
|
:closable="false"
|
|
style="margin-bottom: 20px"
|
|
style="margin-bottom: 20px"
|
|
></el-alert>
|
|
></el-alert>
|
|
- <el-form ref="form" :model="form" label-width="140px" :inline="true">
|
|
|
|
|
|
+ <!-- label-position="top" -->
|
|
|
|
+ <el-form ref="form" :model="form" label-width="140px" :inline="true">
|
|
<el-col :span="24">
|
|
<el-col :span="24">
|
|
<el-form-item label="机构LOGO" prop="logo"
|
|
<el-form-item label="机构LOGO" prop="logo"
|
|
:rules="[{ required: true, message: '请上传机构LOGO', trigger: 'blur, change' }]">
|
|
:rules="[{ required: true, message: '请上传机构LOGO', trigger: 'blur, change' }]">
|
|
@@ -18,7 +19,6 @@
|
|
:headers="headers"
|
|
:headers="headers"
|
|
:show-file-list="false"
|
|
:show-file-list="false"
|
|
:disabled="isDisabled"
|
|
:disabled="isDisabled"
|
|
-
|
|
|
|
:on-success="handleAvatarSuccess"
|
|
:on-success="handleAvatarSuccess"
|
|
:before-upload="beforeAvatarUpload"
|
|
:before-upload="beforeAvatarUpload"
|
|
>
|
|
>
|
|
@@ -27,12 +27,41 @@
|
|
</el-upload>
|
|
</el-upload>
|
|
<div class="tips" v-show="!isDisabled" style="line-height: 1;color: red;">图片尺寸:258x74;支持的格式:png;</div>
|
|
<div class="tips" v-show="!isDisabled" style="line-height: 1;color: red;">图片尺寸:258x74;支持的格式:png;</div>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
+ <!-- <el-form-item label="整体风格" prop="theme"
|
|
|
|
+ :rules="[{ required: true, message: '请选择整体风格', trigger: 'change' }]">
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="form.theme"
|
|
|
|
+ :disabled="isDisabled"
|
|
|
|
+ placeholder="请选择整体风格"
|
|
|
|
+ style="width: 238px !important"
|
|
|
|
+ >
|
|
|
|
+ <el-option label="大雅绿" value="green"></el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="主题色" prop="themeColor" :rules="[{ required: true, message: '请选择主题色', trigger: 'change' }]">
|
|
|
|
+ <el-color-picker v-model="themeColor"></el-color-picker>
|
|
|
|
+ </el-form-item> -->
|
|
</el-col>
|
|
</el-col>
|
|
|
|
+ <el-form-item label="公司全称" prop="tsignName" v-show="tenantInfo != 'SETTING'"
|
|
|
|
+ :rules="[{ required: true, message: '请输入公司全称', trigger: 'blur' }]">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model.trim="form.tsignName"
|
|
|
|
+ :disabled="isDisabled"
|
|
|
|
+ placeholder="请输入公司全称"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="营业执照编号" prop="tsignCode" v-show="tenantInfo != 'SETTING'"
|
|
|
|
+ :rules="[{ required: true, message: '请输入营业执照编号', trigger: 'blur' }]">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model.trim="form.tsignCode"
|
|
|
|
+ :disabled="isDisabled"
|
|
|
|
+ placeholder="请输入营业执照编号"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
<el-form-item label="机构名称" prop="name"
|
|
<el-form-item label="机构名称" prop="name"
|
|
:rules="[{ required: true, message: '请输入机构名称', trigger: 'blur' }]">
|
|
:rules="[{ required: true, message: '请输入机构名称', trigger: 'blur' }]">
|
|
<el-input
|
|
<el-input
|
|
v-model.trim="form.name"
|
|
v-model.trim="form.name"
|
|
-
|
|
|
|
:disabled="isDisabled"
|
|
:disabled="isDisabled"
|
|
placeholder="请输入机构名称"
|
|
placeholder="请输入机构名称"
|
|
></el-input>
|
|
></el-input>
|
|
@@ -41,7 +70,6 @@
|
|
:rules="[{ required: true, message: '请输入机构联系人', trigger: 'blur' }]">
|
|
:rules="[{ required: true, message: '请输入机构联系人', trigger: 'blur' }]">
|
|
<el-input
|
|
<el-input
|
|
v-model.trim="form.contacts"
|
|
v-model.trim="form.contacts"
|
|
-
|
|
|
|
:disabled="isDisabled"
|
|
:disabled="isDisabled"
|
|
placeholder="请输入机构联系人"
|
|
placeholder="请输入机构联系人"
|
|
></el-input>
|
|
></el-input>
|
|
@@ -51,7 +79,6 @@
|
|
{ pattern: /^1[3456789]\d{9}$/, message: '请输入正确的手机号', trigger: 'blur' }]">
|
|
{ pattern: /^1[3456789]\d{9}$/, message: '请输入正确的手机号', trigger: 'blur' }]">
|
|
<el-input
|
|
<el-input
|
|
v-model.trim="form.phone"
|
|
v-model.trim="form.phone"
|
|
-
|
|
|
|
:max="11"
|
|
:max="11"
|
|
:disabled="isDisabled"
|
|
:disabled="isDisabled"
|
|
type="number"
|
|
type="number"
|
|
@@ -65,7 +92,6 @@
|
|
{ pattern: /^\w+((.\w+)|(-\w+))@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+).[A-Za-z0-9]+$/, message: '请输入正确的邮箱格式', trigger: 'blur' }]">
|
|
{ pattern: /^\w+((.\w+)|(-\w+))@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+).[A-Za-z0-9]+$/, message: '请输入正确的邮箱格式', trigger: 'blur' }]">
|
|
<el-input
|
|
<el-input
|
|
v-model.trim="form.email"
|
|
v-model.trim="form.email"
|
|
-
|
|
|
|
:disabled="isDisabled"
|
|
:disabled="isDisabled"
|
|
placeholder="请输入机构邮箱"
|
|
placeholder="请输入机构邮箱"
|
|
></el-input>
|
|
></el-input>
|
|
@@ -73,7 +99,6 @@
|
|
<el-form-item label="机构客服电话" prop="customerServicePhone">
|
|
<el-form-item label="机构客服电话" prop="customerServicePhone">
|
|
<el-input
|
|
<el-input
|
|
v-model.trim="form.customerServicePhone"
|
|
v-model.trim="form.customerServicePhone"
|
|
-
|
|
|
|
type="number"
|
|
type="number"
|
|
:disabled="isDisabled"
|
|
:disabled="isDisabled"
|
|
placeholder="请输入机构客服电话"
|
|
placeholder="请输入机构客服电话"
|
|
@@ -82,7 +107,6 @@
|
|
<el-form-item label="机构地址" prop="address">
|
|
<el-form-item label="机构地址" prop="address">
|
|
<el-input
|
|
<el-input
|
|
v-model.trim="form.address"
|
|
v-model.trim="form.address"
|
|
-
|
|
|
|
:disabled="isDisabled"
|
|
:disabled="isDisabled"
|
|
placeholder="请输入机构地址"
|
|
placeholder="请输入机构地址"
|
|
></el-input>
|
|
></el-input>
|
|
@@ -90,7 +114,6 @@
|
|
<el-form-item label="机构简介" prop="remark">
|
|
<el-form-item label="机构简介" prop="remark">
|
|
<el-input
|
|
<el-input
|
|
type="textarea"
|
|
type="textarea"
|
|
-
|
|
|
|
show-word-limit
|
|
show-word-limit
|
|
:max="200"
|
|
:max="200"
|
|
:disabled="isDisabled"
|
|
:disabled="isDisabled"
|
|
@@ -104,13 +127,15 @@
|
|
<script>
|
|
<script>
|
|
import { getToken } from "@/utils/auth";
|
|
import { getToken } from "@/utils/auth";
|
|
export default {
|
|
export default {
|
|
- props: ['type', 'data'],
|
|
|
|
|
|
+ props: ['type', 'data', 'tenantInfo'],
|
|
data () {
|
|
data () {
|
|
return {
|
|
return {
|
|
headers: {
|
|
headers: {
|
|
Authorization: getToken(),
|
|
Authorization: getToken(),
|
|
},
|
|
},
|
|
form: {
|
|
form: {
|
|
|
|
+ tsignName: null,
|
|
|
|
+ tsignCode: null,
|
|
logo: null,
|
|
logo: null,
|
|
name: null,
|
|
name: null,
|
|
contacts: null,
|
|
contacts: null,
|
|
@@ -119,12 +144,14 @@ export default {
|
|
address: null,
|
|
address: null,
|
|
customerServicePhone: null,
|
|
customerServicePhone: null,
|
|
remark: null,
|
|
remark: null,
|
|
|
|
+ theme: 'green',
|
|
|
|
+ themeColor: '#14928a'
|
|
},
|
|
},
|
|
payState: null,
|
|
payState: null,
|
|
imageWidthM: 258,
|
|
imageWidthM: 258,
|
|
imageHeightM: 74,
|
|
imageHeightM: 74,
|
|
};
|
|
};
|
|
- },
|
|
|
|
|
|
+ },
|
|
mounted () {
|
|
mounted () {
|
|
if(this.data) {
|
|
if(this.data) {
|
|
this.form = { ...this.data }
|
|
this.form = { ...this.data }
|