Skip to content

肖康 / cloudSystem

Go to a project
Commit 6781d531 by liangjianmin
Options

css

parent 02eeee1b
Inline Side-by-side
Showing with 577 additions and 2 deletions
src/assets/css/goods/goods.min.css
.goods .goods-con{background:#FFFFFF;border-radius:4px;border:1px solid #E5EBF6;padding:20px}.goods .search-btn{cursor:pointer;width:76px;height:37px;line-height:37px;background:#1969F9;border-radius:2px;font-size:14px;color:#fff;text-align:center}.goods .search-btn:hover{background:#0050E0}.goods .btn-nav{margin-top:11px;margin-bottom:22px}.goods .btn-nav .dcg{width:66px;height:26px;border-radius:2px;text-align:center;line-height:26px;border:1px solid #1969F9;background:#E5EEFF;color:#1969F9;margin-right:10px;font-size:14px;transition:all .5s}.goods .btn-nav .dcg:hover{background:#1969F9;cursor:pointer;color:#fff}.goods .btn-nav .dcg.delbtn{border:1px solid #FC1F00;background:#FFE7E3;color:#FC1F00}.goods .btn-nav .dcg.delbtn:hover{background:#FF715D;color:#fff}.goods .btn-nav .updatex{height:26px;line-height:26px;text-align:center;background:#FFEEDD;border:1px solid #FF870D;border-radius:2px;color:#FF870D;font-size:14px;cursor:pointer;width:66px}.goods .btn-nav .updatex:hover{background:#FCA955;color:#fff}.goods .brand-img{width:80%;height:80}
\ No newline at end of file
.goods .goods-con {
background: #FFFFFF;
border-radius: 4px;
border: 1px solid #E5EBF6;
padding: 20px;
}
.goods .search-btn {
cursor: pointer;
width: 76px;
height: 37px;
line-height: 37px;
background: #1969F9;
border-radius: 2px;
font-size: 14px;
color: #fff;
text-align: center;
}
.goods .search-btn:hover {
background: #0050E0;
}
.goods .btn-nav {
margin-top: 11px;
margin-bottom: 22px;
}
.goods .btn-nav .dcg {
width: 66px;
height: 26px;
border-radius: 2px;
text-align: center;
line-height: 26px;
border: 1px solid #1969F9;
background: #E5EEFF;
color: #1969F9;
margin-right: 10px;
font-size: 14px;
transition: all 0.5s;
}
.goods .btn-nav .dcg:hover {
background: #1969F9;
cursor: pointer;
color: #fff;
}
.goods .btn-nav .dcg.delbtn {
border: 1px solid #FC1F00;
background: #FFE7E3;
color: #FC1F00;
}
.goods .btn-nav .dcg.delbtn:hover {
background: #FF715D;
color: #fff;
}
.goods .btn-nav .updatex {
height: 26px;
line-height: 26px;
text-align: center;
background: #FFEEDD;
border: 1px solid #FF870D;
border-radius: 2px;
color: #FF870D;
font-size: 14px;
cursor: pointer;
width: 66px;
}
.goods .btn-nav .updatex:hover {
background: #FCA955;
color: #fff;
}
.goods .brand-img {
width: 80%;
height: 80;
}
/*# sourceMappingURL=goods.min.css.map */
\ No newline at end of file
src/assets/css/goods/goods.min.css.map 0 → 100644
{"version":3,"sources":["goods.less"],"names":[],"mappings":"AAAA,MACI;EACI,mBAAA;EACA,kBAAA;EACA,yBAAA;EACA,aAAA;;AALR,MAOI;EACI,eAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,mBAAA;EACA,kBAAA;EACA,eAAA;EACA,WAAA;EACA,kBAAA;;AACA,MAVJ,YAUK;EACG,mBAAA;;AAlBZ,MAqBI;EACI,gBAAA;EACA,mBAAA;;AAvBR,MAqBI,SAII;EACI,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,yBAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;EACA,eAAA;EACA,oBAAA;;AACA,MAhBR,SAII,KAYK;EACG,mBAAA;EACA,eAAA;EACA,WAAA;;AAEJ,MArBR,SAII,KAiBK;EACG,yBAAA;EACA,mBAAA;EACA,cAAA;;AACA,MAzBZ,SAII,KAiBK,OAII;EACG,mBAAA;EACA,WAAA;;AAhDpB,MAqBI,SAkCI;EAEI,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,yBAAA;EACA,kBAAA;EACA,cAAA;EACA,eAAA;EACA,eAAA;EACA,WAAA;;AACA,MA9CR,SAkCI,SAYK;EAEG,mBAAA;EACA,WAAA;;AAtEhB,MA2EI;EACI,UAAA;EACA,UAAA","file":"goods.min.css"}
\ No newline at end of file
src/assets/css/list/inquireDetail.less 0 → 100644
.inquireDetail {
.inquiry-information {
position: relative;
height: 162px;
background: #FFFFFF;
border-radius: 4px;
border: 1px solid #E5EBF6;
padding-top: 20px;
padding-left: 17px;
margin-bottom: 20px;
&:after {
position: absolute;
top: 20px;
left: 0;
width: 5px;
height: 21px;
background: #1969F9;
content: '';
display: block;
}
.tit {
font-size: 16px;
color: #333333;
font-weight: bold;
}
.input-box {
margin-top: 14px;
margin-bottom: 20px;
.p-text {
font-size: 14px;
color: #333333;
vertical-align: middle;
margin-right: 10px;
}
input {
height: 38px;
background: #F1F4FA;
border-radius: 2px;
vertical-align: middle;
box-sizing: border-box;
text-indent: 12px;
font-size: 14px;
color: #333333;
}
}
.text {
span {
font-size: 16px;
color: #333333;
font-weight: bold;
}
em {
font-size: 16px;
color: #CC8200;
font-weight: bold;
}
}
}
.quote{
position: relative;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 17px;
background: #FFFFFF;
.tit {
font-size: 16px;
color: #333333;
font-weight: bold;
}
&:after {
position: absolute;
top: 20px;
left: 0;
width: 5px;
height: 21px;
background: #1969F9;
content: '';
display: block;
}
.btn-nav {
margin-top: 17px;
margin-bottom: 20px;
.update {
width: 66px;
height: 26px;
line-height: 26px;
text-align: center;
background: #FFEEDD;
border: 1px solid #FF870D;
border-radius: 2px;
color: #FF870D;
font-size: 14px;
cursor: pointer;
width: 66px;
i {
margin-left: 3px;
}
&:hover {
background: #FCA955;
color: #fff;
}
}
.dcg {
width: 66px;
height: 26px;
border-radius: 2px;
text-align: center;
line-height: 26px;
border: 1px solid #1969F9;
background: #E5EEFF;
color: #1969F9;
margin-left: 10px;
font-size: 14px;
transition: all 0.5s;
&:hover {
background: #1969F9;
cursor: pointer;
color: #fff;
}
&.heti {
width: 56px;
background: #fff;
&:hover {
background: #E5EEFF;
color: #1969F9;
}
}
&.xjk {
position: relative;
left: -11px;
border-left: 1px solid #1969F9;
&:hover {
border-left: 1px solid #1969F9;
}
}
&.delbtn {
border: 1px solid #FC1F00;
background: #FFE7E3;
color: #FC1F00;
&:hover {
background: #FF715D;
color: #fff;
}
}
}
.updatex{
width: 66px;
height: 26px;
line-height: 26px;
text-align: center;
background: #FFEEDD;
border: 1px solid #FF870D;
border-radius: 2px;
color:#FF870D;
font-size: 14px;
cursor: pointer;
width: 66px;
&:hover{
background: #FCA955;
color:#fff;
}
}
}
}
}
\ No newline at end of file
src/assets/css/list/inquireDetail.min.css 0 → 100644
.inquireDetail .inquiry-information {
position: relative;
height: 162px;
background: #FFFFFF;
border-radius: 4px;
border: 1px solid #E5EBF6;
padding-top: 20px;
padding-left: 17px;
margin-bottom: 20px;
}
.inquireDetail .inquiry-information:after {
position: absolute;
top: 20px;
left: 0;
width: 5px;
height: 21px;
background: #1969F9;
content: '';
display: block;
}
.inquireDetail .inquiry-information .tit {
font-size: 16px;
color: #333333;
font-weight: bold;
}
.inquireDetail .inquiry-information .input-box {
margin-top: 14px;
margin-bottom: 20px;
}
.inquireDetail .inquiry-information .input-box .p-text {
font-size: 14px;
color: #333333;
vertical-align: middle;
margin-right: 10px;
}
.inquireDetail .inquiry-information .input-box input {
height: 38px;
background: #F1F4FA;
border-radius: 2px;
vertical-align: middle;
box-sizing: border-box;
text-indent: 12px;
font-size: 14px;
color: #333333;
}
.inquireDetail .inquiry-information .text span {
font-size: 16px;
color: #333333;
font-weight: bold;
}
.inquireDetail .inquiry-information .text em {
font-size: 16px;
color: #CC8200;
font-weight: bold;
}
.inquireDetail .quote {
position: relative;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 17px;
background: #FFFFFF;
}
.inquireDetail .quote .tit {
font-size: 16px;
color: #333333;
font-weight: bold;
}
.inquireDetail .quote:after {
position: absolute;
top: 20px;
left: 0;
width: 5px;
height: 21px;
background: #1969F9;
content: '';
display: block;
}
.inquireDetail .quote .btn-nav {
margin-top: 17px;
margin-bottom: 20px;
}
.inquireDetail .quote .btn-nav .update {
height: 26px;
line-height: 26px;
text-align: center;
background: #FFEEDD;
border: 1px solid #FF870D;
border-radius: 2px;
color: #FF870D;
font-size: 14px;
cursor: pointer;
width: 66px;
}
.inquireDetail .quote .btn-nav .update i {
margin-left: 3px;
}
.inquireDetail .quote .btn-nav .update:hover {
background: #FCA955;
color: #fff;
}
.inquireDetail .quote .btn-nav .dcg {
width: 66px;
height: 26px;
border-radius: 2px;
text-align: center;
line-height: 26px;
border: 1px solid #1969F9;
background: #E5EEFF;
color: #1969F9;
margin-left: 10px;
font-size: 14px;
transition: all 0.5s;
}
.inquireDetail .quote .btn-nav .dcg:hover {
background: #1969F9;
cursor: pointer;
color: #fff;
}
.inquireDetail .quote .btn-nav .dcg.heti {
width: 56px;
background: #fff;
}
.inquireDetail .quote .btn-nav .dcg.heti:hover {
background: #E5EEFF;
color: #1969F9;
}
.inquireDetail .quote .btn-nav .dcg.xjk {
position: relative;
left: -11px;
border-left: 1px solid #1969F9;
}
.inquireDetail .quote .btn-nav .dcg.xjk:hover {
border-left: 1px solid #1969F9;
}
.inquireDetail .quote .btn-nav .dcg.delbtn {
border: 1px solid #FC1F00;
background: #FFE7E3;
color: #FC1F00;
}
.inquireDetail .quote .btn-nav .dcg.delbtn:hover {
background: #FF715D;
color: #fff;
}
.inquireDetail .quote .btn-nav .updatex {
height: 26px;
line-height: 26px;
text-align: center;
background: #FFEEDD;
border: 1px solid #FF870D;
border-radius: 2px;
color: #FF870D;
font-size: 14px;
cursor: pointer;
width: 66px;
}
.inquireDetail .quote .btn-nav .updatex:hover {
background: #FCA955;
color: #fff;
}
/*# sourceMappingURL=inquireDetail.min.css.map */
\ No newline at end of file
src/assets/css/list/inquireDetail.min.css.map 0 → 100644
{"version":3,"sources":["inquireDetail.less"],"names":[],"mappings":"AAAA,cACE;EACE,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,kBAAA;EACA,yBAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;;AAEA,cAVF,qBAUG;EACC,kBAAA;EACA,SAAA;EACA,OAAA;EACA,UAAA;EACA,YAAA;EACA,mBAAA;EACA,SAAS,EAAT;EACA,cAAA;;AAnBN,cACE,qBAqBE;EACE,eAAA;EACA,cAAA;EACA,iBAAA;;AAzBN,cACE,qBA2BE;EACE,gBAAA;EACA,mBAAA;;AA9BN,cACE,qBA2BE,WAIE;EACE,eAAA;EACA,cAAA;EACA,sBAAA;EACA,kBAAA;;AApCR,cACE,qBA2BE,WAWE;EACE,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,sBAAA;EACA,sBAAA;EACA,iBAAA;EACA,eAAA;EACA,cAAA;;AA/CR,cACE,qBAkDE,MACE;EACE,eAAA;EACA,cAAA;EACA,iBAAA;;AAvDR,cACE,qBAkDE,MAOE;EACE,eAAA;EACA,cAAA;EACA,iBAAA;;AA7DR,cAkEE;EACE,kBAAA;EACA,iBAAA;EACA,oBAAA;EACA,kBAAA;EACA,mBAAA;;AAvEJ,cAkEE,OAME;EACE,eAAA;EACA,cAAA;EACA,iBAAA;;AAEF,cAXF,OAWG;EACC,kBAAA;EACA,SAAA;EACA,OAAA;EACA,UAAA;EACA,YAAA;EACA,mBAAA;EACA,SAAS,EAAT;EACA,cAAA;;AArFN,cAkEE,OAqBE;EACE,gBAAA;EACA,mBAAA;;AAzFN,cAkEE,OAqBE,SAIE;EAEE,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,yBAAA;EACA,kBAAA;EACA,cAAA;EACA,eAAA;EACA,eAAA;EACA,WAAA;;AAtGR,cAkEE,OAqBE,SAIE,QAaE;EACE,gBAAA;;AAGF,cA1CN,OAqBE,SAIE,QAiBG;EAEC,mBAAA;EACA,WAAA;;AA/GV,cAkEE,OAqBE,SA6BE;EACE,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,yBAAA;EACA,mBAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;EACA,oBAAA;;AAEA,cA/DN,OAqBE,SA6BE,KAaG;EACC,mBAAA;EACA,eAAA;EACA,WAAA;;AAGF,cArEN,OAqBE,SA6BE,KAmBG;EACC,WAAA;EACA,gBAAA;;AAEA,cAzER,OAqBE,SA6BE,KAmBG,KAIE;EACC,mBAAA;EACA,cAAA;;AAIJ,cA/EN,OAqBE,SA6BE,KA6BG;EACC,kBAAA;EACA,WAAA;EACA,8BAAA;;AAEA,cApFR,OAqBE,SA6BE,KA6BG,IAKE;EACC,8BAAA;;AAIJ,cAzFN,OAqBE,SA6BE,KAuCG;EACC,yBAAA;EACA,mBAAA;EACA,cAAA;;AAEA,cA9FR,OAqBE,SA6BE,KAuCG,OAKE;EACC,mBAAA;EACA,WAAA;;AAlKZ,cAkEE,OAqBE,SAgFE;EAEE,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,yBAAA;EACA,kBAAA;EACA,cAAA;EACA,eAAA;EACA,eAAA;EACA,WAAA;;AACA,cAjHN,OAqBE,SAgFE,SAYG;EAEC,mBAAA;EACA,WAAA","file":"inquireDetail.min.css"}
\ No newline at end of file
src/router/index.js
......@@ -22,6 +22,14 @@ const routes = [
component: () => import('../views/List/inquire.vue')
},
{
path: '/inquire/detail',
name: 'InquireDetail',
meta: {
title: '报价详情'
},
component: () => import('../views/List/inquireDetail.vue')
},
{
path: '/quote',
name: 'Quote',
meta: {
......
src/views/List/inquireDetail.vue 0 → 100644
<template>
<section class="inquireDetail pagex">
<div class="inquiry-information boxsiz">
<p class="tit">询价信息</p>
<div class="input-box">
<span class="p-text">型号</span>
<input type="text" placeholder="" value="SD202104060008" style="width: 176px;margin-right: 30px; "/>
<span class="p-text">品牌</span>
<input type="text" placeholder="" value="Sd" style="width: 100px;margin-right: 30px; "/>
<span class="p-text">数量</span>
<input type="text" placeholder="" value="100000" style="width: 100px ;margin-right: 30px;"/>
<span class="p-text">批次</span>
<input type="text" placeholder="" value="21546" style="width: 100px;margin-right: 30px; "/>
<span class="p-text">交货日期</span>
<input type="text" placeholder="" value="2021-10-06" style="width: 100px;margin-right: 30px; "/>
<span class="p-text">询价单号</span>
<input type="text" placeholder="" value="X2021042301032" style="width: 138px "/>
</div>
<p class="text">
<span>状态：</span>
<em>待报价</em>
</p>
</div>
<div class="quote boxsiz">
<p class="tit">询价信息</p>
<div class="btn-nav clr">
<div class="fl dcg" style="margin-left: 0px;">新增</div>
<div class="fl dcg updatex">修改</div>
<div class="fl dcg delbtn">删除</div>
</div>
<div class="data-box th-all">
<el-table :data="tableData" border style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="40" align="center"></el-table-column>
<el-table-column prop="inquiry_sn" label="询价单号" min-width="10%"></el-table-column>
<el-table-column prop="goods_name" label="型号" min-width="10%"></el-table-column>
<el-table-column prop="brand_name" label="品牌" min-width="10%"></el-table-column>
<el-table-column prop="inquiry_number" label="数量" min-width="10%"></el-table-column>
<el-table-column prop="batch" label="批次" min-width="10%"></el-table-column>
<el-table-column prop="delivery_time" label="交货日期" min-width="10%"></el-table-column>
<el-table-column prop="i_status" label="状态" min-width="10%">
<template slot-scope="scope">
<span v-if="scope.row.i_status==2" class="f-green">已报价</span>
<span v-else-if="scope.row.i_status==1" class="f-yellow1">待报价</span>
<span v-else-if="scope.row.i_status==9">已删除</span>
<span v-else-if="scope.row.i_status==-1" class="f-red1">已关闭</span>
</template>
</el-table-column>
<el-table-column prop="quote_num" label="报价数" min-width="10%"></el-table-column>
<el-table-column prop="create_time" label="报价时间" min-width="10%"></el-table-column>
</el-table>
</div>
</div>
<Menu/>
</section>
</template>
<script>
import Vue from 'vue';
import Menu from "@/components/menu.vue";
import {
Form,
FormItem,
Select,
Option,
Input,
DatePicker,
Button,
Dropdown,
DropdownMenu,
DropdownItem,
Table,
TableColumn,
Message,
MessageBox,
Dialog,
Pagination
} from 'element-ui'
Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog);
Vue.use(DatePicker).use(Dropdown).use(DropdownMenu).use(DropdownItem).use(TableColumn).use(Table).use(Pagination);
export default {
name: "InquireDetail",
data() {
return {
total: 0,
limit: 1,
page: 1,
tableData: [],
multipleSelection: [],
formInline: {
goods_name: '',
brand: '',
date: ''
}
};
},
watch: {},
created() {
this.getData();
},
computed: {},
methods: {
getData() {
this.$http('get', "/api/inquiry/getlist", {
page: this.page,
limit: this.limit,
goods_name: this.formInline.goods_name,
brand: this.formInline.brand,
start_time: this.formInline.date[0],
end_time: this.formInline.date[1]
}).then(res => {
if (res.err_code === 0) {
this.tableData = res.data.list || [];
this.total = res.data.count || 3;
} else {
Message(res.err_msg);
}
})
},
onSubmit() {
this.page = 1;
this.getData();
},
handleSelectionChange(val) {
this.multipleSelection = val;
},
handleCurrentChange(val) {
this.page = val;
this.getData();
}
},
components: {
Menu
}
};
</script>
<style scoped>
@import "../../assets/css/list/inquireDetail.min.css";
</style>
\ No newline at end of file
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