|  |  |  | 
|---|
|  |  |  | <el-tooltip style="margin-right: 10px; margin-top: 10px; flex-shrink: 0;" effect="dark" content="包含租赁费、物业费、租赁押金、物业押金" placement="bottom-start"> | 
|---|
|  |  |  | <i class="el-icon-question"></i> | 
|---|
|  |  |  | </el-tooltip> | 
|---|
|  |  |  | <el-upload | 
|---|
|  |  |  | style="flex: 1;" | 
|---|
|  |  |  | class="upload-demo" | 
|---|
|  |  |  | :action="uploadImgUrl" | 
|---|
|  |  |  | :data="uploadData" | 
|---|
|  |  |  | :on-success="uploadAvatarSuccess" | 
|---|
|  |  |  | :on-remove="handleRemove" | 
|---|
|  |  |  | :file-list="form.leaseTemp"> | 
|---|
|  |  |  | <el-button size="small" type="primary">点击上传</el-button> | 
|---|
|  |  |  | </el-upload> | 
|---|
|  |  |  | <div style="display: flex; align-items: center;"> | 
|---|
|  |  |  | <el-button type="text" v-for="(item, index) in form.leaseTemp" :key="index" style="margin-right: 10px;" @click="openFile(item.url)">{{item.name}}</el-button> | 
|---|
|  |  |  | <el-upload | 
|---|
|  |  |  | class="upload-demo" | 
|---|
|  |  |  | :action="uploadImgUrl" | 
|---|
|  |  |  | :data="uploadData" | 
|---|
|  |  |  | :on-success="uploadAvatarSuccess" | 
|---|
|  |  |  | :on-remove="handleRemove"> | 
|---|
|  |  |  | <el-button size="small" type="primary">点击上传</el-button> | 
|---|
|  |  |  | </el-upload> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <!--                            <el-upload--> | 
|---|
|  |  |  | <!--                                style="flex: 1;"--> | 
|---|
|  |  |  | <!--                                class="upload-demo"--> | 
|---|
|  |  |  | <!--                                :action="uploadImgUrl"--> | 
|---|
|  |  |  | <!--                                :data="uploadData"--> | 
|---|
|  |  |  | <!--                                :on-success="uploadAvatarSuccess"--> | 
|---|
|  |  |  | <!--                                :on-remove="handleRemove"--> | 
|---|
|  |  |  | <!--                                :file-list="form.leaseTemp">--> | 
|---|
|  |  |  | <!--                                <el-button size="small" type="primary">点击上传</el-button>--> | 
|---|
|  |  |  | <!--                            </el-upload>--> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="其他通知单模板"> | 
|---|
|  |  |  | <el-upload | 
|---|
|  |  |  | class="upload-demo" | 
|---|
|  |  |  | :action="uploadImgUrl" | 
|---|
|  |  |  | :data="uploadData" | 
|---|
|  |  |  | :on-success="uploadAvatarSuccess1" | 
|---|
|  |  |  | :on-remove="handleRemove1" | 
|---|
|  |  |  | :file-list="form.otherTemp"> | 
|---|
|  |  |  | <el-button size="small" type="primary">点击上传</el-button> | 
|---|
|  |  |  | </el-upload> | 
|---|
|  |  |  | <div style="display: flex; align-items: center;"> | 
|---|
|  |  |  | <el-button type="text" v-for="(item, index) in form.otherTemp" :key="index" style="margin-right: 10px;" @click="openFile(item.url)">{{item.name}}</el-button> | 
|---|
|  |  |  | <el-upload | 
|---|
|  |  |  | class="upload-demo" | 
|---|
|  |  |  | :action="uploadImgUrl" | 
|---|
|  |  |  | :data="uploadData" | 
|---|
|  |  |  | :on-success="uploadAvatarSuccess1" | 
|---|
|  |  |  | :on-remove="handleRemove1"> | 
|---|
|  |  |  | <el-button size="small" type="primary">点击上传</el-button> | 
|---|
|  |  |  | </el-upload> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item> | 
|---|
|  |  |  | <el-button type="primary" @click="submit" :disabled="loading" :loading="loading">保存</el-button> | 
|---|
|  |  |  | 
|---|
|  |  |  | this.loading = false | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | openFile(url) { | 
|---|
|  |  |  | window.open(url) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleRemove(e) { | 
|---|
|  |  |  | this.form.leaseTemp = [] | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | .then(res => { | 
|---|
|  |  |  | this.form.smsTemp = res.smsTemp | 
|---|
|  |  |  | this.form.emailTemp = res.emailTemp | 
|---|
|  |  |  | this.form.leaseTemp = [{ url: res.leaseTemp.url, name: res.leaseTemp.title }] | 
|---|
|  |  |  | this.form.otherTemp = [{ url: res.otherTemp.url, name: res.otherTemp.title }] | 
|---|
|  |  |  | this.form.leaseTemp = [{ url: res.leaseTemp.url, ...res.leaseTemp, name: res.leaseTemp.title }] | 
|---|
|  |  |  | this.form.otherTemp = [{ url: res.otherTemp.url, ...res.otherTemp, name: res.otherTemp.title }] | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|