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="verificationMember usersList"> <div class="verificationMember usersList">
<div class="head-title"> <div class="head-title">
核销员 核销员
<el-button @click="dialogVisible=true" style="float:right;margin-top: -5px;" size="small" type="primary">添加核销员</el-button> <el-button @click="dialogVisible=true" style="float:right;margin-top: -5px;" size="small" type="primary">添加核销员
</el-button>
</div> </div>
<div class="content"> <div class="content">
<div> <div>
<el-select class="w100" style="margin-right: 10px;" v-model="value" size="small" placeholder="请选择"> <el-select class="w100" style="margin-right: 10px;" v-model="value" size="small" placeholder="请选择">
<el-option <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option> </el-option>
</el-select> </el-select>
<el-select class="w100" style="margin-right: 10px;" v-model="value" size="small" placeholder="请选择"> <el-select class="w100" style="margin-right: 10px;" v-model="value" size="small" placeholder="请选择">
...@@ -21,31 +17,21 @@ ...@@ -21,31 +17,21 @@
</el-option> </el-option>
</el-select> </el-select>
<div class="searchInput"> <div class="searchInput">
<el-input style="display:inline-block;width:225px;height:30px" <el-input style="display:inline-block;width:225px;height:30px" placeholder="请输入用户昵称搜索" v-model="value"
placeholder="请输入用户昵称搜索" size="small" clearable>
v-model="value"
size="small"
clearable>
</el-input> </el-input>
<span class="el-icon-search" style="color:#979dad;font-size:14px;position:relative;top:1px"></span> <span class="el-icon-search" style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
</div> </div>
</div> </div>
<el-table <el-table :data="tableData" v-loading="loading" border style="width: 100%;margin:20px 0">
:data="tableData" <el-table-column prop="ID" label="用户ID">
v-loading="loading"
border
style="width: 100%;margin:20px 0">
<el-table-column
prop="ID"
label="用户ID">
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="address" width="280" label="用户">
prop="address"
width="280"
label="用户">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="app-image" style="background-image: url('https://wx.qlogo.cn/mmopen/vi_32/HO8Q9ibH7UtSFzHs67f0MH6VWjftiboELYLBya5OxpZkHDlicLMq39gxRHS4NhOG1AUepQ13JdUyrT7eM52u6hAsg/132'); <div class="app-image"
background-size: cover; background-position: center center; width: 50px; height: 50px; border-radius: 0%; float: left; margin-right: 8px;"></div> style="background-image: url('https://wx.qlogo.cn/mmopen/vi_32/HO8Q9ibH7UtSFzHs67f0MH6VWjftiboELYLBya5OxpZkHDlicLMq39gxRHS4NhOG1AUepQ13JdUyrT7eM52u6hAsg/132');
background-size: cover; background-position: center center; width: 50px; height: 50px; border-radius: 0%; float: left; margin-right: 8px;">
</div>
<div flex="dir:left cross:center">易飞易&港中旅小李15351281772</div> <div flex="dir:left cross:center">易飞易&港中旅小李15351281772</div>
<img style="width:24px;height:24px" src="../../assets/img/userman/wx.png" alt="" class="platform-img"> <img style="width:24px;height:24px" src="../../assets/img/userman/wx.png" alt="" class="platform-img">
<button type="button" class="el-button el-button--success" style="float: right; padding: 5px !important;"> <button type="button" class="el-button el-button--success" style="float: right; padding: 5px !important;">
...@@ -54,32 +40,21 @@ ...@@ -54,32 +40,21 @@
<div>ow_7I5dE_g9Fe1BuBPKdk8RNtEj0</div> <div>ow_7I5dE_g9Fe1BuBPKdk8RNtEj0</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="name" label="所属门店">
prop="name"
label="所属门店">
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="name" label="核销订单数">
prop="name"
label="核销订单数">
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="name" label="核销总额">
prop="name"
label="核销总额">
<template slot-scope="scope"> <template slot-scope="scope">
<span class="blue">0</span> <span class="blue">0</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="name" label="核销卡券数">
prop="name"
label="核销卡券数">
<template slot-scope="scope"> <template slot-scope="scope">
<span class="blue">0</span> <span class="blue">0</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="address" width="200" label="操作">
prop="address"
width="200"
label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
<img style="width:32px;height:32px" src="../../assets/img/userman/edit.png" alt=""> <img style="width:32px;height:32px" src="../../assets/img/userman/edit.png" alt="">
<img style="width:32px;height:32px;margin:0 10px" src="../../assets/img/userman/integral.png" alt=""> <img style="width:32px;height:32px;margin:0 10px" src="../../assets/img/userman/integral.png" alt="">
...@@ -87,19 +62,12 @@ ...@@ -87,19 +62,12 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination style="text-align:right" <el-pagination style="text-align:right" background @current-change="handleCurrentChange" :page-size="msg.pageSize"
background layout="prev, pager, next" :total="total">
@current-change="handleCurrentChange"
:page-size="msg.pageSize"
layout="prev, pager, next"
:total="total">
</el-pagination> </el-pagination>
</div> </div>
<!-- 选择导出信息 --> <!-- 选择导出信息 -->
<el-dialog <el-dialog title="设置核销员" :visible.sync="dialogVisible" width="600px">
title="设置核销员"
:visible.sync="dialogVisible"
width="600px">
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px"> <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px">
<el-form-item label="门店选择" prop="name"> <el-form-item label="门店选择" prop="name">
<el-input style="width:230px" size="small" v-model="addMsg.name"></el-input> <el-input style="width:230px" size="small" v-model="addMsg.name"></el-input>
...@@ -119,25 +87,27 @@ ...@@ -119,25 +87,27 @@
export default { export default {
data() { data() {
return { return {
loading:false, loading: false,
addMsg:{}, addMsg: {},
dialogVisible:false, dialogVisible: false,
value:'', value: '',
options:[], options: [],
tableData:[ tableData: [{
{ID:'111'} ID: '111'
], }],
msg:{ msg: {
pageIndex:1, pageIndex: 1,
pageSize:15, pageSize: 15,
}, },
total:0, total: 0,
rules: { rules: {
name: [ name: [{
{ required: true, message: '新手机号', trigger: 'blur' } required: true,
], message: '新手机号',
trigger: 'blur'
}],
}, },
platList:[], platList: [],
}; };
}, },
...@@ -149,7 +119,7 @@ ...@@ -149,7 +119,7 @@
this.msg.pageIndex = val; this.msg.pageIndex = val;
this.getList(); this.getList();
}, },
getList(){ getList() {
}, },
getplat() { getplat() {
...@@ -166,33 +136,38 @@ ...@@ -166,33 +136,38 @@
</script> </script>
<style> <style>
.usersList .blue{ .usersList .blue {
color:#409EFF; color: #409EFF;
}
} .usersList .content .searchInput {
.usersList .content .searchInput{
border: 1px solid #DCDFE6; border: 1px solid #DCDFE6;
border-radius: 4px; border-radius: 4px;
} }
.usersList .content .searchInput .el-input__inner{
border:none;outline:none; .usersList .content .searchInput .el-input__inner {
border: none;
outline: none;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
} }
.usersList .content .searchInput{
.usersList .content .searchInput {
line-height: normal; line-height: normal;
display: inline-table; display: inline-table;
width: 100%; width: 100%;
border-collapse: separate; border-collapse: separate;
border-spacing: 0; border-spacing: 0;
width:250px; width: 250px;
margin-right: 20px; margin-right: 20px;
} }
.usersList .content{
.usersList .content {
background: #fff; background: #fff;
margin-top:10px; margin-top: 10px;
padding: 20px; padding: 20px;
box-sizing: border-box; box-sizing: border-box;
} }
</style> </style>
...@@ -6,19 +6,11 @@ ...@@ -6,19 +6,11 @@
<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>
<!-- :http-request="UploadImage" --> <el-upload class="upload-demo" ref="upload" :action="importFileUrl" :multiple="true"
<el-upload :on-success="successUpload" :show-file-list="false" accept=".csv, .xlsx">
class="upload-demo"
ref="upload"
:action="importFileUrl"
:multiple="true"
:on-success="successUpload"
:show-file-list="false"
accept=".csv, .xlsx">
<el-button size="small">选择文件</el-button> <el-button size="small">选择文件</el-button>
</el-upload> </el-upload>
<el-button size="small" style="margin-left:20px">默认模板下载</el-button> <el-button size="small" style="margin-left:20px">默认模板下载</el-button>
...@@ -31,46 +23,48 @@ ...@@ -31,46 +23,48 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-card> </el-card>
<div style="margin-top:10px" > <div style="margin-top:10px">
<el-button @click="Save('addMsg')" size="small" type="primary">提交</el-button> <el-button @click="Save('addMsg')" size="small" type="primary">提交</el-button>
</div> </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,
message: '请选择导入模板',
trigger: 'blur'
}],
}, },
ExpressList:[], 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 { } else {
...@@ -84,8 +78,8 @@ export default { ...@@ -84,8 +78,8 @@ export default {
} }
}); });
}, },
successUpload(file){ successUpload(file) {
this.addMsg.FilePath=file.data; this.addMsg.FilePath = file.data;
}, },
// 快递公司 // 快递公司
getExpressInfo() { getExpressInfo() {
...@@ -97,17 +91,17 @@ export default { ...@@ -97,17 +91,17 @@ export default {
} }
}) })
}, },
}, },
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