FT/foton-laws-system-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

链接注掉图片上传

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/config/pages/linkManage/linkType/firstLink.vue
+11 -5
View File
@@ -52,14 +52,14 @@
prop="name" prop="name"
label="链接名称"> label="链接名称">
</el-table-column> </el-table-column>
<el-table-column <!-- <el-table-column
prop="icon" prop="icon"
label="链接图标"> label="链接图标">
<template slot-scope="scope"> <template slot-scope="scope">
<img v-if="scope.row.icon !== ''" style="height: 50px;width: 50px" :src="scope.row.icon"> <img v-if="scope.row.icon !== ''" style="height: 50px;width: 50px" :src="scope.row.icon">
<span v-else>{{ '-' }}</span> <span v-else>{{ '-' }}</span>
</template> </template>
</el-table-column> </el-table-column>-->
<el-table-column <el-table-column
prop="url" prop="url"
show-overflow-tooltip show-overflow-tooltip
@@ -121,7 +121,7 @@
show-word-limit show-word-limit
clearable></el-input> clearable></el-input>
</el-form-item> </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 <el-upload
v-model="sarStandardsInfoEO.icon" v-model="sarStandardsInfoEO.icon"
class="upload-demo" class="upload-demo"
@@ -133,7 +133,7 @@
<img width="100%" v-if="imageUrl" :src="imageUrl" class="avatar"> <img width="100%" v-if="imageUrl" :src="imageUrl" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i> <i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload> </el-upload>
</el-form-item> </el-form-item>-->
<el-form-item label="链接" prop="url" label-width="150px" class="add-form-item"> <el-form-item label="链接" prop="url" label-width="150px" class="add-form-item">
<el-input <el-input
v-model="sarStandardsInfoEO.url" v-model="sarStandardsInfoEO.url"
@@ -145,7 +145,7 @@
</el-form> </el-form>
<span slot="footer" class="demo-drawer-footer"> <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 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> </span>
</el-dialog> </el-dialog>
</div> </div>
@@ -203,6 +203,7 @@ export default {
imageUrl: '', imageUrl: '',
uploadUrl: 'api/att/attFile/upload', uploadUrl: 'api/att/attFile/upload',
subLoading: false
} }
}, },
methods: { methods: {
@@ -351,6 +352,7 @@ export default {
submit() { submit() {
this.$refs['sarStandardsInfoForm'].validate((valid) => { this.$refs['sarStandardsInfoForm'].validate((valid) => {
if (valid) { if (valid) {
this.subLoading = true
if (this.type === 1) { if (this.type === 1) {
this.$http.postData('sarUrl/tsUrl/add', { this.$http.postData('sarUrl/tsUrl/add', {
...this.sarStandardsInfoEO, ...this.sarStandardsInfoEO,
@@ -360,12 +362,14 @@ export default {
}, res => { }, res => {
if (res.ok) { if (res.ok) {
this.$message.success('新增成功') this.$message.success('新增成功')
this.subLoading = false
this.modalshowflag = false this.modalshowflag = false
this.imageUrl = '' this.imageUrl = ''
this.linkListFirst = [] this.linkListFirst = []
this.getLink() this.getLink()
} else { } else {
this.$message.warning(res.message) this.$message.warning(res.message)
this.subLoading = false
} }
}) })
} else { } else {
@@ -382,11 +386,13 @@ export default {
}, res => { }, res => {
if (res.ok) { if (res.ok) {
this.$message.success('修改成功') this.$message.success('修改成功')
this.subLoading = false
this.modalshowflag = false this.modalshowflag = false
this.linkListFirst = [] this.linkListFirst = []
this.getLink() this.getLink()
} else { } else {
this.$message.warning(res.message) this.$message.warning(res.message)
this.subLoading = false
} }
}) })
} }
src/pages/config/pages/linkManage/linkType/secondLink.vue
+12 -6
View File
@@ -52,14 +52,14 @@
prop="name" prop="name"
label="链接名称"> label="链接名称">
</el-table-column> </el-table-column>
<el-table-column <!-- <el-table-column
prop="icon" prop="icon"
label="链接图标"> label="链接图标">
<template slot-scope="scope"> <template slot-scope="scope">
<img v-if="scope.row.icon !== ''" style="height: 50px;width: 50px" :src="scope.row.icon"> <img v-if="scope.row.icon !== ''" style="height: 50px;width: 50px" :src="scope.row.icon">
<span v-else>{{ '-' }}</span> <span v-else>{{ '-' }}</span>
</template> </template>
</el-table-column> </el-table-column>-->
<el-table-column <el-table-column
prop="url" prop="url"
show-overflow-tooltip show-overflow-tooltip
@@ -121,7 +121,7 @@
show-word-limit show-word-limit
clearable></el-input> clearable></el-input>
</el-form-item> </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 <el-upload
v-model="sarStandardsInfoEO.icon" v-model="sarStandardsInfoEO.icon"
class="avatar-uploader" class="avatar-uploader"
@@ -132,7 +132,7 @@
<img v-if="imageUrl" :src="imageUrl" class="avatar"> <img v-if="imageUrl" :src="imageUrl" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i> <i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload> </el-upload>
</el-form-item> </el-form-item>-->
<el-form-item label="链接" prop="url" label-width="150px" class="add-form-item"> <el-form-item label="链接" prop="url" label-width="150px" class="add-form-item">
<el-input <el-input
v-model="sarStandardsInfoEO.url" v-model="sarStandardsInfoEO.url"
@@ -144,7 +144,7 @@
</el-form> </el-form>
<span slot="footer" class="demo-drawer-footer"> <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 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> </span>
</el-dialog> </el-dialog>
</div> </div>
@@ -203,7 +203,8 @@ export default {
imageUrl: '', imageUrl: '',
uploadUrl: 'api/att/attFile/upload', uploadUrl: 'api/att/attFile/upload',
verifyImg: '' verifyImg: '',
subLoading: false
} }
}, },
methods: { methods: {
@@ -353,6 +354,7 @@ export default {
submit() { submit() {
this.$refs['sarStandardsInfoForm'].validate((valid) => { this.$refs['sarStandardsInfoForm'].validate((valid) => {
if (valid) { if (valid) {
this.subLoading = true
if (this.type === 1) { if (this.type === 1) {
this.$http.postData('sarUrl/tsUrl/add', { this.$http.postData('sarUrl/tsUrl/add', {
...this.sarStandardsInfoEO, ...this.sarStandardsInfoEO,
@@ -362,11 +364,13 @@ export default {
}, res => { }, res => {
if (res.ok) { if (res.ok) {
this.$message.success('新增成功') this.$message.success('新增成功')
this.subLoading = false
this.modalshowflag = false this.modalshowflag = false
this.linkListSecond = [] this.linkListSecond = []
this.getLink() this.getLink()
} else { } else {
this.$message.warning(res.message) this.$message.warning(res.message)
this.subLoading = false
} }
}) })
} else { } else {
@@ -382,11 +386,13 @@ export default {
}, res => { }, res => {
if (res.ok) { if (res.ok) {
this.$message.success('修改成功') this.$message.success('修改成功')
this.subLoading = false
this.modalshowflag = false this.modalshowflag = false
this.linkListSecond = [] this.linkListSecond = []
this.getLink() this.getLink()
} else { } else {
this.$message.warning(res.message) this.$message.warning(res.message)
this.subLoading = false
} }
}) })
} }
src/pages/home2/components/empennage/index.vue
+4 -4
View File
@@ -9,10 +9,10 @@
<el-row> <el-row>
<span v-for="(item, index) in linkListFirst" :key="index"> <span v-for="(item, index) in linkListFirst" :key="index">
<el-col :span="4"> <el-col :span="4">
<img <!-- <img
style="height: 10px;width: 10px;margin-bottom: 3px" style="height: 10px;width: 10px;margin-bottom: 3px"
:src="item.icon" :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="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-if="item.name.length > 8"> {{ item.name.slice(0, 8) + '...' }}</a>
<a v-else>{{ item.name }}</a> <a v-else>{{ item.name }}</a>
@@ -29,10 +29,10 @@
<el-row style="margin-bottom: 10px;"> <el-row style="margin-bottom: 10px;">
<span v-for="(item, index) in linkListSecond" :key="index"> <span v-for="(item, index) in linkListSecond" :key="index">
<el-col :span="4"> <el-col :span="4">
<img <!-- <img
style="height: 10px;width: 10px;margin-bottom: 3px" style="height: 10px;width: 10px;margin-bottom: 3px"
:src="item.icon" :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="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-if="item.name.length > 8"> {{ item.name.slice(0, 8) + '...' }}</a>
<a v-else>{{ item.name }}</a> <a v-else>{{ item.name }}</a>