Commit f1b71d73 by LJM

css

parent 8302466e
......@@ -402,24 +402,85 @@ body {
}
.dialog-layer-notice {
.content {
width: 580px;
height: 325px;
background: url("https://img.ichunt.com/images/ichunt/202302/20/134df9995b5c165202ed45fd900b4e98.png") no-repeat center !important;
background-size: contain !important;
.el-dialog__header {
position: relative;
top: -26px;
margin: 0 15px;
height: 48px;
line-height: 48px;
background: #FFFFFF;
padding: 0px !important;
padding-left: 20px !important;
box-sizing: border-box;
border-radius: 6px 6px 0 0;
.el-icon-close {
font-size: 20px;
margin-left: 2px;
}
.el-dialog__headerbtn {
top: -34px;
right: -8px;
z-index: 99;
&:after {
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
background: #FFFFFF;
border-radius: 50%;
content: '';
display: block;
position: absolute;
top: -2px;
z-index: -1;
}
}
}
.el-dialog__title {
font-size: 16px;
color: #387fff;
font-weight: bold;
&:after {
display: none;
}
}
.el-dialog__body {
position: relative;
top: -26px;
margin: 0 15px;
background: #FFFFFF;
border-radius: 0 0 6px 6px;
}
.notice-content {
padding: 20px;
height: 157px;
height: 221px;
overflow-y: auto;
font-size: 14px;
color: #313131;
box-sizing: border-box;
}
.bottom {
margin-top: 10px;
height: 69px;
border-top: 1px solid #E5EBF6;
padding: 9px 23px 0 23px;
box-sizing: border-box;
align-items: flex-start;
img {
max-width: 100%;
}
}
.enclosure {
border-top: 1px solid #E5EBF6;;
padding-left: 22px;
height: 36px;
span {
font-size: 12px;
color: #313131;
......@@ -427,20 +488,21 @@ body {
.down {
font-size: 12px;
color: #387fff;
color: #387FFF;
}
}
.t1 {
font-size: 12px;
color: #313131;
margin-bottom: 5px;
}
.notice-bottom {
position: absolute;
bottom: -31px;
left: 0;
right: 0;
z-index: 99;
padding: 0 24px;
.t2 {
span {
font-size: 12px;
color: #313131;
margin-left: 47px;
color: #ffffff;
}
}
}
......
......@@ -376,39 +376,96 @@ body {
box-sizing: border-box;
width: 44px;
}
.dialog-layer-notice .content {
.dialog-layer-notice {
width: 580px;
height: 325px;
background: url("https://img.ichunt.com/images/ichunt/202302/20/134df9995b5c165202ed45fd900b4e98.png") no-repeat center !important;
background-size: contain !important;
}
.dialog-layer-notice .el-dialog__header {
position: relative;
top: -26px;
margin: 0 15px;
height: 48px;
line-height: 48px;
background: #FFFFFF;
padding: 0px !important;
padding-left: 20px !important;
box-sizing: border-box;
border-radius: 6px 6px 0 0;
}
.dialog-layer-notice .el-dialog__header .el-icon-close {
font-size: 20px;
margin-left: 2px;
}
.dialog-layer-notice .el-dialog__header .el-dialog__headerbtn {
top: -34px;
right: -8px;
z-index: 99;
}
.dialog-layer-notice .el-dialog__header .el-dialog__headerbtn:after {
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
background: #FFFFFF;
border-radius: 50%;
content: '';
display: block;
position: absolute;
top: -2px;
z-index: -1;
}
.dialog-layer-notice .el-dialog__title {
font-size: 16px;
color: #387fff;
font-weight: bold;
}
.dialog-layer-notice .el-dialog__title:after {
display: none;
}
.dialog-layer-notice .el-dialog__body {
position: relative;
top: -26px;
margin: 0 15px;
background: #FFFFFF;
border-radius: 0 0 6px 6px;
}
.dialog-layer-notice .notice-content {
padding: 20px;
height: 157px;
height: 221px;
overflow-y: auto;
font-size: 14px;
color: #313131;
box-sizing: border-box;
}
.dialog-layer-notice .bottom {
margin-top: 10px;
height: 69px;
.dialog-layer-notice .notice-content img {
max-width: 100%;
}
.dialog-layer-notice .enclosure {
border-top: 1px solid #E5EBF6;
padding: 9px 23px 0 23px;
box-sizing: border-box;
align-items: flex-start;
padding-left: 22px;
height: 36px;
}
.dialog-layer-notice .bottom .enclosure span {
.dialog-layer-notice .enclosure span {
font-size: 12px;
color: #313131;
}
.dialog-layer-notice .bottom .enclosure .down {
.dialog-layer-notice .enclosure .down {
font-size: 12px;
color: #387fff;
color: #387FFF;
}
.dialog-layer-notice .bottom .t1 {
font-size: 12px;
color: #313131;
margin-bottom: 5px;
.dialog-layer-notice .notice-bottom {
position: absolute;
bottom: -31px;
left: 0;
right: 0;
z-index: 99;
padding: 0 24px;
}
.dialog-layer-notice .bottom .t2 {
.dialog-layer-notice .notice-bottom span {
font-size: 12px;
color: #313131;
margin-left: 47px;
color: #ffffff;
}
::-webkit-scrollbar {
width: 6px;
......
{"version":3,"sources":["common.less"],"names":[],"mappings":"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","file":"common.min.css"}
\ No newline at end of file
{"version":3,"sources":["common.less"],"names":[],"mappings":"AAAA;EACE,8BAAA;EACA,0BAAA;;AAGF,IAAK;EACH,UAAA;EACA,yCAAA;EACA,6CAAA;;AAGF;AAAM;EACJ,8CAA8C,6BAA9C;EACA,kBAAA;EACA,mCAAA;EACA,kCAAA;EACA,eAAA;EACA,cAAA;;AAGF;AAAM;AAAK;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAK;AAAM;AAAM;AAAU;AAAQ;AAAO;AAAU;AAAG;AAAY;AAAI;AAAI;AAAI;AAAQ;AAAS;AAAO;AAAS;AAAY;AAAQ;AAAQ;AAAQ;AAAM;AAAK;EACxN,SAAA;EACA,UAAA;;AAGF;AAAQ;AAAO;AAAQ;EACrB,eAAA;EACA,YAAA;EACA,wBAAA;;AAGF,KAAK;AAAe,KAAK;AAAa,KAAK;EACzC,eAAA;;AAGF;EACE,yBAAA;EACA,iBAAA;;AAGF;AAAI;AAAI;EACN,gBAAA;;AAGF;AAAI;AAAI;AAAI;AAAI;AAAI;EAClB,eAAA;EACA,gBAAA;;AAGF;AAAI;AAAG;EACL,kBAAA;;AAGF;EACE,qBAAA;;AAGF;EACE,YAAA;;AAGF;EACE,QAAA;EACA,WAAA;;AAGF,IAAI;EACF,SAAS,GAAT;EACA,WAAA;EACA,SAAA;EACA,kBAAA;EACA,cAAA;;AAGF;EACE,WAAA;EACA,gBAAA;;AAGF;EACE,YAAA;EACA,gBAAA;;AAGF;EACE,mBAAA;;AAGF;EACE,sBAAA;;AAGF;EACE,sBAAA;;AAGF;EACE,qBAAA;EACA,gBAAA;EACA,OAAA;EACA,sBAAA;EACA,oBAAA;;AAGF;EACE,uBAAA;EACA,mBAAA;;AAGF;EACE,iBAAA;EACA,UAAA;EACA,YAAA;EACA,YAAA;EACA,sBAAA;;AAGF;EACE,8BAAA;EACA,sBAAA;;AAGF;EACE,aAAA;EACA,sBAAA;;AAGF;EACE,aAAA;EACA,mBAAA;;AAGF;EACE,8BAAA;;AAGF;EACE,6BAAA;;AAGF;EACE,uBAAA;;AAGF;EACE,mBAAA;;AAGF;EACE,mBAAA;EACA,gBAAA;EACA,eAAA;EACA,WAAA;EACA,OAAA;;AAGF;AAAM;EACJ,WAAA;EACA,YAAA;EACA,iCAAA;;AAGF;EACE,kBAAA;EACA,mBAAA;;AAGF;EACE,cAAA;;AAGF;EACE,cAAA;;AAGF;EACE,cAAA;;AAGF;EACE,cAAA;;AAGF;EACE,iBAAA;EACA,gBAAA;;AAGF;EACE,aAAA;EACA,iBAAA;EACA,mBAAA;;AAGF,OACE;EACE,WAAA;;AAFJ,OAKE,UAAS;EACP,yBAAA;EACA,qBAAA;;AAPJ,OAUE,UAAS,YAAa;EACpB,yBAAA;EACA,qBAAA;;AAKJ;EACE,aAAA;;AAGF;EACE,eAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;;AAEA,iBAAC;EACC,SAAS,EAAT;EACA,kBAAA;EACA,UAAA;EACA,YAAA;EACA,mBAAA;EACA,WAAA;EACA,QAAA;;AAIJ;EACE,eAAA;;AAEA,cAAC;AAAQ,cAAC;EACR,cAAA;;AAOJ;EACE,qBAAA;;AAGF,wBAAyB;EACvB,WAAA;EACA,eAAA;;AAGF,uBAAuB;EACrB,cAAA;EACA,eAAA;;AAGF,sBAAsB;EACpB,SAAS,OAAT;;AAGF,qBACE;AADqB,cACrB;EACE,WAAA;EACA,YAAA;EACA,kBAAA;EACA,iBAAA;EACA,mBAAA;EACA,yBAAA;EACA,kBAAA;EACA,cAAA;EACA,eAAA;EACA,YAAA;;AAEA,qBAZF,WAYG;AAAD,cAZF,WAYG;AAAQ,qBAZX,WAYY;AAAD,cAZX,WAYY;EACR,cAAA;EACA,mBAAA;EACA,yBAAA;;AAGF,qBAlBF,WAkBG;AAAD,cAlBF,WAkBG;EACC,yBAAA;EACA,WAAA;EACA,mBAAA;;AAEA,qBAvBJ,WAkBG,mBAKE;AAAD,cAvBJ,WAkBG,mBAKE;AAAQ,qBAvBb,WAkBG,mBAKW;AAAD,cAvBb,WAkBG,mBAKW;EACR,WAAA;EACA,mBAAA;EACA,yBAAA;;AAMR;EACE,kBAAA;;AADF,OAGE;EACE,WAAA;EACA,gBAAA;;AALJ,OAQE;EACE,YAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,gBAAA;EACA,gBAAA;;AAIJ;EACE,iBAAA;EACA,yBAAA;EACA,kBAAA;EACA,8BAAA;EACA,cAAA;;AALF,UAOE;EACE,eAAA;EACA,cAAA;EACA,kBAAA;;AAIJ;EACE,4BAAA;;AAGF;EACE,mBAAA;EACA,qBAAA;;AAEA,WAAC;EACC,aAAA;;AAIJ,SAAU;EACR,iBAAA;EACA,cAAA;;AAGF,SAAU,GAAE;EACV,yBAAA;;AAGF;EACE,mBAAA;;AAGF;EACE,mBAAA;EACA,mBAAA;EACA,YAAA;EACA,iBAAA;EACA,eAAA;;AALF,SAOE;EACE,eAAA;EACA,cAAA;;AATJ,SAYE;EACE,eAAA;EACA,cAAA;EACA,gBAAA;;AAIJ,oBACE;EACE,YAAA;EACA,kBAAA;;AAHJ,oBACE,EAQE;EACE,cAAA;EACA,YAAA;EACA,mBAAA;;AAKN;EACE,cAAA;;AAGF;EACE,YAAA;EACA,WAAA;EACA,yBAAA;EACA,sBAAA;EACA,WAAA;;AAGF;EACE,YAAA;EACA,aAAA;EACA,gBAAgB,uGAAhB;EACA,mCAAA;;AAJF,oBAME;EACE,kBAAA;EACA,UAAA;EACA,cAAA;EACA,YAAA;EACA,iBAAA;EACA,mBAAA;EACA,uBAAA;EACA,6BAAA;EACA,sBAAA;EACA,0BAAA;;AAhBJ,oBAME,mBAYE;EACE,eAAA;EACA,gBAAA;;AApBN,oBAME,mBAiBE;EACE,UAAA;EACA,WAAA;EACA,WAAA;;AAEA,oBAtBJ,mBAiBE,sBAKG;EACC,WAAA;EACA,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;EACA,SAAS,EAAT;EACA,cAAA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;;AAvCR,oBA4CE;EACE,eAAA;EACA,cAAA;EACA,iBAAA;;AAEA,oBALF,kBAKG;EACC,aAAA;;AAlDN,oBAsDE;EACE,kBAAA;EACA,UAAA;EACA,cAAA;EACA,mBAAA;EACA,0BAAA;;AA3DJ,oBA8DE;EACE,aAAA;EACA,aAAA;EACA,gBAAA;EACA,eAAA;EACA,cAAA;EACA,sBAAA;;AApEJ,oBA8DE,gBAQE;EACE,eAAA;;AAvEN,oBA2EE;EACE,6BAAA;EACA,kBAAA;EACA,YAAA;;AA9EJ,oBA2EE,WAKE;EACE,eAAA;EACA,cAAA;;AAlFN,oBA2EE,WAUE;EACE,eAAA;EACA,cAAA;;AAvFN,oBA2FE;EACE,kBAAA;EACA,aAAA;EACA,OAAA;EACA,QAAA;EACA,WAAA;EACA,eAAA;;AAjGJ,oBA2FE,eAQE;EACE,eAAA;EACA,cAAA;;AAKN;EACE,UAAA;EACA,WAAA;EACA,uBAAA;;AAGF;EACE,iBAAA;EACA,kBAAA;;AAGF;EACE,mBAAA;EACA,kBAAA;;AAGF,yBAAyB;EACvB,mBAAA;;AAGF;EACE,mBAAA","file":"common.min.css"}
\ No newline at end of file
......@@ -233,17 +233,15 @@
</section>
</el-dialog>
<!--系统公告-->
<el-dialog :title="noticeMsg.title" :close-on-click-modal="false" :visible.sync="dialogNoticeVisible" width="550px" custom-class="dialog-layer-notice">
<div class="content">{{ noticeMsg.content }}</div>
<div class="bottom row bothSide">
<el-dialog :title="noticeMsg.title" :close-on-click-modal="false" :visible.sync="dialogNoticeVisible" width="580px" custom-class="dialog-layer-notice">
<div class="notice-content" v-html="noticeMsg.content"></div>
<div class="enclosure row verCenter">
<span>附件:</span>
<a class="down" :href="noticeMsg.attach_file_link " target="_blank">{{ noticeMsg.attach_file }}</a>
</div>
<div class="column">
<p class="t1">发件人:深圳市猎芯科技有限公司</p>
<p class="t2">{{ noticeMsg.create_time }}</p>
<a class="down" :href="noticeMsg.attachment_url " target="_blank">{{ noticeMsg.attachment_name || '暂无附件' }}</a>
</div>
<div class="notice-bottom row bothSide verCenter">
<span>发件人:深圳市猎芯科技有限公司</span>
<span>{{ noticeMsg.create_time }}</span>
</div>
</el-dialog>
</div>
......@@ -261,7 +259,6 @@ Vue.prototype.$message = Message;
Vue.prototype.$notify = Notification;
Vue.use(Menu).use(MenuItem).use(MenuItemGroup).use(Submenu).use(Form).use(FormItem).use(Dialog).use(Button).use(Tooltip).use(Input).use(Tabs).use(TabPane).use(Badge).use(Pagination).use(Checkbox);
var news_url = "http://192.168.1.252:16543/";
export default {
name: 'menus',
......@@ -366,27 +363,23 @@ export default {
if (msg_notice) {
return;
}
axios.post(NODE_ENVS_MSG + '/get_category_msg_list', {
page: this.page,
limit: this.limit,
msg_status: 0,
msg_category_id: 10,
user_id: this.supplier_id,//供应商id
sys_id: 17//云芯系统
}).then((res) => {
this.$http('get', "/api/system/getNoticeList", {
page: 1,
limit: 1,
}).then(res => {
if (res.code === 0) {
this.dialogNoticeVisible = true;
if (res.data.list.length > 0) {
this.noticeMsg = JSON.parse(res.data.list[0].msg_data);
}
this.dialogNoticeVisible = true;
this.noticeMsg = res.data.list[0] || [];
Util.setCookie('ad', true, 1);
}
} else {
this.$message({
message: res.msg,
type: 'warning'
});
}
});
})
},
/**
* 获取最新消息
......
......@@ -6,7 +6,7 @@
<el-table :data="list" border max-height="600">
<el-table-column prop="title" label="消息名称" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope">
<a href="javascript:;" class="alink">{{ scope.row.title }}</a>
<a href="javascript:;" class="alink" @click="view(scope.row)">{{ scope.row.title }}</a>
</template>
</el-table-column>
<el-table-column prop="content" label="消息内容" :show-overflow-tooltip="true" align="center"></el-table-column>
......@@ -19,6 +19,18 @@
</el-table>
<el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination>
</div>
<!--系统公告-->
<el-dialog :title="noticeMsg.title" :close-on-click-modal="false" :visible.sync="dialogNoticeVisible" width="580px" custom-class="dialog-layer-notice">
<div class="notice-content" v-html="noticeMsg.content"></div>
<div class="enclosure row verCenter">
<span>附件:</span>
<a class="down" :href="noticeMsg.attachment_url " target="_blank">{{ noticeMsg.attachment_name || '暂无附件' }}</a>
</div>
<div class="notice-bottom row bothSide verCenter">
<span>发件人:深圳市猎芯科技有限公司</span>
<span>{{ noticeMsg.create_time }}</span>
</div>
</el-dialog>
</div>
<Menu/>
</section>
......@@ -27,8 +39,6 @@
import Vue from 'vue';
import Menu from "@/components/menu.vue";
import {Autocomplete, Button, DatePicker, Descriptions, DescriptionsItem, Dialog, Divider, Dropdown, DropdownItem, DropdownMenu, Form, FormItem, Input, Message, MessageBox, Option, Pagination, Popover, Select, Table, TableColumn, Tag, Tooltip} from 'element-ui'
import {NODE_ENVS_MSG} from "../../ajax";
import axios from "_axios@0.21.4@axios";
Vue.prototype.$message = Message
Vue.prototype.$confirm = MessageBox.confirm;
......@@ -39,7 +49,8 @@ export default {
name: "notice",
data() {
return {
supplier_id: Number(localStorage.getItem('supplier_id')) || 0,
noticeMsg: [],//系统公告消息
dialogNoticeVisible: false,
total: 0,
page: 1,
limit: 10,
......@@ -51,19 +62,13 @@ export default {
},
methods: {
getData() {
axios.post(NODE_ENVS_MSG + '/get_category_msg_list', {
this.$http('get', "/api/system/getNoticeList", {
page: this.page,
limit: this.limit,
msg_status: 0,
msg_category_id: 10,
user_id: this.supplier_id,//供应商id
sys_id: 17//云芯系统
}).then((res) => {
}).then(res => {
if (res.code === 0) {
if (res.data.list.length > 0) {
this.list = res.data.list.map(obj => {
return JSON.parse(obj.msg_data);
})
this.list = res.data.list;
this.total = Number(res.data.total) || 0;
}
} else {
......@@ -72,7 +77,11 @@ export default {
type: 'warning'
});
}
});
})
},
view(row) {
this.dialogNoticeVisible = true;
this.noticeMsg = row;
},
handleSizeChange(val) {
this.limit = val;
......@@ -88,6 +97,118 @@ export default {
}
};
</script>
<style scoped>
<style scoped lang="less">
.dialog-layer-notice {
width: 580px;
height: 325px;
background: url("https://img.ichunt.com/images/ichunt/202302/20/134df9995b5c165202ed45fd900b4e98.png") no-repeat center !important;
background-size: contain !important;
.el-dialog__header {
position: relative;
top: -26px;
margin: 0 15px;
height: 48px;
line-height: 48px;
background: #FFFFFF;
padding: 0px !important;
padding-left: 20px !important;
box-sizing: border-box;
border-radius: 6px 6px 0 0;
.el-icon-close {
font-size: 20px;
margin-left: 2px;
}
.el-dialog__headerbtn {
top: -34px;
right: -8px;
z-index: 99;
&:after {
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
background: #FFFFFF;
border-radius: 50%;
content: '';
display: block;
position: absolute;
top: -2px;
z-index: -1;
}
}
}
.el-dialog__title {
font-size: 16px;
color: #387fff;
font-weight: bold;
&:after {
display: none;
}
}
.el-dialog__body {
position: relative;
top: -26px;
margin: 0 15px;
background: #FFFFFF;
border-radius: 0 0 6px 6px;
}
.notice-content {
padding: 20px;
height: 221px;
overflow-y: auto;
font-size: 14px;
color: #313131;
box-sizing: border-box;
img {
max-width: 100%;
}
}
.enclosure {
border-top: 1px solid #E5EBF6;;
padding-left: 22px;
height: 36px;
span {
font-size: 12px;
color: #313131;
}
.down {
font-size: 12px;
color: #387FFF;
}
}
.notice-bottom {
position: absolute;
bottom: -31px;
left: 0;
right: 0;
z-index: 99;
padding: 0 24px;
span {
font-size: 12px;
color: #ffffff;
}
}
}
::v-deep .dialog-layer-notice .el-dialog__header {
border-bottom: 1px solid #E5EBF6;
}
::v-deep .dialog-layer-notice .el-dialog__body {
padding: 0 !important;
}
</style>
\ No newline at end of file
......@@ -34,6 +34,8 @@
<el-table-column prop="price_origin" label="价格" width="120" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="batch" label="批次" width="100" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="stock_number" label="库存" width="100" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="delivery_time_cn" label="大陆交期" width="120"></el-table-column>
<el-table-column prop="delivery_time_hk" label="香港交期" width="120"></el-table-column>
</el-table>
<el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination>
</div>
......@@ -87,7 +89,10 @@ export default {
this.tableData = res.data.list;
this.total = res.data.count || 0;
} else {
this.$message(res.msg);
this.$message({
message: res.msg,
type: 'warning'
});
}
})
},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment