|
|
|
@ -11,7 +11,7 @@ |
|
|
|
|
size="small" |
|
|
|
|
:disabled="!editing"> |
|
|
|
|
<el-form-item label="LOGO"> |
|
|
|
|
<el-upload class="avatar-uploader" |
|
|
|
|
<el-upload :class="['avatar-uploader', {disabled: !editing}]" |
|
|
|
|
accept=".jpg,.png,.jpeg,.gif" |
|
|
|
|
:limit="1" |
|
|
|
|
:on-exceed="handleExceed" |
|
|
|
@ -74,7 +74,7 @@ |
|
|
|
|
<el-input type="textarea" |
|
|
|
|
rows="4" |
|
|
|
|
v-model="form.briefIntroduction" /> |
|
|
|
|
<el-upload class="m-t-10" |
|
|
|
|
<el-upload :class="['m-t-10', {disabled: !editing}]" |
|
|
|
|
action="#" |
|
|
|
|
list-type="picture-card" |
|
|
|
|
:on-remove="handlePicRemove" |
|
|
|
@ -89,7 +89,7 @@ |
|
|
|
|
<el-input v-model="form.qrCodeOneName" |
|
|
|
|
placeholder="请输入二维码描述" /> |
|
|
|
|
|
|
|
|
|
<el-upload class="avatar-uploader m-t-10" |
|
|
|
|
<el-upload :class="['avatar-uploader m-t-10', {disabled: !editing}]" |
|
|
|
|
accept=".jpg,.png,.jpeg,.gif" |
|
|
|
|
:limit="1" |
|
|
|
|
:on-exceed="handleExceed" |
|
|
|
@ -111,7 +111,7 @@ |
|
|
|
|
<el-form-item label="二维码二"> |
|
|
|
|
<el-input v-model="form.qrCodeTwoName" |
|
|
|
|
placeholder="请输入二维码描述" /> |
|
|
|
|
<el-upload class="avatar-uploader m-t-10" |
|
|
|
|
<el-upload :class="['avatar-uploader m-t-10', {disabled: !editing}]" |
|
|
|
|
accept=".jpg,.png,.jpeg,.gif" |
|
|
|
|
:limit="1" |
|
|
|
|
:on-exceed="handleExceed" |
|
|
|
@ -134,7 +134,7 @@ |
|
|
|
|
<el-input v-model="form.qrCodeThreeName" |
|
|
|
|
placeholder="请输入二维码描述" /> |
|
|
|
|
|
|
|
|
|
<el-upload class="avatar-uploader m-t-10" |
|
|
|
|
<el-upload :class="['avatar-uploader m-t-10', {disabled: !editing}]" |
|
|
|
|
accept=".jpg,.png,.jpeg,.gif" |
|
|
|
|
:limit="1" |
|
|
|
|
:on-exceed="handleExceed" |
|
|
|
@ -351,6 +351,14 @@ export default { |
|
|
|
|
$upload-width: 140px; |
|
|
|
|
$upload-height: 140px; |
|
|
|
|
$upload-lg-height: 150px; |
|
|
|
|
/deep/.disabled { |
|
|
|
|
.el-upload--picture-card { |
|
|
|
|
cursor: not-allowed; |
|
|
|
|
&:hover { |
|
|
|
|
border-color: #c0ccda; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
/deep/ .avatar-uploader { |
|
|
|
|
.el-upload { |
|
|
|
|
position: relative; |
|
|
|
@ -388,6 +396,15 @@ $upload-lg-height: 150px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&.disabled { |
|
|
|
|
.el-upload { |
|
|
|
|
cursor: not-allowed; |
|
|
|
|
&:hover { |
|
|
|
|
border-color: #d9d9d9; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&.avatar-uploader-lg { |
|
|
|
|
.el-upload { |
|
|
|
|
width: 100%; |
|
|
|
|