Commit a8a12b25 authored by 黄奎's avatar 黄奎

页面修改

parent f24a462a
...@@ -163,7 +163,7 @@ ...@@ -163,7 +163,7 @@
style="padding-bottom: 10px; border-bottom: 1px solid rgb(255, 255, 255);"> style="padding-bottom: 10px; border-bottom: 1px solid rgb(255, 255, 255);">
<div> <div>
<div class="app-image" <div class="app-image"
style="background: url(https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=480194109,2955193021) center center / cover rgb(227, 227, 227); width: 60px; height: 60px; border-radius: 999px; display: inline-block; border: 2px solid rgb(255, 255, 255);"> style="width: 60px; height: 60px; border-radius: 999px; display: inline-block; border: 2px solid rgb(255, 255, 255);">
</div> </div>
</div> </div>
<div style="margin-left: 20px; color: rgb(255, 255, 255);"> <div style="margin-left: 20px; color: rgb(255, 255, 255);">
...@@ -548,7 +548,7 @@ ...@@ -548,7 +548,7 @@
<div flex="dir:left cross:center" <div flex="dir:left cross:center"
style="background: rgb(255, 255, 255); padding: 10px; height: 80px;"> style="background: rgb(255, 255, 255); padding: 10px; height: 80px;">
<div class="app-image" <div class="app-image"
style="background-image: url(https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3740798461,1728086832); background-size: cover; background-position: center center; width: 50px; height: 50px; border-radius: 0%;"> style="background-size: cover; background-position: center center; width: 50px; height: 50px; border-radius: 0%;">
</div> </div>
<div flex="dir:top main:center" style="width: 100%; margin-left: 12px;"> <div flex="dir:top main:center" style="width: 100%; margin-left: 12px;">
<div flex="dir:left cross:center"> <div flex="dir:left cross:center">
...@@ -568,7 +568,7 @@ ...@@ -568,7 +568,7 @@
<div flex="dir:left cross:center" <div flex="dir:left cross:center"
style="background: rgb(255, 255, 255); padding: 10px; height: 80px;"> style="background: rgb(255, 255, 255); padding: 10px; height: 80px;">
<div class="app-image" <div class="app-image"
style="background-image: url(https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3740798461); background-size: cover; background-position: center center; width: 50px; height: 50px; border-radius: 0%;"> style="background-image: url(ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3740798461); background-size: cover; background-position: center center; width: 50px; height: 50px; border-radius: 0%;">
</div> </div>
<div flex="dir:top main:center" style="width: 100%; margin-left: 12px;"> <div flex="dir:top main:center" style="width: 100%; margin-left: 12px;">
<div flex="dir:left cross:center"> <div flex="dir:left cross:center">
......
<template> <template>
<div class="BulkShipment"> <div class="BulkShipment">
<div class="head-title"> <div class="head-title">
批量发货 批量发货
</div> </div>
<el-card style="margin-top:10px" class="box-card" shadow="never"> <el-card style="margin-top:10px" class="box-card" shadow="never">
<el-form class="app-batch" :model="addMsg" :rules="rules" ref="addMsg" label-width="180px"> <el-form class="app-batch" :model="addMsg" :rules="rules" ref="addMsg" label-width="180px">
<el-form-item label="导入模板" prop="FilePath"> <el-form-item label="导入模板" prop="FilePath">
<el-input v-model="addMsg.FilePath" size="small" style="width:289px" <el-input v-model="addMsg.FilePath" size="small" style="width:289px" :disabled="true"
:disabled="true" class="input-with-select">
class="input-with-select"> </el-input>
</el-input> <el-upload class="upload-demo" ref="upload" :action="importFileUrl" :multiple="true"
<!-- :http-request="UploadImage" --> :on-success="successUpload" :show-file-list="false" accept=".csv, .xlsx">
<el-upload <el-button size="small">选择文件</el-button>
class="upload-demo" </el-upload>
ref="upload" <el-button size="small" style="margin-left:20px">默认模板下载</el-button>
:action="importFileUrl" </el-form-item>
:multiple="true" <el-form-item label="选择快递公司" prop="ExpressId">
:on-success="successUpload" <el-select size="small" v-model="addMsg.ExpressId" placeholder="请选择">
:show-file-list="false" <el-option v-for="item in ExpressList" :key="item.ID" :label="item.Name" :value="item.ID">
accept=".csv, .xlsx"> </el-option>
<el-button size="small">选择文件</el-button> </el-select>
</el-upload> </el-form-item>
<el-button size="small" style="margin-left:20px">默认模板下载</el-button> </el-form>
</el-form-item> </el-card>
<el-form-item label="选择快递公司" prop="ExpressId"> <div style="margin-top:10px">
<el-select size="small" v-model="addMsg.ExpressId" placeholder="请选择"> <el-button @click="Save('addMsg')" size="small" type="primary">提交</el-button>
<el-option v-for="item in ExpressList" :key="item.ID" :label="item.Name" :value="item.ID"> </div>
</el-option>
</el-select>
</el-form-item>
</el-form>
</el-card>
<div style="margin-top:10px" >
<el-button @click="Save('addMsg')" size="small" type="primary">提交</el-button>
</div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
importFileUrl: this.domainManager().UploadFileUrl, importFileUrl: this.domainManager().UploadFileUrl,
addMsg:{ addMsg: {
FilePath:'', FilePath: '',
ExpressId:'', ExpressId: '',
}, },
rules:{ rules: {
ExpressId: [ ExpressId: [{
{ required: true, message: '请选择快递公司', trigger: 'change' } required: true,
], message: '请选择快递公司',
FilePath: [ trigger: 'change'
{ required: true, message: '请选择导入模板', trigger: 'blur' } }],
], FilePath: [{
}, required: true,
ExpressList:[], message: '请选择导入模板',
}; trigger: 'blur'
}],
},
ExpressList: [],
};
}, },
created() { created() {
this.getExpressInfo(); this.getExpressInfo();
}, },
methods: { methods: {
Save(formName){ Save(formName) {
this.$refs[formName].validate((valid) => { this.$refs[formName].validate((valid) => {
if (valid) { if (valid) {
this.apipost("/api/order/SetOrderBatchSendGoods",this.addMsg, this.apipost("/api/order/SetOrderBatchSendGoods", this.addMsg,
res => { res => {
if (res.data.resultCode === 1) { if (res.data.resultCode === 1) {
this.addMsg={ this.addMsg = {
FilePath:'', FilePath: '',
ExpressId:'', ExpressId: '',
} }
this.Success(res.data.message); this.Success(res.data.message);
} else {
this.Error(res.data.message);
}
},
null
);
} else { } else {
return false; this.Error(res.data.message);
} }
}); },
}, null
successUpload(file){ );
this.addMsg.FilePath=file.data; } else {
}, return false;
// 快递公司 }
getExpressInfo() { });
this.apipost("/api/MallBase/GetExpressInfo", {}, res => { },
if (res.data.resultCode == 1) { successUpload(file) {
this.ExpressList = res.data.data; this.addMsg.FilePath = file.data;
} else { },
this.Info(res.data.message); // 快递公司
} getExpressInfo() {
}) this.apipost("/api/MallBase/GetExpressInfo", {}, res => {
}, if (res.data.resultCode == 1) {
this.ExpressList = res.data.data;
} else {
this.Info(res.data.message);
}
})
},
}, },
mounted() { mounted() {
} }
}; };
</script> </script>
<style> <style>
.BulkShipment .upload-demo{ .BulkShipment .upload-demo {
display: inline-block; display: inline-block;
position: relative; position: relative;
left:-5px; left: -5px;
} }
</style> </style>
This diff is collapsed.
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 to comment