|
|
@@ -54,11 +54,14 @@
|
|
|
物品信息
|
|
|
</div>
|
|
|
<el-form-item label="物品类型" required>
|
|
|
- <div class="category_box">
|
|
|
+ <!-- <div class="category_box">
|
|
|
<div class="item" :class="form.productId === item.id ? 'active':''" v-for="(item,i) in products" :key="i" @click="$set(form,'productId',item.id)">
|
|
|
{{item.name}}
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
+ <el-radio-group class="category_box" v-model="form.productId">
|
|
|
+ <el-radio class="item" v-for="(item,i) in products" :key="i" :label="item.id">{{item.name}}</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="物品重量">
|
|
|
<div class="printer-num">
|
|
|
@@ -77,7 +80,7 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item label="发单时间">
|
|
|
<el-button @click="form.takeType = 0" :class="!form.takeType ? 'but active' : 'but'" type="info">立即发单</el-button>
|
|
|
- <el-button @click="form.takeType = 1" :class="form.takeType ? 'but active' : 'but'" type="info">预约发单</el-button>
|
|
|
+ <el-button @click="form.takeType = 1" :class="form.takeType ? 'but but-r active' : 'but'" type="info">预约发单</el-button>
|
|
|
<el-date-picker size="small" v-show="form.takeType === 1" v-model="form.takeTime" type="datetime" placeholder="选择日期时间" default-time="12:00:00">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
@@ -260,7 +263,7 @@ export default {
|
|
|
// 预约发单
|
|
|
if (this.form.takeType) {
|
|
|
this.form.takeTime = this.$tool.getFormatDate(this.form.takeTime);
|
|
|
- this.form.saveFlag = 1
|
|
|
+ this.form.saveFlag = 1;
|
|
|
this.saveOrder();
|
|
|
} else {
|
|
|
this.form.takeTime = this.$tool.getFormatDate(new Date());
|
|
|
@@ -334,7 +337,6 @@ export default {
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
width: calc(100% - 40px);
|
|
|
- // height: calc(100% - 40px);
|
|
|
padding: 20px;
|
|
|
background: #fff;
|
|
|
.moudle-list {
|
|
|
@@ -343,6 +345,13 @@ export default {
|
|
|
.moudle {
|
|
|
width: 600px;
|
|
|
margin: 0 100px 50px 0;
|
|
|
+ /deep/ .el-radio__input.is-checked .el-radio__inner {
|
|
|
+ border-color: #fc7200;
|
|
|
+ background: #fc7200;
|
|
|
+ }
|
|
|
+ /deep/ .el-radio__input.is-checked + .el-radio__label {
|
|
|
+ color: #fc7200;
|
|
|
+ }
|
|
|
.category_box {
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
@@ -352,11 +361,9 @@ export default {
|
|
|
.item {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- justify-content: center;
|
|
|
width: 92px;
|
|
|
height: 30px;
|
|
|
margin: 10px 10px 0 0;
|
|
|
- background: #f4f4f4;
|
|
|
border-radius: 2px;
|
|
|
cursor: pointer;
|
|
|
|
|
|
@@ -386,8 +393,8 @@ export default {
|
|
|
.btn {
|
|
|
width: 200px;
|
|
|
height: 40px;
|
|
|
+ font-size: 14px;
|
|
|
background: #fc7200;
|
|
|
-
|
|
|
border: #fc7200;
|
|
|
}
|
|
|
/deep/ .el-form {
|
|
|
@@ -400,20 +407,34 @@ export default {
|
|
|
}
|
|
|
.title {
|
|
|
font-weight: bold;
|
|
|
- color: #777777;
|
|
|
+ color: #333;
|
|
|
margin-bottom: 20px;
|
|
|
}
|
|
|
+ .title:before {
|
|
|
+ content: "";
|
|
|
+ display: inline-block;
|
|
|
+ width: 3px;
|
|
|
+ height: 14px;
|
|
|
+ background-color: #fc7200;
|
|
|
+ }
|
|
|
.but {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
- margin-right: 20px;
|
|
|
+ margin: 0;
|
|
|
+ border-radius: 0;
|
|
|
height: 32px;
|
|
|
+ background: #ebebeb;
|
|
|
+ border-color: #ebebeb;
|
|
|
+ color: #666;
|
|
|
&.active {
|
|
|
color: #ffffff;
|
|
|
background: #fc7200;
|
|
|
border-color: #fc7200 !important;
|
|
|
}
|
|
|
+ &.but-r {
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
}
|
|
|
.but1 {
|
|
|
display: flex;
|
|
|
@@ -436,8 +457,8 @@ export default {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
.reduce {
|
|
|
- width: 30px;
|
|
|
- height: 30px;
|
|
|
+ width: 32px;
|
|
|
+ height: 32px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
.num {
|
|
|
@@ -445,8 +466,8 @@ export default {
|
|
|
width: 150px;
|
|
|
}
|
|
|
.add {
|
|
|
- width: 30px;
|
|
|
- height: 30px;
|
|
|
+ width: 32px;
|
|
|
+ height: 32px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
.name {
|
Funny