修改图片查看方式及网址跳转

lvtianfang
吕天方 2 years ago
parent 39c40b7978
commit e17e1dabda

@ -173,6 +173,9 @@ input[type="number"] {
.desLable {
width: 180px !important;
}
.desContent {
width: 400px;
}
.image-title {
margin: 10px 0;

@ -237,16 +237,6 @@
<el-dialog :visible.sync="open" width="500px" append-to-body custom-class="dialog-box">
<div slot="title" class="dialog-title">{{ title }}</div>
<el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from">
<!-- <el-form-item label="区域" prop="areaId">
<el-select v-model="form.areaId" placeholder="请选择区域">
<el-option
v-for="dict in dict.type.tc_area"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item> -->
<el-form-item label="类型" prop="type">
<el-select v-model="form.type" placeholder="请选择类型">
<el-option
@ -301,7 +291,8 @@
<el-descriptions-item label="账号ID">{{ form.zhId }}</el-descriptions-item>
<el-descriptions-item label="网址">{{ form.url }}</el-descriptions-item>
<!-- <el-descriptions-item label="网址">{{ form.url }}</el-descriptions-item> -->
<el-descriptions-item label="网址"><a :href="form.url" target="blank">网址</a></el-descriptions-item>
<el-descriptions-item label="类型">{{ selectDictLabel(dict.type.tc_bztype,form.type) }}</el-descriptions-item>
@ -614,3 +605,9 @@
}
</script>
<style lang="scss" scoped>
a {
color: #0072c6;
margin: 0 5px;
}
</style>

@ -280,7 +280,7 @@
<div slot="title" class="dialog-title">{{ infoTitle }}</div>
<el-descriptions title="清朗专项行动动态" :column="2" border labelClassName="desLable">
<el-descriptions title="清朗专项行动动态" :column="2" border labelClassName="desLable" contentClassName="desContent">
<!-- <el-descriptions-item label="区域">{{ selectDictLabel(dict.type.tc_area,form.areaId) }}</el-descriptions-item> -->
<el-descriptions-item label="启用/禁用">{{ selectDictLabel(dict.type.tc_start,form.isStatus) }}</el-descriptions-item>
@ -289,7 +289,7 @@
<el-descriptions-item label="内容"><div v-html='form.content'></div></el-descriptions-item>
<el-descriptions-item label="图片路径(完整路径)"><a v-for="(url,index) in images" :key="index" :href="url" target="blank"></a></el-descriptions-item>
<el-descriptions-item label="图片路径(完整路径)"><div class="images-box"><img v-for="(url,index) in images" :key="index" :src="url"></img></div></el-descriptions-item>
<el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
@ -690,9 +690,14 @@
}
}
}
a {
color: #0072c6;
margin: 0 5px;
.images-box {
display: flex;
flex-wrap: wrap;
width: 100%;
img {
width: 150px;
margin: 5px;
}
}
}
}

@ -295,7 +295,8 @@
<el-descriptions-item label="真实IP">{{ form.trueIp }}</el-descriptions-item>
<el-descriptions-item label="网站域名">{{ form.webDns }}</el-descriptions-item>
<!-- <el-descriptions-item label="网站域名">{{ form.webDns }}</el-descriptions-item> -->
<el-descriptions-item label="网站域名"><a :href="form.webDns" target="blank">网站域名</a></el-descriptions-item>
<el-descriptions-item label="备案许可证号">{{ form.icp }}</el-descriptions-item>
@ -615,3 +616,9 @@
}
</script>
<style lang="scss" scoped>
a {
color: #0072c6;
margin: 0 5px;
}
</style>

