| | |
| | | <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> |
| | | <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 |
| | | style="flex: 1;" |
| | | class="upload-demo" |
| | | :action="uploadImgUrl" |
| | | :data="uploadData" |
| | | :on-success="uploadAvatarSuccess" |
| | | :on-remove="handleRemove" |
| | | :file-list="form.leaseTemp"> |
| | | :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="其他通知单模板"> |
| | | <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" |
| | | :file-list="form.otherTemp"> |
| | | :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 }] |
| | | }) |
| | | } |
| | | } |