root/aio-jinbao
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

基础开发

Browse Source
This commit is contained in:
caill
2024-09-01 17:24:23 +08:00
commit 81b4328042
63 changed files with 13149 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
src/pages/index.vue Normal file
View File

@@ -0,0 +1,111 @@
<template>
<div class="zd-row contianer">
<div class="zd-col-8 l-wrap">
<div class="zd-row filter-item border-b-0">
<div class="zd-col-10 filter-label">站点</div>
<div class="zd-col-13 filter-value">10-10-1</div>
</div>
<div class="zd-row filter-item">
<div class="zd-col-10 filter-label">目标站点</div>
<div class="zd-col-13 filter-value">
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
</div>
<div class="zd-row filter-item">
<div class="zd-col-10 filter-label">物料类型</div>
<div class="zd-col-13 filter-value">
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
</div>
<div class="zd-row jcflexend button-wrap">
<button class="button btn-primary">确认下料</button>
</div>
<div class="zd-row filter-item">
<div class="zd-col-10 filter-label">区域</div>
<div class="zd-col-13 filter-value">
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
</div>
<div class="zd-row jcflexend button-wrap">
<button class="button btn-primary">区域管控</button>
</div>
<div class="zd-row filter-item">
<div class="zd-col-24 filter-value">
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
</div>
<div class="zd-row button-wrap">
<button class="zd-col-6_w button button_s btn-primary">取消</button>
<button class="zd-col-6_w button button_s btn-primary">强制完成</button>
<button class="zd-col-6_w button button_s btn-primary">放货确认</button>
<button class="zd-col-6_w button button_s btn-primary">卸货确认</button>
</div>
</div>
<div class="zd-col-16 r-wrap"></div>
</div>
</template>
<script>
export default {
data () {
return {
options: [{
value: '选项1',
label: '黄金糕'
}],
value: ''
}
}
}
</script>
<style lang="stylus" scoped>
@import '~@style/mixin'
.contianer
_wh(100vw, 100vh)
.l-wrap
height 100%
padding 1%
.r-wrap
height 100%
padding 1%
.zd-col-6_w
width 24%
.filter-item
height 50px
border-bottom 2px solid #fff
.border-b-0
border-bottom 0
.filter-label
_font(14px, 50px, #fff,,)
.filter-value
_font(16px, 50px, #fff,,right)
</style>