@ -174,16 +174,6 @@
<el-dialog :visible.sync="open" width="500px" append-to-body custom-class="dialog-box">
<div slot="title" class="dialog-title">{{ title }}</div>
<el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from">
<!-- <el-form-item label="区域" prop="areaId">
<el-select v-model="form.areaId" placeholder="请选择区域">
<el-option
v-for="dict in dict.type.tc_area"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item> -->
<el-form-item label="启用/禁用">
<el-radio-group v-model="form.isStatus">
<el-radio
@ -231,7 +221,7 @@
<div slot="title" class="dialog-title">{{ infoTitle }}</div>
<el-descriptions title="重点工作项目" :column="2" border labelClassName="desLable">
<el-descriptions title="重点工作项目" :column="2" border labelClassName="desLable" contentClassName="desContent">
<!-- <el-descriptions-item label="区域">{{ selectDictLabel(dict.type.tc_area,form.areaId) }}</el-descriptions-item> -->
<el-descriptions-item label="启用/禁用">{{ selectDictLabel(dict.type.tc_start,form.isStatus) }}</el-descriptions-item>

@ -283,16 +283,6 @@
<el-dialog :visible.sync="open" width="500px" append-to-body custom-class="dialog-box">
<div slot="title" class="dialog-title">{{ title }}</div>
<el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from">
<!-- <el-form-item label="区域" prop="areaId">
<el-select v-model="form.areaId" placeholder="请选择区域">
<el-option
v-for="dict in dict.type.tc_area"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item> -->
<el-form-item label="启用/禁用">
<el-radio-group v-model="form.isStatus">
<el-radio
@ -370,9 +360,11 @@
<el-descriptions-item label="联系电话">{{ form.linkTel }}</el-descriptions-item>
<el-descriptions-item label="网址或平台名称">{{ form.url }}</el-descriptions-item>
<el-descriptions-item label="网址或平台名称" v-if="!isurl">{{ form.url }}</el-descriptions-item>
<el-descriptions-item label="网址或平台名称" v-else><a :href="form.url" target="blank">网址</a></el-descriptions-item>
<el-descriptions-item label="域名">{{ form.dns }}</el-descriptions-item>
<!-- <el-descriptions-item label="域名">{{ form.dns }}</el-descriptions-item> -->
<el-descriptions-item label="域名"><a :href="form.dns" target="blank">域名</a></el-descriptions-item>
<el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
@ -501,6 +493,7 @@
],
},
fileList:[],
isurl:true,
};
},
created() {
@ -620,6 +613,12 @@
const id = row.id || this.ids
getZdqyml(id).then(response => {
this.form = response.data;
let reg = new RegExp('http');
if(reg.test(this.form.url)){
this.isurl = true;
} else {
this.isurl = false;
}
this.infoOpen = true;
this.infoTitle = "查看重点企业名录详情"
});
@ -707,3 +706,9 @@
}
</script>
<style lang="scss" scoped>
a {
color: #0072c6;
margin: 0 5px;
}
</style>

@ -313,7 +313,8 @@
parseTime(form.dateTime,'{y}-{m}-{d}')
}}</el-descriptions-item>
<el-descriptions-item label="网址">{{ form.url }}</el-descriptions-item>
<!-- <el-descriptions-item label="网址">{{ form.url }}</el-descriptions-item> -->
<el-descriptions-item label="网址"><a :href="form.url" target="blank">网址</a></el-descriptions-item>
<el-descriptions-item label="备注">{{
form.remark
@ -649,3 +650,9 @@ export default {
},
};
</script>
<style lang="scss" scoped>
a {
color: #0072c6;
margin: 0 5px;
}
</style>

@ -299,7 +299,8 @@
form.title
}}</el-descriptions-item>
<el-descriptions-item label="网址">{{ form.url }}</el-descriptions-item>
<!-- <el-descriptions-item label="网址">{{ form.url }}</el-descriptions-item> -->
<el-descriptions-item label="网址"><a :href="form.url" target="blank">网址</a></el-descriptions-item>
<el-descriptions-item label="备注">{{
form.remark
@ -621,3 +622,9 @@ export default {
},
};
</script>
<style lang="scss" scoped>
a {
color: #0072c6;
margin: 0 5px;
}
</style>
Loading…
Cancel
Save