Skip to content

肖康 / cloudSystem

Go to a project
Commit f1b71d73 by LJM
Options

css

parent 8302466e
Inline Side-by-side
Showing with 324 additions and 85 deletions
src/assets/css/public/common.less
...@@ -402,45 +402,107 @@ body { ...@@ -402,45 +402,107 @@ body {
} }
.dialog-layer-notice { .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; padding: 20px;
height: 157px; height: 221px;
overflow-y: auto; overflow-y: auto;
font-size: 14px; font-size: 14px;
color: #313131; color: #313131;
box-sizing: border-box; box-sizing: border-box;
img {
max-width: 100%;
}
} }
.bottom { .enclosure {
margin-top: 10px; border-top: 1px solid #E5EBF6;;
height: 69px; padding-left: 22px;
border-top: 1px solid #E5EBF6; height: 36px;
padding: 9px 23px 0 23px;
box-sizing: border-box;
align-items: flex-start;
.enclosure { span {
span { font-size: 12px;
font-size: 12px; color: #313131;
color: #313131;
}
.down {
font-size: 12px;
color: #387fff;
}
} }
.t1 { .down {
font-size: 12px; font-size: 12px;
color: #313131; color: #387FFF;
margin-bottom: 5px;
} }
}
.notice-bottom {
position: absolute;
bottom: -31px;
left: 0;
right: 0;
z-index: 99;
padding: 0 24px;
.t2 { span {
font-size: 12px; font-size: 12px;
color: #313131; color: #ffffff;
margin-left: 47px;
} }
} }
} }
......
src/assets/css/public/common.min.css
...@@ -376,39 +376,96 @@ body { ...@@ -376,39 +376,96 @@ body {
box-sizing: border-box; box-sizing: border-box;
width: 44px; 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; padding: 20px;
height: 157px; height: 221px;
overflow-y: auto; overflow-y: auto;
font-size: 14px; font-size: 14px;
color: #313131; color: #313131;
box-sizing: border-box; box-sizing: border-box;
} }
.dialog-layer-notice .bottom { .dialog-layer-notice .notice-content img {
margin-top: 10px; max-width: 100%;
height: 69px; }
.dialog-layer-notice .enclosure {
border-top: 1px solid #E5EBF6; border-top: 1px solid #E5EBF6;
padding: 9px 23px 0 23px; padding-left: 22px;
box-sizing: border-box; height: 36px;
align-items: flex-start;
} }
.dialog-layer-notice .bottom .enclosure span { .dialog-layer-notice .enclosure span {
font-size: 12px; font-size: 12px;
color: #313131; color: #313131;
} }
.dialog-layer-notice .bottom .enclosure .down { .dialog-layer-notice .enclosure .down {
font-size: 12px; font-size: 12px;
color: #387fff; color: #387FFF;
} }
.dialog-layer-notice .bottom .t1 { .dialog-layer-notice .notice-bottom {
font-size: 12px; position: absolute;
color: #313131; bottom: -31px;
margin-bottom: 5px; left: 0;
right: 0;
z-index: 99;
padding: 0 24px;
} }
.dialog-layer-notice .bottom .t2 { .dialog-layer-notice .notice-bottom span {
font-size: 12px; font-size: 12px;
color: #313131; color: #ffffff;
margin-left: 47px;
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 6px; width: 6px;
......
src/assets/css/public/common.min.css.map
{"version":3,"sources":["common.less"],"names":[],"mappings":"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","file":"common.min.css"} {"version":3,"sources":["common.less"],"names":[],"mappings":"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","file":"common.min.css"}
\ No newline at end of file \ No newline at end of file
src/components/menu.vue
...@@ -233,17 +233,15 @@ ...@@ -233,17 +233,15 @@
</section> </section>
</el-dialog> </el-dialog>
<!--系统公告--> <!--系统公告-->
<el-dialog :title="noticeMsg.title" :close-on-click-modal="false" :visible.sync="dialogNoticeVisible" width="550px" custom-class="dialog-layer-notice"> <el-dialog :title="noticeMsg.title" :close-on-click-modal="false" :visible.sync="dialogNoticeVisible" width="580px" custom-class="dialog-layer-notice">
<div class="content">{{ noticeMsg.content }}</div> <div class="notice-content" v-html="noticeMsg.content"></div>
<div class="bottom row bothSide"> <div class="enclosure row verCenter">
<div class="enclosure row verCenter"> <span>附件：</span>
<span>附件：</span> <a class="down" :href="noticeMsg.attachment_url " target="_blank">{{ noticeMsg.attachment_name || '暂无附件' }}</a>
<a class="down" :href="noticeMsg.attach_file_link " target="_blank">{{ noticeMsg.attach_file }}</a> </div>
</div> <div class="notice-bottom row bothSide verCenter">
<div class="column"> <span>发件人：深圳市猎芯科技有限公司</span>
<p class="t1">发件人：深圳市猎芯科技有限公司</p> <span>{{ noticeMsg.create_time }}</span>
<p class="t2">{{ noticeMsg.create_time }}</p>
</div>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
...@@ -261,7 +259,6 @@ Vue.prototype.$message = Message; ...@@ -261,7 +259,6 @@ Vue.prototype.$message = Message;
Vue.prototype.$notify = Notification; 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); 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 { export default {
name: 'menus', name: 'menus',
...@@ -366,27 +363,23 @@ export default { ...@@ -366,27 +363,23 @@ export default {
if (msg_notice) { if (msg_notice) {
return; return;
} }
axios.post(NODE_ENVS_MSG + '/get_category_msg_list', { this.$http('get', "/api/system/getNoticeList", {
page: this.page, page: 1,
limit: this.limit, limit: 1,
msg_status: 0, }).then(res => {
msg_category_id: 10,
user_id: this.supplier_id,//供应商id
sys_id: 17//云芯系统
}).then((res) => {
if (res.code === 0) { if (res.code === 0) {
this.dialogNoticeVisible = true;
if (res.data.list.length > 0) { 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);
} }
Util.setCookie('ad', true, 1);
} else { } else {
this.$message({ this.$message({
message: res.msg, message: res.msg,
type: 'warning' type: 'warning'
}); });
} }
}); })
}, },
/** /**
* 获取最新消息 * 获取最新消息
......
src/views/News/notice.vue
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<el-table :data="list" border max-height="600"> <el-table :data="list" border max-height="600">
<el-table-column prop="title" label="消息名称" :show-overflow-tooltip="true" align="center"> <el-table-column prop="title" label="消息名称" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope"> <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> </template>
</el-table-column> </el-table-column>
<el-table-column prop="content" label="消息内容" :show-overflow-tooltip="true" align="center"></el-table-column> <el-table-column prop="content" label="消息内容" :show-overflow-tooltip="true" align="center"></el-table-column>
...@@ -19,6 +19,18 @@ ...@@ -19,6 +19,18 @@
</el-table> </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> <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> </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> </div>
<Menu/> <Menu/>
</section> </section>
...@@ -27,8 +39,6 @@ ...@@ -27,8 +39,6 @@
import Vue from 'vue'; import Vue from 'vue';
import Menu from "@/components/menu.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 {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.$message = Message
Vue.prototype.$confirm = MessageBox.confirm; Vue.prototype.$confirm = MessageBox.confirm;
...@@ -39,7 +49,8 @@ export default { ...@@ -39,7 +49,8 @@ export default {
name: "notice", name: "notice",
data() { data() {
return { return {
supplier_id: Number(localStorage.getItem('supplier_id')) || 0, noticeMsg: [],//系统公告消息
dialogNoticeVisible: false,
total: 0, total: 0,
page: 1, page: 1,
limit: 10, limit: 10,
...@@ -51,19 +62,13 @@ export default { ...@@ -51,19 +62,13 @@ export default {
}, },
methods: { methods: {
getData() { getData() {
axios.post(NODE_ENVS_MSG + '/get_category_msg_list', { this.$http('get', "/api/system/getNoticeList", {
page: this.page, page: this.page,
limit: this.limit, limit: this.limit,
msg_status: 0, }).then(res => {
msg_category_id: 10,
user_id: this.supplier_id,//供应商id
sys_id: 17//云芯系统
}).then((res) => {
if (res.code === 0) { if (res.code === 0) {
if (res.data.list.length > 0) { if (res.data.list.length > 0) {
this.list = res.data.list.map(obj => { this.list = res.data.list;
return JSON.parse(obj.msg_data);
})
this.total = Number(res.data.total) || 0; this.total = Number(res.data.total) || 0;
} }
} else { } else {
...@@ -72,7 +77,11 @@ export default { ...@@ -72,7 +77,11 @@ export default {
type: 'warning' type: 'warning'
}); });
} }
}); })
},
view(row) {
this.dialogNoticeVisible = true;
this.noticeMsg = row;
}, },
handleSizeChange(val) { handleSizeChange(val) {
this.limit = val; this.limit = val;
...@@ -88,6 +97,118 @@ export default { ...@@ -88,6 +97,118 @@ export default {
} }
}; };
</script> </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> </style>
\ No newline at end of file
src/views/Store/goodDetail.vue
...@@ -34,6 +34,8 @@ ...@@ -34,6 +34,8 @@
<el-table-column prop="price_origin" label="价格" width="120" :show-overflow-tooltip="true"></el-table-column> <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="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="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-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> <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> </div>
...@@ -87,7 +89,10 @@ export default { ...@@ -87,7 +89,10 @@ export default {
this.tableData = res.data.list; this.tableData = res.data.list;
this.total = res.data.count || 0; this.total = res.data.count || 0;
} else { } 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