提交 11ecae48 编写于 作者: huangwensu's avatar huangwensu

样式修改

上级 21ac3180
...@@ -34,10 +34,15 @@ export default { ...@@ -34,10 +34,15 @@ export default {
} }
}, },
mounted() { mounted() {
console.log("222222222222222", this.imgData)
let {lw, lh, newW, newH} = this; let {lw, lh, newW, newH} = this;
this.imgWidth = this.imgData.width || JSON.parse(this.imgData.content).w; if(typeof this.imgData.content == 'string') {
this.imgHeight = this.imgData.height || JSON.parse(this.imgData.content).h; this.imgWidth = this.imgData.width || JSON.parse(this.imgData.content).w;
this.imgHeight = this.imgData.height || JSON.parse(this.imgData.content).h;
}else {
this.imgWidth = this.imgData.width || this.imgData.content.w;
this.imgHeight = this.imgData.height || this.imgData.content.h;
}
this.imgProportion = (this.imgWidth / this.imgHeight).toFixed(1); this.imgProportion = (this.imgWidth / this.imgHeight).toFixed(1);
if(this.imgProportion > 0.6) { if(this.imgProportion > 0.6) {
if(this.imgWidth > 192) { if(this.imgWidth > 192) {
......
...@@ -121,10 +121,11 @@ ...@@ -121,10 +121,11 @@
border-radius: 2px; border-radius: 2px;
} }
.el-button--text > span{ .el-button--text > span{
font-weight: 700; // font-weight: 700;
color: #0D9078 !important; color: #0D9078 !important;
} }
.el-form-item .el-form-item__label{ .el-form-item .el-form-item__label{
font-size: 14px !important; font-size: 14px !important;
} }
\ No newline at end of file
...@@ -142,7 +142,6 @@ export default { ...@@ -142,7 +142,6 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.chain-history-wrap { .chain-history-wrap {
margin-top: -60px;
.component-content { .component-content {
padding: 10px; padding: 10px;
background: #fff; background: #fff;
......
...@@ -69,15 +69,15 @@ ...@@ -69,15 +69,15 @@
</el-form> </el-form>
<div class="content-type"> <div class="content-type">
<el-button type="default" size="mini" @click="addText"> <el-button type="default" size="mini" @click="addText">
<img src="../../../assets/image/IM/file-text.png"/> <img src="../../../assets/image/IM/file-text-2.png"/>
<span>文本</span> <span>文本</span>
</el-button> </el-button>
<el-button type="default" size="mini" @click="addFile"> <el-button type="default" size="mini" @click="addFile">
<img src="../../../assets/image/IM/folder-open.png"/> <img src="../../../assets/image/IM/folder-open-2.png"/>
<span>文件</span> <span>文件</span>
</el-button> </el-button>
<el-button type="default" size="mini" @click="addLink"> <el-button type="default" size="mini" @click="addLink">
<img src="../../../assets/image/IM/link.png"/> <img src="../../../assets/image/IM/link-2.png"/>
<span>链接</span> <span>链接</span>
</el-button> </el-button>
</div> </div>
...@@ -334,6 +334,11 @@ export default { ...@@ -334,6 +334,11 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.chain-message-wrap { .chain-message-wrap {
.el-button:hover, .el-button:focus {
border: 1px solid #DCDFE6 !important;
background: #fff !important;
color: #606266 !important;
}
.component-content { .component-content {
margin: 20px 20px 0; margin: 20px 20px 0;
padding: 10px; padding: 10px;
...@@ -412,6 +417,7 @@ export default { ...@@ -412,6 +417,7 @@ export default {
position: absolute; position: absolute;
left: 22%; left: 22%;
top: 17%; top: 17%;
width: 20%;
} }
span { span {
padding-left: 10px; padding-left: 10px;
......
...@@ -246,7 +246,7 @@ export default { ...@@ -246,7 +246,7 @@ export default {
.search-msg-detail { .search-msg-detail {
.detail-content { .detail-content {
margin: 80px 20px 0 20px; margin: 80px 20px 0 20px;
padding: 0 0px 0 20px; padding: 10px 0px 0 20px;
background: #fff; background: #fff;
#scroll-set { #scroll-set {
overflow-x: hidden; overflow-x: hidden;
...@@ -297,7 +297,7 @@ export default { ...@@ -297,7 +297,7 @@ export default {
text-align: left; text-align: left;
font-size: 13px; font-size: 13px;
.text-content { .text-content {
padding: 16px 0; padding: 10px 0 16px;
color: #333333; color: #333333;
//border-bottom: 1px solid #F0F1F2; //border-bottom: 1px solid #F0F1F2;
} }
...@@ -364,7 +364,7 @@ export default { ...@@ -364,7 +364,7 @@ export default {
} }
} }
.msg-container.has-line { .msg-container.has-line {
border-top: 1px solid #F0F1F2; border-bottom: 1px solid #F0F1F2;
} }
} }
#scroll-set::-webkit-scrollbar { #scroll-set::-webkit-scrollbar {
...@@ -375,8 +375,8 @@ export default { ...@@ -375,8 +375,8 @@ export default {
#scroll-set::-webkit-scrollbar-thumb { #scroll-set::-webkit-scrollbar-thumb {
background-color: #F0F1F2 !important; background-color: #F0F1F2 !important;
} }
#scroll-set:last-child .msg-container { // #scroll-set:last-child .msg-container {
border-bottom: 1px solid #F0F1F2; // border-bottom: 1px solid #F0F1F2;
} // }
} }
</style> </style>
\ No newline at end of file
<template> <template>
<div class="message-list-wrap"> <div class="message-list-wrap">
<div class="component-content screenSet" id="screenSet"> <div class="component-content screenSet" id="screenSet">
<el-row :gutter="30" class="row" type="flex" style="margin-top: 10px;margin-right:0px;"> <el-row :gutter="30" class="row" type="flex" style="margin-top: 10px;margin-right:10px;">
<el-form ref="serchForm" inline :model="searchParam" label-width="15px" style="width:100%;text-align:right;"> <el-form ref="serchForm" inline :model="searchParam" label-width="15px" style="width:100%;text-align:right;">
<el-form-item label=""> <el-form-item label="">
<el-input clearable v-model="searchParam.userMobile" size="mini" placeholder="请输入用户电话" @change="searchMessage(1)"> <el-input clearable v-model="searchParam.userMobile" size="small" placeholder="请输入用户电话" @change="searchMessage(1)">
<el-button slot="append" icon="el-icon-search"></el-button> <el-button slot="append" icon="el-icon-search"></el-button>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label=""> <el-form-item label="">
<el-input clearable v-model="searchParam.userName" size="mini" placeholder="请输入用户名称" @change="searchMessage(1)"> <el-input clearable v-model="searchParam.userName" size="small" placeholder="请输入用户名称" @change="searchMessage(1)">
<el-button slot="append" icon="el-icon-search"></el-button> <el-button slot="append" icon="el-icon-search"></el-button>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label=""> <el-form-item label="">
<el-input clearable v-model="searchParam.adminName" size="mini" placeholder="请输入客服名" @change="searchMessage(1)"> <el-input clearable v-model="searchParam.adminName" size="small" placeholder="请输入客服名" @change="searchMessage(1)">
<el-button slot="append" icon="el-icon-search"></el-button> <el-button slot="append" icon="el-icon-search"></el-button>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="" style="position:relative;top:-8px;left:0;margin-bottom: 0px;"> <el-form-item label="" style="position:relative;top:-5px;left:0;margin-bottom: 0px;">
<el-date-picker <el-date-picker
v-model="date" v-model="date"
size="mini" size="small"
type="date" type="date"
placeholder="请选择日期" placeholder="请选择日期"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
...@@ -29,19 +29,19 @@ ...@@ -29,19 +29,19 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-row> </el-row>
<el-table :data="tableData" style="width: 100%" v-loading="loading"> <el-table :data="tableData" style="width: 99%;padding: 0 30px;" v-loading="loading">
<el-table-column prop="userName" label="用户名" min-width="50" align="center"></el-table-column> <el-table-column prop="userName" label="用户名" min-width="50" align="left"></el-table-column>
<el-table-column prop="communicationNumber" label="对话次数" min-width="100" align="center"></el-table-column> <el-table-column prop="communicationNumber" label="对话次数" min-width="100" align="left"></el-table-column>
<el-table-column label="用户类型" min-width="50" align="center"> <el-table-column label="用户类型" min-width="50" align="left">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{scope.row.idType | typeFilter}}</span> <span>{{scope.row.idType | typeFilter}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="certStatus" label="认证状况" min-width="100" align="center"></el-table-column> <el-table-column prop="certStatus" label="认证状况" min-width="100" align="left"></el-table-column>
<el-table-column prop="hospitalName" label="所属机构" min-width="50" align="center"></el-table-column> <el-table-column prop="hospitalName" label="所属机构" min-width="120" align="left"></el-table-column>
<el-table-column label="操作" fixed="right" align="center" min-width="100"> <el-table-column label="操作" fixed="right" align="left" min-width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="small" @click="edit(scope.row)">查看详细</el-button> <el-button type="text" size="medium" @click="edit(scope.row)">查看详细</el-button>
</template> </template>
</el-table-column> </el-table-column>
<div slot="empty"> <div slot="empty">
...@@ -157,7 +157,6 @@ export default { ...@@ -157,7 +157,6 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.message-list-wrap { .message-list-wrap {
margin-top: -60px;
.component-content { .component-content {
padding: 10px; padding: 10px;
background: #fff; background: #fff;
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册