链接注掉图片上传

This commit is contained in:
shenyanpei
2021-12-07 09:29:15 +08:00
parent 23fb6ccd86
commit 2ddd23536a
3 changed files with 27 additions and 15 deletions
@@ -52,14 +52,14 @@
prop="name"
label="链接名称">
</el-table-column>
<el-table-column
<!-- <el-table-column
prop="icon"
label="链接图标">
<template slot-scope="scope">
<img v-if="scope.row.icon !== ''" style="height: 50px;width: 50px" :src="scope.row.icon">
<span v-else>{{ '-' }}</span>
</template>
</el-table-column>
</el-table-column>-->
<el-table-column
prop="url"
show-overflow-tooltip
@@ -121,7 +121,7 @@
show-word-limit
clearable></el-input>
</el-form-item>
<el-form-item label="链接图标" prop="icon" label-width="150px" class="add-form-item">
<!-- <el-form-item label="链接图标" prop="icon" label-width="150px" class="add-form-item">
<el-upload
v-model="sarStandardsInfoEO.icon"
class="upload-demo"
@@ -133,7 +133,7 @@
<img width="100%" v-if="imageUrl" :src="imageUrl" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</el-form-item>
</el-form-item>-->
<el-form-item label="链接" prop="url" label-width="150px" class="add-form-item">
<el-input
v-model="sarStandardsInfoEO.url"
@@ -145,7 +145,7 @@
</el-form>
<span slot="footer" class="demo-drawer-footer">
<el-button class="common-button-default" size="mini" icon="el-icon-close" @click="resetForm">取消</el-button>
<el-button type="primary" size="mini" class="common-button-primary" icon="el-icon-check" @click="submit">确定</el-button>
<el-button type="primary" size="mini" class="common-button-primary" icon="el-icon-check" :loading="subLoading" @click="submit">确定</el-button>
</span>
</el-dialog>
</div>
@@ -203,6 +203,7 @@ export default {
imageUrl: '',
uploadUrl: 'api/att/attFile/upload',
subLoading: false
}
},
methods: {
@@ -351,6 +352,7 @@ export default {
submit() {
this.$refs['sarStandardsInfoForm'].validate((valid) => {
if (valid) {
this.subLoading = true
if (this.type === 1) {
this.$http.postData('sarUrl/tsUrl/add', {
...this.sarStandardsInfoEO,
@@ -360,12 +362,14 @@ export default {
}, res => {
if (res.ok) {
this.$message.success('新增成功')
this.subLoading = false
this.modalshowflag = false
this.imageUrl = ''
this.linkListFirst = []
this.getLink()
} else {
this.$message.warning(res.message)
this.subLoading = false
}
})
} else {
@@ -382,11 +386,13 @@ export default {
}, res => {
if (res.ok) {
this.$message.success('修改成功')
this.subLoading = false
this.modalshowflag = false
this.linkListFirst = []
this.getLink()
} else {
this.$message.warning(res.message)
this.subLoading = false
}
})
}
@@ -52,14 +52,14 @@
prop="name"
label="链接名称">
</el-table-column>
<el-table-column
<!-- <el-table-column
prop="icon"
label="链接图标">
<template slot-scope="scope">
<img v-if="scope.row.icon !== ''" style="height: 50px;width: 50px" :src="scope.row.icon">
<span v-else>{{ '-' }}</span>
</template>
</el-table-column>
</el-table-column>-->
<el-table-column
prop="url"
show-overflow-tooltip
@@ -121,7 +121,7 @@
show-word-limit
clearable></el-input>
</el-form-item>
<el-form-item label="链接图标" prop="icon" label-width="150px" class="add-form-item">
<!-- <el-form-item label="链接图标" prop="icon" label-width="150px" class="add-form-item">
<el-upload
v-model="sarStandardsInfoEO.icon"
class="avatar-uploader"
@@ -132,7 +132,7 @@
<img v-if="imageUrl" :src="imageUrl" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</el-form-item>
</el-form-item>-->
<el-form-item label="链接" prop="url" label-width="150px" class="add-form-item">
<el-input
v-model="sarStandardsInfoEO.url"
@@ -144,7 +144,7 @@
</el-form>
<span slot="footer" class="demo-drawer-footer">
<el-button class="common-button-default" size="mini" icon="el-icon-close" @click="resetForm">取消</el-button>
<el-button type="primary" size="mini" class="common-button-primary" icon="el-icon-check" @click="submit">确定</el-button>
<el-button type="primary" size="mini" class="common-button-primary" icon="el-icon-check" :loading="subLoading" @click="submit">确定</el-button>
</span>
</el-dialog>
</div>
@@ -203,7 +203,8 @@ export default {
imageUrl: '',
uploadUrl: 'api/att/attFile/upload',
verifyImg: ''
verifyImg: '',
subLoading: false
}
},
methods: {
@@ -353,6 +354,7 @@ export default {
submit() {
this.$refs['sarStandardsInfoForm'].validate((valid) => {
if (valid) {
this.subLoading = true
if (this.type === 1) {
this.$http.postData('sarUrl/tsUrl/add', {
...this.sarStandardsInfoEO,
@@ -362,11 +364,13 @@ export default {
}, res => {
if (res.ok) {
this.$message.success('新增成功')
this.subLoading = false
this.modalshowflag = false
this.linkListSecond = []
this.getLink()
} else {
this.$message.warning(res.message)
this.subLoading = false
}
})
} else {
@@ -382,11 +386,13 @@ export default {
}, res => {
if (res.ok) {
this.$message.success('修改成功')
this.subLoading = false
this.modalshowflag = false
this.linkListSecond = []
this.getLink()
} else {
this.$message.warning(res.message)
this.subLoading = false
}
})
}
@@ -9,10 +9,10 @@
<el-row>
<span v-for="(item, index) in linkListFirst" :key="index">
<el-col :span="4">
<img
<!-- <img
style="height: 10px;width: 10px;margin-bottom: 3px"
:src="item.icon"
v-if="index < 5">
v-if="index < 5">-->
<a v-if="index < 5" style="color: #0068B7;cursor: pointer" @click="openLinkUrl(item.url)" target="_blank">
<a v-if="item.name.length > 8"> {{ item.name.slice(0, 8) + '...' }}</a>
<a v-else>{{ item.name }}</a>
@@ -29,10 +29,10 @@
<el-row style="margin-bottom: 10px;">
<span v-for="(item, index) in linkListSecond" :key="index">
<el-col :span="4">
<img
<!-- <img
style="height: 10px;width: 10px;margin-bottom: 3px"
:src="item.icon"
v-if="index < 5">
v-if="index < 5">-->
<a v-if="index < 5" style="color: #0068B7;cursor: pointer" @click="openLinkUrl(item.url)" target="_blank">
<a v-if="item.name.length > 8"> {{ item.name.slice(0, 8) + '...' }}</a>
<a v-else>{{ item.name }}</a>