|
@@ -27,36 +27,28 @@
|
|
|
</template>
|
|
|
</template>
|
|
|
</zz-form>
|
|
|
- <!-- 查看审核 -->
|
|
|
- <template v-if="islooks">
|
|
|
- <div class="lookImg">
|
|
|
- <img :src="formData.facePictureUrl" alt="" />
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!-- 添加编辑 -->
|
|
|
- <template v-else>
|
|
|
- <div @click="clickUpload">
|
|
|
- 11111
|
|
|
+
|
|
|
+ <template>
|
|
|
+ <div class="clickUpload">
|
|
|
+ <div class="clickUpText">
|
|
|
+ <img class="dataImg" v-if="!!formData.facePictureUrl" :src="formData.facePictureUrl" />
|
|
|
+ <template v-else>
|
|
|
+ <img class="bg-img" src="@/assets/img/ownerManagement/img_zhaopian2@2x.png" alt="" />
|
|
|
+ <div>{{ !islooks ? '点击添加人脸照片' : '无人脸图片' }}</div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
<el-upload
|
|
|
+ v-if="!islooks"
|
|
|
:headers="token"
|
|
|
ref="uploaduserlogo"
|
|
|
class="mini-upload"
|
|
|
limit="1"
|
|
|
action="/sc-community/upload/uploadFile"
|
|
|
- list-type="picture-card"
|
|
|
:on-success="uploadsuccess"
|
|
|
+ :before-upload="beforeAvatarUpload"
|
|
|
:auto-upload="true"
|
|
|
- name="avatarfile"
|
|
|
+ name="file"
|
|
|
>
|
|
|
- <i slot="default" class="el-icon-plus"></i>
|
|
|
- <div slot="file" slot-scope="{ file }">
|
|
|
- <img class="el-upload-list__item-thumbnail" :src="file.url" alt="" />
|
|
|
- <span class="el-upload-list__item-actions">
|
|
|
- <span v-if="!disabled" class="el-upload-list__item-delete" @click="handleRemove(file)">
|
|
|
- <i class="el-icon-delete"></i>
|
|
|
- </span>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
</el-upload>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -145,7 +137,7 @@
|
|
|
<div class="formContent-item_title">绑定房产</div>
|
|
|
<div class="formContent-formList" v-for="(item, index) in formData.houseList" :key="index">
|
|
|
<div class="block-title">
|
|
|
- <div class="floor list-title" v-if="islooks">{{ `${item.buildingName} ${item.unitName}${item.roomNumber}` }}</div>
|
|
|
+ <div class="floor list-title" v-if="!isAdd">{{ `${item.buildingName} ${item.unitName}${item.roomNumber}` }}</div>
|
|
|
<div class="floor list-title" v-else>{{ item.name }}</div>
|
|
|
<span class="remove list-title" v-if="!islooks" @click="removeHouse(index, 'houseList')">移除</span>
|
|
|
<img class="bg-img" src="@/assets/img/ownerManagement/bg_card@2x.png" alt="" />
|
|
@@ -216,6 +208,7 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
+import envConfig from '@/config';
|
|
|
export default {
|
|
|
props: {
|
|
|
params: {
|
|
@@ -257,6 +250,7 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ envConfig: envConfig,
|
|
|
token: {
|
|
|
[localStorage.getItem('SC_token') && 'Authorization']: 'Bearer ' + localStorage.getItem('SC_token')
|
|
|
},
|
|
@@ -480,17 +474,24 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
- clickUpload() {
|
|
|
- this.$refs.uploaduserlogo.submit();
|
|
|
- },
|
|
|
- handleRemove(file) {
|
|
|
- this.$refs.uploaduserlogo.clearFiles();
|
|
|
- },
|
|
|
uploadsuccess(response, file, fileList) {
|
|
|
+ this.$refs.uploaduserlogo.clearFiles();
|
|
|
if (0 === response.status) {
|
|
|
this.formData.facePictureUrl = response.data;
|
|
|
}
|
|
|
},
|
|
|
+ beforeAvatarUpload(file) {
|
|
|
+ const isJPG = file.type === 'image/jpeg';
|
|
|
+ const isLt2M = file.size / 1024 / 1024 < 2;
|
|
|
+
|
|
|
+ if (!isJPG) {
|
|
|
+ this.$message.error('上传头像图片只能是 JPG 格式!');
|
|
|
+ }
|
|
|
+ if (!isLt2M) {
|
|
|
+ this.$message.error('上传头像图片大小不能超过 2MB!');
|
|
|
+ }
|
|
|
+ return isJPG && isLt2M;
|
|
|
+ },
|
|
|
effectiveDateToggle(va) {
|
|
|
this.formData.effectiveDateStart = va[0];
|
|
|
this.formData.effectiveDateEnd = va[1];
|