|
|
|
|
@ -3,93 +3,138 @@
|
|
|
|
|
<div class="avue-crud"> |
|
|
|
|
<el-row :gutter="24" class="rows"> |
|
|
|
|
<el-col :xl="7" :lg="7" :md="8" :sm="24" > |
|
|
|
|
<span style="padding-left: 10%" >当前签收单状态：{{basicdata.signingStatus}}</span> |
|
|
|
|
<span style="padding-left: 10%" >当前签收单状态>>>>>>>>> {{signfordata.signingStatusAll}}</span> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-divider>基本信息</el-divider> |
|
|
|
|
<el-row :gutter="24" class="rows"> |
|
|
|
|
<el-col :xl="7" :lg="7" :md="8" :sm="24" > |
|
|
|
|
<span>配送类型：{{deliverydata.kind}} </span> |
|
|
|
|
<el-col :xl="5" :lg="7" :md="8" :sm="24" > |
|
|
|
|
<span>预约单号：{{signfordata.reservationCode}} </span> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :xl="5" :lg="7" :md="8" :sm="24"> |
|
|
|
|
<span>商场名称：{{signfordata.mallName}} </span> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :xl="5" :lg="7" :md="8" :sm="24"> |
|
|
|
|
<span>预约时间：{{signfordata.reservationDate}} </span> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :xl="7" :lg="7" :md="8" :sm="24"> |
|
|
|
|
<span>配送车辆：{{deliverydata.vehicleName}} </span> |
|
|
|
|
<el-col :xl="3" :lg="7" :md="8" :sm="24"> |
|
|
|
|
<span>服务类型：{{signfordata.deliveryType}}</span> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-divider>订单列表</el-divider> |
|
|
|
|
<!-- <el-row>--> |
|
|
|
|
<!-- <!– 列表模块 –>--> |
|
|
|
|
<!-- <el-table ref="table" v-loading="loading"--> |
|
|
|
|
<!-- @selection-change="selectionChange"--> |
|
|
|
|
<!-- :data="data"--> |
|
|
|
|
<!-- :height="height"--> |
|
|
|
|
<!-- style="width: 100%"--> |
|
|
|
|
<!-- :border="option.border">--> |
|
|
|
|
<!-- <el-table-column type="expand" v-if="option.expand" align="center"></el-table-column>--> |
|
|
|
|
<!-- <template v-for="(item,index) in option.column">--> |
|
|
|
|
<!-- <!– table字段 –>--> |
|
|
|
|
<!-- <el-table-column v-if="item.hide!==true"--> |
|
|
|
|
<!-- :prop="item.prop"--> |
|
|
|
|
<!-- :label="item.label"--> |
|
|
|
|
<!-- align="center"--> |
|
|
|
|
<!-- :width="item.width"--> |
|
|
|
|
<!-- :key="index">--> |
|
|
|
|
<!-- </el-table-column>--> |
|
|
|
|
<!-- </template>--> |
|
|
|
|
<!-- <!– 操作栏模块 –>--> |
|
|
|
|
<!-- <el-table-column prop="menu" label="操作" :width="220" align="center">--> |
|
|
|
|
<!-- <template #="{row}">--> |
|
|
|
|
<!-- <el-button type="primary" text icon="el-icon-view" @click="handleView(row)">查看</el-button>--> |
|
|
|
|
<!-- </template>--> |
|
|
|
|
<!-- </el-table-column>--> |
|
|
|
|
<!-- </el-table>--> |
|
|
|
|
<!-- </el-row>--> |
|
|
|
|
<el-row> |
|
|
|
|
<div class="avue-crud__pagination" style="width:100%"> |
|
|
|
|
<!-- 分页模块 --> |
|
|
|
|
<!-- <el-pagination align="right"--> |
|
|
|
|
<!-- background--> |
|
|
|
|
<!-- @size-change="sizeChange"--> |
|
|
|
|
<!-- @current-change="currentChange"--> |
|
|
|
|
<!-- :current-page="page.currentPage"--> |
|
|
|
|
<!-- :page-sizes="[10, 20, 30, 40, 50, 100]"--> |
|
|
|
|
<!-- :page-size="page.pageSize"--> |
|
|
|
|
<!-- layout="total, sizes, prev, pager, next, jumper"--> |
|
|
|
|
<!-- :total="page.total">--> |
|
|
|
|
<!-- </el-pagination>--> |
|
|
|
|
</div> |
|
|
|
|
<el-divider>收货人信息</el-divider> |
|
|
|
|
<el-row :gutter="24" class="rows"> |
|
|
|
|
<el-col :xl="7" :lg="7" :md="10" :sm="24" > |
|
|
|
|
<span>收货人：{{signfordata.consignee}} </span> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :xl="7" :lg="7" :md="10" :sm="24"> |
|
|
|
|
<span>手机号码：{{signfordata.deliveryPhone}} </span> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :xl="7" :lg="7" :md="10" :sm="24"> |
|
|
|
|
<span>收货地址：{{signfordata.deliveryAddress}} </span> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<!-- 表单模块 --> |
|
|
|
|
<!-- <el-dialog :title="title"--> |
|
|
|
|
<!-- v-model="box"--> |
|
|
|
|
<!-- width="50%"--> |
|
|
|
|
<!-- :before-close="beforeClose"--> |
|
|
|
|
<!-- append-to-body>--> |
|
|
|
|
<!-- <el-table ref="table" v-loading="loading"--> |
|
|
|
|
<!-- @selection-change="selectionChange"--> |
|
|
|
|
<!-- :data="wrapdata"--> |
|
|
|
|
<!-- :height="height"--> |
|
|
|
|
<!-- style="width: 100%"--> |
|
|
|
|
<!-- :border="option.border">--> |
|
|
|
|
<!-- <el-table-column type="expand" v-if="option.expand" align="center"></el-table-column>--> |
|
|
|
|
<!-- <template v-for="(item,index) in wrapoption.column">--> |
|
|
|
|
<!-- <!– table字段 –>--> |
|
|
|
|
<!-- <el-table-column v-if="item.hide!==true"--> |
|
|
|
|
<!-- :prop="item.prop"--> |
|
|
|
|
<!-- :label="item.label"--> |
|
|
|
|
<!-- align="center"--> |
|
|
|
|
<!-- :width="item.width"--> |
|
|
|
|
<!-- :key="index">--> |
|
|
|
|
<!-- </el-table-column>--> |
|
|
|
|
<!-- </template>--> |
|
|
|
|
<!-- </el-table>--> |
|
|
|
|
<!-- <!– 表单按钮 –>--> |
|
|
|
|
<!-- <template #footer>--> |
|
|
|
|
<!-- <span v-if="!view" class="dialog-footer">--> |
|
|
|
|
<!-- <el-button type="primary" icon="el-icon-circle-check" @click="handleSubmit">提 交</el-button>--> |
|
|
|
|
<!-- <el-button icon="el-icon-circle-close" @click="box = false">取 消</el-button>--> |
|
|
|
|
<!-- </span>--> |
|
|
|
|
<!-- </template>--> |
|
|
|
|
<!-- </el-dialog>--> |
|
|
|
|
<!-- <el-divider>服务内容</el-divider>--> |
|
|
|
|
<!-- <div class="topbox">--> |
|
|
|
|
<!-- <div class="titlxbx">--> |
|
|
|
|
<!-- <div>--> |
|
|
|
|
<!-- <div>上楼</div>--> |
|
|
|
|
<!-- <div>2178501088045989849</div>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- <div>--> |
|
|
|
|
<!-- <div>货物件数：</div>--> |
|
|
|
|
<!-- <div>预估费用：500.00</div>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- <div class="titlxbx">--> |
|
|
|
|
<!-- <div>--> |
|
|
|
|
<!-- <div>超区</div>--> |
|
|
|
|
<!-- <div>超区公里：10KM</div>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- <div>--> |
|
|
|
|
<!-- <div></div>--> |
|
|
|
|
<!-- <div>预估费用：500.00</div>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- <div class="titlxbx">--> |
|
|
|
|
<!-- <div>--> |
|
|
|
|
<!-- <div>拆样</div>--> |
|
|
|
|
<!-- <div>货物件数：10件</div>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- <div>--> |
|
|
|
|
<!-- <div></div>--> |
|
|
|
|
<!-- <div>预估费用：500.00</div>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- <div class="titlxbx">--> |
|
|
|
|
<!-- <div>--> |
|
|
|
|
<!-- <div>返货</div>--> |
|
|
|
|
<!-- <div>货物件数：10件</div>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- <div>--> |
|
|
|
|
<!-- <div></div>--> |
|
|
|
|
<!-- <div>预估费用：500.00</div>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- <div class="titlxbx">--> |
|
|
|
|
<!-- <div>--> |
|
|
|
|
<!-- <div>搬运</div>--> |
|
|
|
|
<!-- <div>人员：张三，李四</div>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- <div>--> |
|
|
|
|
<!-- <div></div>--> |
|
|
|
|
<!-- <div></div>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
|
|
|
|
|
<!-- <div class="titlxbx">--> |
|
|
|
|
<!-- <div>--> |
|
|
|
|
<!-- <div>返货</div>--> |
|
|
|
|
<!-- <div>货物件数：10件</div>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- <div>--> |
|
|
|
|
<!-- <div></div>--> |
|
|
|
|
<!-- <div>预估费用：500.00</div>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
|
|
|
|
|
<!-- <div class="titlxbx">--> |
|
|
|
|
<!-- <div>--> |
|
|
|
|
<!-- <div>到付运费</div>--> |
|
|
|
|
<!-- <div></div>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- <div>--> |
|
|
|
|
<!-- <div></div>--> |
|
|
|
|
<!-- <div>费用：500.00</div>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- <div class="titlxbx">--> |
|
|
|
|
<!-- <div>--> |
|
|
|
|
<!-- <div>代收货款</div>--> |
|
|
|
|
<!-- <div></div>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- <div>--> |
|
|
|
|
<!-- <div></div>--> |
|
|
|
|
<!-- <div>费用：500.00</div>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
<!-- </div>--> |
|
|
|
|
|
|
|
|
|
<!-- </div>--> |
|
|
|
|
<el-divider>订单信息</el-divider> |
|
|
|
|
<tablecmt |
|
|
|
|
:columnList="columnList" |
|
|
|
|
:tableData="data" |
|
|
|
|
:loading="loading" |
|
|
|
|
@inputTxt="inputsc" |
|
|
|
|
@timeCheck="timesc" |
|
|
|
|
@btnCheck="btnsc" |
|
|
|
|
@selectCheck="selectsc" |
|
|
|
|
@selection="selectionsc" |
|
|
|
|
> |
|
|
|
|
<template #default="slotProps"> |
|
|
|
|
<el-button size="small" @click="editsolt(slotProps.scope.row)">查 看 包 条</el-button> |
|
|
|
|
<el-button size="small" @click="costadd(slotProps.scope.row)">费 用 增 项</el-button> |
|
|
|
|
</template> |
|
|
|
|
</tablecmt> |
|
|
|
|
</div> |
|
|
|
|
</basic-container> |
|
|
|
|
</template> |
|
|
|
|
@ -113,7 +158,7 @@ export default {
|
|
|
|
|
search: true, |
|
|
|
|
// 是否显示新增 |
|
|
|
|
isadd: false, |
|
|
|
|
deliverydata:{}, |
|
|
|
|
signfordata:{}, |
|
|
|
|
// 加载中 |
|
|
|
|
loading: true, |
|
|
|
|
// 查看按钮 |
|
|
|
|
@ -125,6 +170,69 @@ export default {
|
|
|
|
|
// 查询信息 |
|
|
|
|
query: {}, |
|
|
|
|
inputTypeData:[], |
|
|
|
|
columnList: [ |
|
|
|
|
// { |
|
|
|
|
// prop: '', |
|
|
|
|
// label: '序号', |
|
|
|
|
// type: 0, |
|
|
|
|
// values: '', |
|
|
|
|
// width: 55, |
|
|
|
|
// checkarr: [], |
|
|
|
|
// fixed: true, |
|
|
|
|
// }, |
|
|
|
|
{ |
|
|
|
|
prop: 'orderSelfNumbering', |
|
|
|
|
label: '订单自编号', |
|
|
|
|
type: 2, |
|
|
|
|
values: '', |
|
|
|
|
width: '150', |
|
|
|
|
checkarr: [], |
|
|
|
|
fixed: true, |
|
|
|
|
sortable: true, |
|
|
|
|
// head: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'waybillNumber', |
|
|
|
|
label: '运单号', |
|
|
|
|
type: 2, |
|
|
|
|
values: '', |
|
|
|
|
width: '150', |
|
|
|
|
checkarr: [], |
|
|
|
|
fixed: false, |
|
|
|
|
sortable: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'signinQuantity', |
|
|
|
|
label: '数量', |
|
|
|
|
type: 1, |
|
|
|
|
values: '', |
|
|
|
|
width: '180', |
|
|
|
|
checkarr: [], |
|
|
|
|
fixed: false, |
|
|
|
|
sortable: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: 'mallName', |
|
|
|
|
label: '商城', |
|
|
|
|
type: 2, |
|
|
|
|
values: '', |
|
|
|
|
width: '180', |
|
|
|
|
checkarr: [], |
|
|
|
|
fixed: false, |
|
|
|
|
sortable: true, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
prop: '', |
|
|
|
|
label: '操作', |
|
|
|
|
type: 6, |
|
|
|
|
values: '', |
|
|
|
|
width: '150', |
|
|
|
|
checkarr: [], |
|
|
|
|
fixed:'right', |
|
|
|
|
sortable: false, |
|
|
|
|
} |
|
|
|
|
// 更多列的配置... |
|
|
|
|
], |
|
|
|
|
// 分页信息 |
|
|
|
|
page: { |
|
|
|
|
currentPage: 1, |
|
|
|
|
@ -138,21 +246,7 @@ export default {
|
|
|
|
|
isLiabilityData: [], |
|
|
|
|
//状态列表 |
|
|
|
|
stateData: [], |
|
|
|
|
// 表单配置 |
|
|
|
|
basicoption: { |
|
|
|
|
menu:false, |
|
|
|
|
index: false, |
|
|
|
|
border: false, |
|
|
|
|
selection: false, |
|
|
|
|
column: [ |
|
|
|
|
{ |
|
|
|
|
label: "客户配送单号", |
|
|
|
|
prop: "noteNumber", |
|
|
|
|
search: true, |
|
|
|
|
width:"100px" |
|
|
|
|
}, |
|
|
|
|
] |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// 表单配置 |
|
|
|
|
wrapoption: { |
|
|
|
|
expand: false, |
|
|
|
|
@ -160,36 +254,7 @@ export default {
|
|
|
|
|
border: true, |
|
|
|
|
selection: true, |
|
|
|
|
column: [ |
|
|
|
|
{ |
|
|
|
|
label: "包条码", |
|
|
|
|
prop: "packetBarCode", |
|
|
|
|
search: true, |
|
|
|
|
width:"100px" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "一级品类", |
|
|
|
|
prop: "firsts", |
|
|
|
|
search: true, |
|
|
|
|
width:"100px" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "二级品类", |
|
|
|
|
prop: "second", |
|
|
|
|
search: true, |
|
|
|
|
width:"100px" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "三级品类", |
|
|
|
|
prop: "thirdProduct", |
|
|
|
|
search: true, |
|
|
|
|
width:"100px" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "物料名称", |
|
|
|
|
prop: "material", |
|
|
|
|
search: true, |
|
|
|
|
width:"100px" |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
] |
|
|
|
|
@ -269,6 +334,47 @@ export default {
|
|
|
|
|
this.page.currentPage = 1; |
|
|
|
|
this.onLoad(this.page); |
|
|
|
|
}, |
|
|
|
|
costadd(scope) { |
|
|
|
|
const { row } = scope; |
|
|
|
|
}, |
|
|
|
|
selectionsc(value) { |
|
|
|
|
console.log("进来了>>>>>>>>>>>>>",value); |
|
|
|
|
}, |
|
|
|
|
delectsolt(scope) { |
|
|
|
|
const { row } = scope; |
|
|
|
|
console.log(row); |
|
|
|
|
}, |
|
|
|
|
handleClose(done) { |
|
|
|
|
this.$confirm('确认关闭？') |
|
|
|
|
.then(_ => { |
|
|
|
|
done(); |
|
|
|
|
}) |
|
|
|
|
.catch(_ => { |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
editsolt(scope) { |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
btnsc(index, row) { |
|
|
|
|
console.log(index, row); |
|
|
|
|
}, |
|
|
|
|
selectsc(index, row) { |
|
|
|
|
this.query[row.prop] =index |
|
|
|
|
if (!index){ |
|
|
|
|
delete this.query[row.prop] |
|
|
|
|
} |
|
|
|
|
this.onLoad(this.page); |
|
|
|
|
}, |
|
|
|
|
timesc(index, row) { |
|
|
|
|
console.log(index, row); |
|
|
|
|
}, |
|
|
|
|
inputsc(index, row) { |
|
|
|
|
this.query[row.prop] =index |
|
|
|
|
if (!index){ |
|
|
|
|
delete this.query[row.prop] |
|
|
|
|
} |
|
|
|
|
this.onLoad(this.page); |
|
|
|
|
}, |
|
|
|
|
handleSubmit() { |
|
|
|
|
this.$refs.form.validate(valid => { |
|
|
|
|
if (valid) { |
|
|
|
|
@ -387,17 +493,155 @@ export default {
|
|
|
|
|
this.page.pageSize = pageSize; |
|
|
|
|
this.onLoad(this.page); |
|
|
|
|
}, |
|
|
|
|
onLoad() { |
|
|
|
|
onLoad(page) { |
|
|
|
|
//查询详情 |
|
|
|
|
this.loading = true; |
|
|
|
|
let id = this.$route.query.id; |
|
|
|
|
getDetail(id).then(res => { |
|
|
|
|
const data = res.data.data |
|
|
|
|
this.basicdata = data |
|
|
|
|
this.data = res.data.data.reservationList |
|
|
|
|
this.signfordata = data |
|
|
|
|
//this.data = res.data.data.reservationList |
|
|
|
|
}); |
|
|
|
|
this.loading = false; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style lang="scss"> |
|
|
|
|
.btsbx{ |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: center; |
|
|
|
|
margin-top: 20px; |
|
|
|
|
>button{ |
|
|
|
|
width: 120px; |
|
|
|
|
height: 40px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.maxitembxlist{ |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
// padding: 10px; |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
margin-top: 20px; |
|
|
|
|
>.items{ |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
width: 100%; |
|
|
|
|
background-color: #fcfcfc; |
|
|
|
|
padding: 10px; |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
border: 1px solid #e2e0e0; |
|
|
|
|
border-radius: 2px; |
|
|
|
|
margin-bottom: 20px; |
|
|
|
|
&:nth-last-child(1){ |
|
|
|
|
margin-bottom: 0; |
|
|
|
|
} |
|
|
|
|
>.contbx{ |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
width: 100%; |
|
|
|
|
margin-top: 10px; |
|
|
|
|
>.tabitem{ |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
>div{ |
|
|
|
|
flex: 1; |
|
|
|
|
height: 45px; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: center; |
|
|
|
|
background-color: #f3f3f3; |
|
|
|
|
border: 1px solid #e2e0e0; |
|
|
|
|
margin-bottom: -2px; |
|
|
|
|
margin-right: -2px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
>.contentitem{ |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
>div{ |
|
|
|
|
flex: 1; |
|
|
|
|
height: 45px; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: center; |
|
|
|
|
background-color: #ffffff; |
|
|
|
|
border: 1px solid #e2e0e0; |
|
|
|
|
margin-bottom: -2px; |
|
|
|
|
margin-right: -2px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
>.titltophead{ |
|
|
|
|
width: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
.icons{ |
|
|
|
|
font-size: 27px; |
|
|
|
|
&:nth-of-type(1){ |
|
|
|
|
margin-right: 8px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
>.editinput{ |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
padding: 20px 0; |
|
|
|
|
>.inputitem{ |
|
|
|
|
display: flex; |
|
|
|
|
align-items: flex-start; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
&:nth-last-child(1){ |
|
|
|
|
margin-bottom: 0; |
|
|
|
|
} |
|
|
|
|
.inpts{ |
|
|
|
|
display: flex; |
|
|
|
|
align-items: flex-start; |
|
|
|
|
|
|
|
|
|
flex: 1; |
|
|
|
|
padding-right: 10px; |
|
|
|
|
>span{ |
|
|
|
|
width: 90px; |
|
|
|
|
} |
|
|
|
|
>div:nth-of-type(1){ |
|
|
|
|
flex: 1; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.topbox{ |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
>.titlxbx{ |
|
|
|
|
font-size: 16px; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
>div{ |
|
|
|
|
flex: 1; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
>div{ |
|
|
|
|
flex: 1; |
|
|
|
|
height: 40px; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: center; |
|
|
|
|
border: 1px solid #e2e0e0; |
|
|
|
|
margin-bottom: -1px; |
|
|
|
|
margin-right: -1px; |
|
|
|
|
word-break: break-all; |
|
|
|
|
&:nth-of-type(1){ |
|
|
|
|
background-color: #f3f3f3; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
