添加订单设置页面

src/api/orderSetting.js

@@ -0,0 +1,15 @@
+import request from '@/utils/request'
+export function getOrderSetting(id) {
+ return request({
+ url:'/orderSetting/'+id,
+ method:'get',
+ })
+}
+
+export function updateOrderSetting(id,data) {
+ return request({
+ url:'/orderSetting/update/'+id,
+ method:'post',
+ data:data
+ })
+}

src/styles/index.scss

@@ -95,7 +95,7 @@ a:hover {
  position: absolute;
  left: 0;
  right: 0;
- width: 600px;
+ width: 720px;
  padding: 35px 35px 15px 35px;
  margin: 20px auto;
 }

src/views/oms/order/deliverOrderList.vue

@@ -53,9 +53,9 @@
  import {deliveryOrder} from '@/api/order'
  const defaultLogisticsCompanies=["顺丰快递","圆通快递","中通快递","韵达快递"];
  export default {
+ name: 'deliverOrderList',
  data() {
  return {
- name: 'deliverOrderList',
  list:[],
  companyOptions:defaultLogisticsCompanies
  }

src/views/oms/order/setting.vue

@@ -1,13 +1,127 @@
 <template> 
- <div> {{msg}}</div>
+ <el-card class="form-container" shadow="never">
+ <el-form :model="orderSetting"
+ ref="orderSettingForm"
+ :rules="rules"
+ label-width="150px">
+ <el-form-item label="秒杀订单超过：" prop="flashOrderOvertime">
+ <el-input v-model="orderSetting.flashOrderOvertime" class="input-width">
+ <template slot="append">分</template>
+ </el-input>
+ <span class="note-margin">未付款，订单自动关闭</span>
+ </el-form-item>
+ <el-form-item label="正常订单超过：" prop="normalOrderOvertime">
+ <el-input v-model="orderSetting.normalOrderOvertime" class="input-width">
+ <template slot="append">分</template>
+ </el-input>
+ <span class="note-margin">未付款，订单自动关闭</span>
+ </el-form-item>
+ <el-form-item label="发货超过：" prop="confirmOvertime">
+ <el-input v-model="orderSetting.confirmOvertime" class="input-width">
+ <template slot="append">天</template>
+ </el-input>
+ <span class="note-margin">未收货，订单自动完成</span>
+ </el-form-item>
+ <el-form-item label="订单完成超过：" prop="finishOvertime">
+ <el-input v-model="orderSetting.finishOvertime" class="input-width">
+ <template slot="append">天</template>
+ </el-input>
+ <span class="note-margin">自动结束交易，不能申请售后</span>
+ </el-form-item>
+ <el-form-item label="订单完成超过：" prop="commentOvertime">
+ <el-input v-model="orderSetting.commentOvertime" class="input-width">
+ <template slot="append">天</template>
+ </el-input>
+ <span class="note-margin">自动五星好评</span>
+ </el-form-item>
+ <el-form-item>
+ <el-button
+ @click="confirm('orderSettingForm')"
+ type="primary">提交</el-button>
+ </el-form-item>
+ </el-form>
+ </el-card>
 </template>
 <script>
+ import {getOrderSetting,updateOrderSetting} from '@/api/orderSetting';
+ const defaultOrderSetting = {
+ id: null,
+ flashOrderOvertime: 0,
+ normalOrderOvertime: 0,
+ confirmOvertime: 0,
+ finishOvertime: 0,
+ commentOvertime: 0
+ };
+ const checkTime = (rule, value, callback) => {
+ if (!value) {
+ return callback(new Error('时间不能为空'));
+ }
+ console.log("checkTime",value);
+ let intValue = parseInt(value);
+ if (!Number.isInteger(intValue)) {
+ return callback(new Error('请输入数字值'));
+ }
+ callback();
+ };
  export default {
+ name: 'orderSetting',
  data() {
- return {msg: '订单设置'}
+ return {
+ orderSetting: Object.assign({}, defaultOrderSetting),
+ rules: {
+ flashOrderOvertime:{validator: checkTime, trigger: 'blur' },
+ normalOrderOvertime:{validator: checkTime, trigger: 'blur' },
+ confirmOvertime: {validator: checkTime, trigger: 'blur' },
+ finishOvertime: {validator: checkTime, trigger: 'blur' },
+ commentOvertime:{validator: checkTime, trigger: 'blur' }
+ }
+ }
+ },
+ created(){
+ this.getDetail();
+ },
+ methods:{
+ confirm(formName){
+ this.$refs[formName].validate((valid) => {
+ if (valid) {
+ this.$confirm('是否要提交修改?', '提示', {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: 'warning'
+ }).then(() => {
+ updateOrderSetting(1,this.orderSetting).then(response=>{
+ this.$message({
+ type: 'success',
+ message: '提交成功!',
+ duration:1000
+ });
+ })
+ });
+ } else {
+ this.$message({
+ message: '提交参数不合法',
+ type: 'warning'
+ });
+ return false;
+ }
+ });
+ },
+ getDetail(){
+ getOrderSetting(1).then(response=>{
+ this.orderSetting=response.data;
+ })
+ }
  }
  }
 </script>
-<style></style>
+<style scoped>
+ .input-width {
+ width: 50%;
+ }
+
+ .note-margin {
+ margin-left: 15px;
+ }
+</style>