Commit a8a12b25 authored by 黄奎's avatar 黄奎

页面修改

parent f24a462a
......@@ -163,7 +163,7 @@
style="padding-bottom: 10px; border-bottom: 1px solid rgb(255, 255, 255);">
<div>
<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 style="margin-left: 20px; color: rgb(255, 255, 255);">
......@@ -548,7 +548,7 @@
<div flex="dir:left cross:center"
style="background: rgb(255, 255, 255); padding: 10px; height: 80px;">
<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 flex="dir:top main:center" style="width: 100%; margin-left: 12px;">
<div flex="dir:left cross:center">
......@@ -568,7 +568,7 @@
<div flex="dir:left cross:center"
style="background: rgb(255, 255, 255); padding: 10px; height: 80px;">
<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 flex="dir:top main:center" style="width: 100%; margin-left: 12px;">
<div flex="dir:left cross:center">
......
<template>
<div class="verificationMember usersList">
<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 class="content">
<div>
<el-select class="w100" style="margin-right: 10px;" v-model="value" size="small" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
<el-select class="w100" style="margin-right: 10px;" v-model="value" size="small" placeholder="请选择">
......@@ -21,31 +17,21 @@
</el-option>
</el-select>
<div class="searchInput">
<el-input style="display:inline-block;width:225px;height:30px"
placeholder="请输入用户昵称搜索"
v-model="value"
size="small"
clearable>
<el-input style="display:inline-block;width:225px;height:30px" placeholder="请输入用户昵称搜索" v-model="value"
size="small" clearable>
</el-input>
<span class="el-icon-search" style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
</div>
</div>
<el-table
:data="tableData"
v-loading="loading"
border
style="width: 100%;margin:20px 0">
<el-table-column
prop="ID"
label="用户ID">
<el-table :data="tableData" v-loading="loading" border style="width: 100%;margin:20px 0">
<el-table-column prop="ID" label="用户ID">
</el-table-column>
<el-table-column
prop="address"
width="280"
label="用户">
<el-table-column prop="address" width="280" label="用户">
<template slot-scope="scope">
<div class="app-image" 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 class="app-image"
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>
<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;">
......@@ -54,32 +40,21 @@
<div>ow_7I5dE_g9Fe1BuBPKdk8RNtEj0</div>
</template>
</el-table-column>
<el-table-column
prop="name"
label="所属门店">
<el-table-column prop="name" label="所属门店">
</el-table-column>
<el-table-column
prop="name"
label="核销订单数">
<el-table-column prop="name" label="核销订单数">
</el-table-column>
<el-table-column
prop="name"
label="核销总额">
<el-table-column prop="name" label="核销总额">
<template slot-scope="scope">
<span class="blue">0</span>
</template>
</el-table-column>
<el-table-column
prop="name"
label="核销卡券数">
<el-table-column prop="name" label="核销卡券数">
<template slot-scope="scope">
<span class="blue">0</span>
</template>
</el-table-column>
<el-table-column
prop="address"
width="200"
label="操作">
<el-table-column prop="address" width="200" label="操作">
<template slot-scope="scope">
<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="">
......@@ -87,19 +62,12 @@
</template>
</el-table-column>
</el-table>
<el-pagination style="text-align:right"
background
@current-change="handleCurrentChange"
:page-size="msg.pageSize"
layout="prev, pager, next"
:total="total">
<el-pagination style="text-align:right" background @current-change="handleCurrentChange" :page-size="msg.pageSize"
layout="prev, pager, next" :total="total">
</el-pagination>
</div>
<!-- 选择导出信息 -->
<el-dialog
title="设置核销员"
:visible.sync="dialogVisible"
width="600px">
<el-dialog title="设置核销员" :visible.sync="dialogVisible" width="600px">
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px">
<el-form-item label="门店选择" prop="name">
<el-input style="width:230px" size="small" v-model="addMsg.name"></el-input>
......@@ -119,25 +87,27 @@
export default {
data() {
return {
loading:false,
addMsg:{},
dialogVisible:false,
value:'',
options:[],
tableData:[
{ID:'111'}
],
msg:{
pageIndex:1,
pageSize:15,
loading: false,
addMsg: {},
dialogVisible: false,
value: '',
options: [],
tableData: [{
ID: '111'
}],
msg: {
pageIndex: 1,
pageSize: 15,
},
total:0,
total: 0,
rules: {
name: [
{ required: true, message: '新手机号', trigger: 'blur' }
],
name: [{
required: true,
message: '新手机号',
trigger: 'blur'
}],
},
platList:[],
platList: [],
};
},
......@@ -149,7 +119,7 @@
this.msg.pageIndex = val;
this.getList();
},
getList(){
getList() {
},
getplat() {
......@@ -166,33 +136,38 @@
</script>
<style>
.usersList .blue{
color:#409EFF;
.usersList .blue {
color: #409EFF;
}
}
.usersList .content .searchInput{
.usersList .content .searchInput {
border: 1px solid #DCDFE6;
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;
line-height: 30px;
}
.usersList .content .searchInput{
}
.usersList .content .searchInput {
line-height: normal;
display: inline-table;
width: 100%;
border-collapse: separate;
border-spacing: 0;
width:250px;
width: 250px;
margin-right: 20px;
}
.usersList .content{
}
.usersList .content {
background: #fff;
margin-top:10px;
margin-top: 10px;
padding: 20px;
box-sizing: border-box;
}
}
</style>
......@@ -6,19 +6,11 @@
<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-item label="导入模板" prop="FilePath">
<el-input v-model="addMsg.FilePath" size="small" style="width:289px"
:disabled="true"
<el-input v-model="addMsg.FilePath" size="small" style="width:289px" :disabled="true"
class="input-with-select">
</el-input>
<!-- :http-request="UploadImage" -->
<el-upload
class="upload-demo"
ref="upload"
:action="importFileUrl"
:multiple="true"
:on-success="successUpload"
:show-file-list="false"
accept=".csv, .xlsx">
<el-upload 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-upload>
<el-button size="small" style="margin-left:20px">默认模板下载</el-button>
......@@ -31,46 +23,48 @@
</el-form-item>
</el-form>
</el-card>
<div style="margin-top:10px" >
<div style="margin-top:10px">
<el-button @click="Save('addMsg')" size="small" type="primary">提交</el-button>
</div>
</div>
</template>
<script>
export default {
export default {
data() {
return {
importFileUrl: this.domainManager().UploadFileUrl,
addMsg:{
FilePath:'',
ExpressId:'',
addMsg: {
FilePath: '',
ExpressId: '',
},
rules:{
ExpressId: [
{ required: true, message: '请选择快递公司', trigger: 'change' }
],
FilePath: [
{ required: true, message: '请选择导入模板', trigger: 'blur' }
],
rules: {
ExpressId: [{
required: true,
message: '请选择快递公司',
trigger: 'change'
}],
FilePath: [{
required: true,
message: '请选择导入模板',
trigger: 'blur'
}],
},
ExpressList:[],
ExpressList: [],
};
},
created() {
this.getExpressInfo();
},
methods: {
Save(formName){
Save(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
this.apipost("/api/order/SetOrderBatchSendGoods",this.addMsg,
this.apipost("/api/order/SetOrderBatchSendGoods", this.addMsg,
res => {
if (res.data.resultCode === 1) {
this.addMsg={
FilePath:'',
ExpressId:'',
this.addMsg = {
FilePath: '',
ExpressId: '',
}
this.Success(res.data.message);
} else {
......@@ -84,8 +78,8 @@ export default {
}
});
},
successUpload(file){
this.addMsg.FilePath=file.data;
successUpload(file) {
this.addMsg.FilePath = file.data;
},
// 快递公司
getExpressInfo() {
......@@ -97,17 +91,17 @@ export default {
}
})
},
},
mounted() {
}
};
};
</script>
<style>
.BulkShipment .upload-demo{
.BulkShipment .upload-demo {
display: inline-block;
position: relative;
left:-5px;
}
left: -5px;
}
</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