Commit 7eb81def authored by 黄奎's avatar 黄奎

页面修改

parent 81a00218
......@@ -2,179 +2,82 @@
<div class="orderList">
<div class="head-title">
订单列表
<el-upload
class="upload-demo"
ref="upload"
:action="importFileUrl"
:multiple="true"
:on-success="successUpload"
:show-file-list="false"
accept=".csv"
>
<el-upload class="upload-demo" ref="upload" :action="importFileUrl" :multiple="true" :on-success="successUpload"
:show-file-list="false" accept=".csv">
<el-button :loading="btnLoad" size="small" type="primary">
赞羊导入</el-button
>
赞羊导入</el-button>
</el-upload>
<el-button
@click="dialogVisible = true"
style="float: right; margin-top: -5px"
size="small"
type="primary"
>批量导出
<el-button @click="dialogVisible = true" style="float: right; margin-top: -5px" size="small" type="primary">批量导出
</el-button>
<el-button
@click="ClearHsz"
style="float: right; margin-top: -5px; margin-right: 20px"
size="small"
type="primary"
>
清空回收站</el-button
>
<el-button @click="ClearHsz" style="float: right; margin-top: -5px; margin-right: 20px" size="small"
type="primary">
清空回收站</el-button>
</div>
<div class="content">
<div>
<span>下单时间:</span>
<el-date-picker
v-model="dateList"
@change="(msg.pageIndex = 1), getList()"
size="small"
type="datetimerange"
range-separator="至"
value-format="yyyy-MM-dd HH:mm:ss"
start-placeholder="开始日期"
end-placeholder="结束日期"
>
<el-date-picker v-model="dateList" @change="(msg.pageIndex = 1), getList()" size="small" type="datetimerange"
range-separator="至" value-format="yyyy-MM-dd HH:mm:ss" start-placeholder="开始日期" end-placeholder="结束日期">
</el-date-picker>
<span style="margin-left: 15px">所属平台:</span>
<el-select
class="w120"
@change="(msg.pageIndex = 1), getList()"
v-model="msg.OrderSource"
size="small"
placeholder="请选择"
>
<el-select class="w120" @change="(msg.pageIndex = 1), getList()" v-model="msg.OrderSource" size="small"
placeholder="请选择">
<el-option label="全部平台" :value="0"></el-option>
<el-option
v-for="item in platList"
:key="item.Id"
:label="item.Name"
:value="item.Id"
>
<el-option v-for="item in platList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
<span style="margin-left: 15px">订单类型:</span>
<el-select
class="w120"
@change="(msg.pageIndex = 1), getList()"
v-model="msg.OrderType"
size="small"
placeholder="请选择"
>
<el-select class="w120" @change="(msg.pageIndex = 1), getList()" v-model="msg.OrderType" size="small"
placeholder="请选择">
<el-option label="全部订单" :value="0"></el-option>
<el-option
v-for="item in orderTypeList"
:key="item.Id"
:label="item.Name"
:value="item.Id"
>
<el-option v-for="item in orderTypeList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
<span style="margin-left: 15px">配送方式:</span>
<el-select
class="w120"
@change="(msg.pageIndex = 1), getList()"
v-model="msg.DeliveryMethod"
size="small"
placeholder="请选择"
>
<el-select class="w120" @change="(msg.pageIndex = 1), getList()" v-model="msg.DeliveryMethod" size="small"
placeholder="请选择">
<el-option label="全部订单" :value="0"></el-option>
<el-option
v-for="item in deliveryList"
:key="item.Id"
:label="item.Name"
:value="item.Id"
>
<el-option v-for="item in deliveryList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
<el-input
@clear="(msg.pageIndex = 1), getList()"
@keyup.enter.native="(msg.pageIndex = 1), getList()"
clearable
style="margin-left: 15px; width: 300px"
class="input-with-select"
placeholder="请输入内容"
v-model="msgVal"
size="small"
>
<el-select
class="pendSelect"
@change="ChangeId"
v-model="msgId"
slot="prepend"
placeholder="请选择"
>
<el-option
v-for="item in option"
:key="item.Id"
:label="item.name"
:value="item.Id"
>
<el-input @clear="(msg.pageIndex = 1), getList()" @keyup.enter.native="(msg.pageIndex = 1), getList()" clearable
style="margin-left: 15px; width: 300px" class="input-with-select" placeholder="请输入内容" v-model="msgVal"
size="small">
<el-select class="pendSelect" @change="ChangeId" v-model="msgId" slot="prepend" placeholder="请选择">
<el-option v-for="item in option" :key="item.Id" :label="item.name" :value="item.Id">
</el-option>
</el-select>
</el-input>
</div>
<div
style="
<div style="
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
"
>
">
<div>
<span style="margin-left: 15px">线下订单:</span>
<el-select
class="w120"
@change="(msg.pageIndex = 1), getList()"
v-model="msg.IsOffline"
size="small"
placeholder="请选择"
>
<el-select class="w120" @change="(msg.pageIndex = 1), getList()" v-model="msg.IsOffline" size="small"
placeholder="请选择">
<el-option label="不限" :value="-1"></el-option>
<el-option label="是" :value="1"></el-option>
<el-option label="否" :value="0"></el-option>
</el-select>
<span style="margin-left: 15px">主播名称:</span>
<el-input
@clear="(msg.pageIndex = 1), getList()"
@keyup.enter.native="(msg.pageIndex = 1), getList()"
clearable
style="margin-top: 10px; width: 200px"
class="input-with-select"
placeholder="请输入主播名称"
v-model="msg.AnchorName"
size="small"
>
<el-input @clear="(msg.pageIndex = 1), getList()" @keyup.enter.native="(msg.pageIndex = 1), getList()"
clearable style="margin-top: 10px; width: 200px" class="input-with-select" placeholder="请输入主播名称"
v-model="msg.AnchorName" size="small">
</el-input>
<el-checkbox
v-model="IsSelectPayMoney"
true-label="1"
false-label="0"
style="margin-left: 15px"
@change="(msg.pageIndex = 1), getList()"
>只看已付款</el-checkbox
>
</div>
<div
style="
<el-checkbox v-model="IsSelectPayMoney" true-label="1" false-label="0" style="margin-left: 15px"
@change="(msg.pageIndex = 1), getList()">只看已付款</el-checkbox>
</div>
<div style="
display: flex;
flex-direction: row;
align-items: center;
font-size: 12px;
"
v-if="TenantId == 1||TenantId == 15"
>
" v-if="TenantId == 1||TenantId == 15">
<div class="fkbox">
<div class="fkbox_item" style="background: #00ffff"></div>
<span>暂存</span>
......@@ -202,31 +105,12 @@
</div>
</div>
<div>
<el-tabs
style="margin-top: 20px"
v-model="activeName"
@tab-click="handleClick"
>
<el-tab-pane
:dataId="0"
label="全部"
name="first"
:key="0"
></el-tab-pane>
<el-tab-pane
v-for="item in orderStatusList"
:key="item.Id"
:dataId="item.Id"
:name="item.Id.toString()"
:label="item.Name"
>
<el-tabs style="margin-top: 20px" v-model="activeName" @tab-click="handleClick">
<el-tab-pane :dataId="0" label="全部" name="first" :key="0"></el-tab-pane>
<el-tab-pane v-for="item in orderStatusList" :key="item.Id" :dataId="item.Id" :name="item.Id.toString()"
:label="item.Name">
</el-tab-pane>
<el-tab-pane
:dataId="8"
label="回收站"
:key="8"
name="8"
></el-tab-pane>
<el-tab-pane :dataId="8" label="回收站" :key="8" name="8"></el-tab-pane>
</el-tabs>
<div class="app-order-title">
<div style="width: 55%">订单信息</div>
......@@ -234,237 +118,99 @@
<div style="width: 20%">操作</div>
</div>
<div v-loading="loading" class="app-order-list">
<el-card
v-for="(item, index) in tableData"
:key="index"
class="app-order-item"
shadow="never"
>
<el-card v-for="(item, index) in tableData" :key="index" class="app-order-item" shadow="never">
<div slot="header" class="clearfix">
<div flex="cross:center" class="app-order-head">
<div class="app-order-time">{{ item.CreateDate }}</div>
<div class="app-order-user">
<span class="app-order-time" style="margin-right: 5px"
>订单号:</span
>{{ item.OrderNo }}({{ item.OrderId }})
<span class="app-order-time"
style="margin-right: 5px">订单号:</span>{{ item.OrderNo }}({{ item.OrderId }})
<el-tag v-if="item.OrderSource == 1" size="small">{{
item.OrderSourceName
}}</el-tag>
<el-tag
v-if="item.OrderSource == 2"
size="small"
type="success"
>{{ item.OrderSourceName }}</el-tag
>
<el-tag
v-if="item.OrderSource == 3"
size="small"
type="info"
>{{ item.OrderSourceName }}</el-tag
>
<el-tag
v-if="item.OrderSource == 4"
size="small"
type="warning"
>{{ item.OrderSourceName }}</el-tag
>
<el-tag
v-if="item.OrderSource == 5"
size="small"
type="danger"
>{{ item.OrderSourceName }}</el-tag
>
<el-tag
v-if="item.OrderSource == 6"
size="small"
type="danger"
>{{ item.OrderSourceName }}</el-tag
>
</div>
<el-tag
style="margin-left: 30px"
size="small"
type="success"
v-if="item.IsOffline === 1"
>线下订单</el-tag
>
<div
class="app-order-user"
v-if="
<el-tag v-if="item.OrderSource == 2" size="small" type="success">{{ item.OrderSourceName }}</el-tag>
<el-tag v-if="item.OrderSource == 3" size="small" type="info">{{ item.OrderSourceName }}</el-tag>
<el-tag v-if="item.OrderSource == 4" size="small" type="warning">{{ item.OrderSourceName }}</el-tag>
<el-tag v-if="item.OrderSource == 5" size="small" type="danger">{{ item.OrderSourceName }}</el-tag>
<el-tag v-if="item.OrderSource == 6" size="small" type="danger">{{ item.OrderSourceName }}</el-tag>
</div>
<el-tag style="margin-left: 30px" size="small" type="success" v-if="item.IsOffline === 1">线下订单</el-tag>
<div class="app-order-user" v-if="
item.SmallShopsName != '' &&
item.SmallShopsName != null &&
item.SmallShopsId != 0
"
>
<span class="app-order-time">微店名称:</span
>{{ item.SmallShopsName }}
">
<span class="app-order-time">微店名称:</span>{{ item.SmallShopsName }}
</div>
<div flex="cross:center" class="app-order-user">
<img
v-if="item.OrderSource == 1"
src="../../assets/img/userman/wx.png"
alt=""
/>
<img
v-if="item.OrderSource == 2"
style="width:25px;height:25px;"
src="../../assets/img/userman/alipay.png"
alt=""
/>
<img v-if="item.OrderSource == 1" src="../../assets/img/userman/wx.png" alt="" />
<img v-if="item.OrderSource == 2" style="width:25px;height:25px;"
src="../../assets/img/userman/alipay.png" alt="" />
<span>{{ item.UserName }}({{ item.UserId }})</span>
</div>
<div
v-if="item.BuyerMessage && item.BuyerMessage != ''"
flex="cross:center"
class="remark-box"
>
<el-tooltip
class="item"
effect="dark"
:content="item.BuyerMessage"
placement="top"
>
<div v-if="item.BuyerMessage && item.BuyerMessage != ''" flex="cross:center" class="remark-box">
<el-tooltip class="item" effect="dark" :content="item.BuyerMessage" placement="top">
<img src="../../assets/img/userman/remark.png" alt="" />
</el-tooltip>
</div>
<div flex="dir:left wrap:wrap" class="app-order-offline">
<div
v-if="
<div v-if="
item.DeliveryMethodName && item.DeliveryMethodName != ''
"
class="express-send-box"
>
" class="express-send-box">
<span class="el-tag el-tag--small el-tag--light">{{
item.DeliveryMethodName
}}</span>
</div>
<el-tag
v-if="item.PaymentTime == ''"
style="margin-left: 5px"
size="small"
type="warning"
>未付款</el-tag
>
<el-tag
v-if="
<el-tag v-if="item.PaymentTime == ''" style="margin-left: 5px" size="small" type="warning">未付款
</el-tag>
<el-tag v-if="
item.PaymentTime != '' &&
item.DeliveryTime == '' &&
item.ReceivingTime == '' &&
item.FinishTime == ''
"
style="margin-left: 5px"
size="small"
type="warning"
>已付款</el-tag
>
<el-tag
v-if="item.DeliveryTime == '' && item.ReceivingTime == ''"
style="margin-left: 5px"
size="small"
type="success"
>未发货</el-tag
>
<el-tag
v-if="item.DeliveryTime != '' && item.ReceivingTime == ''"
style="margin-left: 5px"
size="small"
type="success"
>已发货</el-tag
>
<el-tag
v-if="item.DeliveryTime != '' && item.ReceivingTime == ''"
style="margin-left: 5px"
size="small"
type="success"
>未收货</el-tag
>
<el-tag
v-if="item.ReceivingTime != '' && item.FinishTime == ''"
style="margin-left: 5px"
size="small"
type="success"
>已收货</el-tag
>
<el-tag
v-if="item.FinishTime != ''"
style="margin-left: 5px"
size="small"
type="success"
>已完成</el-tag
>
<el-tag
v-if="item.OrderStatus == 7"
style="margin-left: 5px"
size="small"
type="danger"
>已取消</el-tag
>
</div>
<el-tooltip
class="item"
effect="dark"
content="强制取消"
placement="top-start"
>
<img
v-if="item.OrderStatus == 1 || item.OrderStatus == 2"
@click="OrderExit2(item)"
style="right: 60px"
class="app-order-btnimg"
src="../../assets/img/userman/force.png"
alt=""
/>
" style="margin-left: 5px" size="small" type="warning">已付款</el-tag>
<el-tag v-if="item.DeliveryTime == '' && item.ReceivingTime == ''" style="margin-left: 5px"
size="small" type="success">未发货</el-tag>
<el-tag v-if="item.DeliveryTime != '' && item.ReceivingTime == ''" style="margin-left: 5px"
size="small" type="success">已发货</el-tag>
<el-tag v-if="item.DeliveryTime != '' && item.ReceivingTime == ''" style="margin-left: 5px"
size="small" type="success">未收货</el-tag>
<el-tag v-if="item.ReceivingTime != '' && item.FinishTime == ''" style="margin-left: 5px" size="small"
type="success">已收货</el-tag>
<el-tag v-if="item.FinishTime != ''" style="margin-left: 5px" size="small" type="success">已完成</el-tag>
<el-tag v-if="item.OrderStatus == 7" style="margin-left: 5px" size="small" type="danger">已取消</el-tag>
</div>
<el-tooltip class="item" effect="dark" content="强制取消" placement="top-start">
<img v-if="item.OrderStatus == 1 || item.OrderStatus == 2" @click="OrderExit2(item)"
style="right: 60px" class="app-order-btnimg" src="../../assets/img/userman/force.png" alt="" />
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="加入回收站"
placement="top-start"
>
<img
v-if="msg.Recycled != 1"
@click="fRhsz(item, 4)"
class="app-order-btnimg"
src="../../assets/img/userman/del1.png"
alt=""
/>
<el-tooltip class="item" effect="dark" content="加入回收站" placement="top-start">
<img v-if="msg.Recycled != 1" @click="fRhsz(item, 4)" class="app-order-btnimg"
src="../../assets/img/userman/del1.png" alt="" />
</el-tooltip>
</div>
</div>
<div class="app-order-body">
<div class="goods-item" style="width: 65%">
<div
v-for="(list, index2) in item.DetailList"
:key="index2"
class="goods"
>
<div v-for="(list, index2) in item.DetailList" :key="index2" class="goods">
<div>
<el-image
:src="list.CoverImagePath"
class="goods-image"
:preview-src-list="[list.CoverImagePath]"
></el-image>
<el-image :src="list.CoverImagePath" class="goods-image" :preview-src-list="[list.CoverImagePath]">
</el-image>
<div flex="dir:left">
<div class="goods-info">
<div class="goods-name">
<div class="app-ellipsis">
<div
class="vue-line-clamp"
style="
<div class="vue-line-clamp" style="
word-break: break-all;
-webkit-line-clamp: 2;
"
>
<span
class="
">
<span class="
el-tag
el-tag--warning
el-tag--mini
el-tag--light
is-hit
"
style="margin-right: 5px"
>
" style="margin-right: 5px">
{{ list.OrderTypeName }}
</span>
{{ list.GoodsName }}
......@@ -474,10 +220,7 @@
<div style="margin-bottom: 5px">
<span style="margin-right: 10px">
规格:
<el-tag
:key="index2"
v-for="(msg, index2) in list.SpecificationList"
style="
<el-tag :key="index2" v-for="(msg, index2) in list.SpecificationList" style="
top: 5px;
position: relative;
margin-right: 5px;
......@@ -485,314 +228,169 @@
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
"
size="mini"
>
" size="mini">
{{ msg }}
</el-tag>
</span>
</div>
<div
style="
<div style="
display: flex;
flex-direction: row;
align-items: center;
"
v-if="
" v-if="
list.SmallShopsCostPrice != null &&
list.SmallShopsCostPrice != '' &&
list.SmallShopsCostPrice > 0 &&
item.SmallShopsId != 0
"
>
<span
>赞羊小计:¥{{ list.SmallShopsCostPrice }}</span
>
</div>
<div
style="
">
<span>赞羊小计:¥{{ list.SmallShopsCostPrice }}</span>
</div>
<div style="
display: flex;
flex-direction: row;
align-items: center;
"
>
<span
>货号:{{
">
<span>货号:{{
list.ProductCode != null && list.ProductCode != ""
? list.ProductCode
: "无"
}}</span
>
<span
style="margin-left: 20px"
v-if="list.FreeShippingRemarks != null"
>{{ list.FreeShippingRemarks }}</span
>
}}</span>
<span style="margin-left: 20px"
v-if="list.FreeShippingRemarks != null">{{ list.FreeShippingRemarks }}</span>
</div>
</div>
<div flex="dir:left box:mean" style="width: 350px">
<div
flex="cross:center main:center"
style="
<div flex="cross:center main:center" style="
display: flex;
flex-direction: column;
align-items: flex-start;
width: 55%;
"
>
<span style="cursor: pointer"
>小计:¥{{ list.Final_Price }}
<img
v-if="item.PaymentTime == ''"
@click="EditPrice(item, 1, list)"
src="../../assets/img/userman/edit1.png"
alt=""
/>
">
<span style="cursor: pointer">小计:¥{{ list.Final_Price }}
<img v-if="item.PaymentTime == ''" @click="EditPrice(item, 1, list)"
src="../../assets/img/userman/edit1.png" alt="" />
</span>
<span style="cursor: pointer"
>商品成本:¥{{ list.CostMoney }}
<img
@click="costBtn(list, 1)"
src="../../assets/img/userman/edit1.png"
alt=""
/>
<span style="cursor: pointer">商品成本:¥{{ list.CostMoney }}
<img @click="costBtn(list, 1)" src="../../assets/img/userman/edit1.png" alt="" />
</span>
<span style="cursor: pointer"
>运费成本:¥{{ list.FreightCostMoney }}
<img
v-if="item.OrderStatus !== 7"
@click="costBtn(list, 2)"
src="../../assets/img/userman/edit1.png"
alt=""
/>
<span style="cursor: pointer">运费成本:¥{{ list.FreightCostMoney }}
<img v-if="item.OrderStatus !== 7" @click="costBtn(list, 2)"
src="../../assets/img/userman/edit1.png" alt="" />
</span>
<span style="cursor: pointer"
>供应商:{{
<span style="cursor: pointer">供应商:{{
list.SupplierName != null ? list.SupplierName : ""
}}
<img
v-if="item.OrderStatus !== 7"
@click="UpdateSuplier(list)"
src="../../assets/img/userman/edit1.png"
alt=""
/>
<img v-if="item.OrderStatus !== 7" @click="UpdateSuplier(list)"
src="../../assets/img/userman/edit1.png" alt="" />
</span>
</div>
<!-- <div flex="cross:center main:center" style="width: 45px;">数量:x {{list.Number}}</div>-->
<div
flex="cross:center main:center"
style="display: flex; flex-direction: column"
>
<div flex="cross:center main:center" style="display: flex; flex-direction: column">
<div>数量:x {{ list.Number }}</div>
<el-tag
v-if="
<el-tag v-if="
list.IsApplyForAfterSale &&
list.IsApplyForAfterSale == 1
"
size="small"
type="danger"
>已退货退款</el-tag
>
" size="small" type="danger">已退货退款</el-tag>
</div>
</div>
<div
style="
<div style="
width: 200px;
display: flex;
flex-direction: column;
justify-content: center;
"
v-if="TenantId == 1"
>
" v-if="TenantId == 1">
<el-dropdown trigger="click" style="margin-left: 50px">
<span class="el-dropdown-link">制单</span>
<el-dropdown-menu slot="dropdown" class="TC-dropdown">
<el-dropdown-item
@click.native="goCollection(item, list)"
>
<el-dropdown-item @click.native="goCollection(item, list)">
收入制单
</el-dropdown-item>
<el-dropdown-item
@click.native="goPayment(item, list)"
>
<el-dropdown-item @click.native="goPayment(item, list)">
付款制单
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<div
style="margin-top: 10px; font-size: 12px"
v-if="
<div style="margin-top: 10px; font-size: 12px" v-if="
list.YSMoney != 0 ||
list.RealMoney != 0 ||
list.YFMoney != 0 ||
list.PayMoney != 0
"
>
">
其他费用:
</div>
<div
style="font-size: 12px"
v-if="list.YSMoney != 0 || list.RealMoney != 0"
>
<div style="font-size: 12px" v-if="list.YSMoney != 0 || list.RealMoney != 0">
<span>应收:¥{{ list.YSMoney }}</span>
<span style="margin-left: 10px"
>实收:¥{{ list.RealMoney }}</span
>
</div>
<div
style="font-size: 12px"
v-if="list.YFMoney != 0 || list.PayMoney != 0"
>
<span style="margin-left: 10px">实收:¥{{ list.RealMoney }}</span>
</div>
<div style="font-size: 12px" v-if="list.YFMoney != 0 || list.PayMoney != 0">
<span>应付:¥{{ list.YFMoney }}</span>
<span style="margin-left: 10px"
>实付:¥{{ list.PayMoney }}</span
>
<span style="margin-left: 10px">实付:¥{{ list.PayMoney }}</span>
</div>
</div>
</div>
</div>
<div
class="billStyle"
v-if="
<div class="billStyle" v-if="
(list.SFinanceList.length > 0 ||
list.ZFinanceList.length > 0) &&
(TenantId == 1||TenantId == 15)
"
>
<div
class="billStyle_item"
style="border-right: 1px solid #ebeef5"
>
">
<div class="billStyle_item" style="border-right: 1px solid #ebeef5">
收入单据:
<span
v-for="(item, index2) in list.SFinanceList"
:key="index2"
@click="goSF(item)"
>
<span
class="billtext"
v-if="item.Status == 0"
:style="{ color: '#00FFFF' }"
>{{ item.FrID }}</span
>
<span
class="billtext"
v-if="item.Status == 1 && item.Is_Cashier != 1"
:style="{ color: '#0080FF' }"
>{{ item.FrID }}</span
>
<span
class="billtext"
v-if="item.Status == 1 && item.Is_Cashier == 1"
:style="{ color: '#FF4048' }"
>{{ item.FrID }}</span
>
<span v-for="(item, index2) in list.SFinanceList" :key="index2" @click="goSF(item)">
<span class="billtext" v-if="item.Status == 0"
:style="{ color: '#00FFFF' }">{{ item.FrID }}</span>
<span class="billtext" v-if="item.Status == 1 && item.Is_Cashier != 1"
:style="{ color: '#0080FF' }">{{ item.FrID }}</span>
<span class="billtext" v-if="item.Status == 1 && item.Is_Cashier == 1"
:style="{ color: '#FF4048' }">{{ item.FrID }}</span>
<span class="billtext" v-if="item.Status == 2">{{
item.FrID
}}</span>
<span
class="billtext"
v-if="item.Status == 3"
:style="{ color: '#FFF100' }"
>{{ item.FrID }}</span
>
<span
class="billtext"
v-if="item.Status == 4"
:style="{ color: '#800080' }"
>{{ item.FrID }}</span
>
<span
class="billtext"
v-if="item.Status == 5"
:style="{ color: '#E6A23C' }"
>{{ item.FrID }}</span
>
<span class="billtext" v-if="item.Status == 3"
:style="{ color: '#FFF100' }">{{ item.FrID }}</span>
<span class="billtext" v-if="item.Status == 4"
:style="{ color: '#800080' }">{{ item.FrID }}</span>
<span class="billtext" v-if="item.Status == 5"
:style="{ color: '#E6A23C' }">{{ item.FrID }}</span>
</span>
</div>
<div class="billStyle_item">
支出单据:
<span
v-for="(item, index2) in list.ZFinanceList"
:key="index2"
@click="goZF(item)"
>
<span
class="billtext"
v-if="item.Status == 0"
:style="{ color: '#00FFFF' }"
>{{ item.FrID }}</span
>
<span
class="billtext"
v-if="item.Status == 1 && item.Is_Cashier != 1"
:style="{ color: '#0080FF' }"
>{{ item.FrID }}</span
>
<span
class="billtext"
v-if="item.Status == 1 && item.Is_Cashier == 1"
:style="{ color: '#FF4048' }"
>{{ item.FrID }}</span
>
<span v-for="(item, index2) in list.ZFinanceList" :key="index2" @click="goZF(item)">
<span class="billtext" v-if="item.Status == 0"
:style="{ color: '#00FFFF' }">{{ item.FrID }}</span>
<span class="billtext" v-if="item.Status == 1 && item.Is_Cashier != 1"
:style="{ color: '#0080FF' }">{{ item.FrID }}</span>
<span class="billtext" v-if="item.Status == 1 && item.Is_Cashier == 1"
:style="{ color: '#FF4048' }">{{ item.FrID }}</span>
<span class="billtext" v-if="item.Status == 2">{{
item.FrID
}}</span>
<span
class="billtext"
v-if="item.Status == 3"
:style="{ color: '#FFF100' }"
>{{ item.FrID }}</span
>
<span
class="billtext"
v-if="item.Status == 4"
:style="{ color: '#800080' }"
>{{ item.FrID }}</span
>
<span
class="billtext"
v-if="item.Status == 5"
:style="{ color: '#E6A23C' }"
>{{ item.FrID }}</span
>
<span class="billtext" v-if="item.Status == 3"
:style="{ color: '#FFF100' }">{{ item.FrID }}</span>
<span class="billtext" v-if="item.Status == 4"
:style="{ color: '#800080' }">{{ item.FrID }}</span>
<span class="billtext" v-if="item.Status == 5"
:style="{ color: '#E6A23C' }">{{ item.FrID }}</span>
</span>
</div>
</div>
</div>
</div>
<div
flex="cross:center"
class="app-order-info"
style="width: 15%"
>
<div flex="cross:center" class="app-order-info" style="width: 15%">
<div flex="dir:top">
<div>
<span style="font-size: 16px">{{ item.Income }}</span>
<el-popover
placement="bottom"
width="200"
trigger="hover"
:content="'商品小计 ' + item.Income + '元'"
>
<img
slot="reference"
src="../../assets/img/userman/price.png"
alt=""
/>
<el-popover placement="bottom" width="200" trigger="hover" :content="'商品小计 ' + item.Income + '元'">
<img slot="reference" src="../../assets/img/userman/price.png" alt="" />
</el-popover>
</div>
<div class="express-price">
<span>
<span style="color: rgb(144, 147, 153)"
>(含运费¥{{ item.FreightMoney }})
<img
v-if="item.PaymentTime == ''"
@click="EditPrice(item, 2)"
src="../../assets/img/userman/edit1.png"
alt=""
/>
<span style="color: rgb(144, 147, 153)">(含运费¥{{ item.FreightMoney }})
<img v-if="item.PaymentTime == ''" @click="EditPrice(item, 2)"
src="../../assets/img/userman/edit1.png" alt="" />
</span>
</span>
</div>
......@@ -801,66 +399,45 @@
item.PaymentWayName
}}</el-tag>
</div>
<div
style="font-size: 12px; margin-top: 3px"
v-if="
<div style="font-size: 12px; margin-top: 3px" v-if="
item.CouponMoney &&
item.CouponMoney != '' &&
item.CouponMoney > 0
"
>
">
<span>优惠金额:¥{{ item.CouponMoney }}</span>
</div>
<div
style="font-size: 12px; margin-top: 3px"
v-if="
<div style="font-size: 12px; margin-top: 3px" v-if="
item.DepositMoney &&
item.DepositMoney != '' &&
item.DepositMoney > 0
"
>
">
<span>储蓄卡抵扣:¥{{ item.DepositMoney }}</span>
</div>
<div
style="font-size: 12px; margin-top: 3px"
v-if="
<div style="font-size: 12px; margin-top: 3px" v-if="
item.IntegralMoney &&
item.IntegralMoney != '' &&
item.IntegralMoney > 0
"
>
">
<span>积分抵用金额:¥{{ item.IntegralMoney }}</span>
</div>
<div
style="font-size: 12px; margin-top: 3px"
v-if="
<div style="font-size: 12px; margin-top: 3px" v-if="
item.DeductionCommission && item.DeductionCommission > 0
"
>
">
<span>佣金抵用:¥{{ item.DeductionCommission }}</span>
</div>
<div
style="font-size: 12px"
v-if="
<div style="font-size: 12px" v-if="
item.IntegralNumber &&
item.IntegralNumber != '' &&
item.IntegralNumber > 0
"
>
">
<span>积分数:¥{{ item.IntegralNumber }}</span>
</div>
<div
style="font-size: 12px"
v-if="
<div style="font-size: 12px" v-if="
item.MemberDiscountCouponList &&
item.MemberDiscountCouponList.length > 0
"
>
">
<span>优惠券信息:</span>
<span
v-for="(MItem, Mindex) in item.MemberDiscountCouponList"
:key="Mindex"
>
<span v-for="(MItem, Mindex) in item.MemberDiscountCouponList" :key="Mindex">
{{ MItem.Name }}券,{{
MItem.CouponType == 1
? "满" +
......@@ -879,206 +456,71 @@
</div>
</div>
<div
class="app-order-info"
style="padding: 10px; border-right: 0px; width: 20%"
>
<div class="app-order-info" style="padding: 10px; border-right: 0px; width: 20%">
<div flex="wrap:wrap cross:center">
<template v-if="msg.Recycled == 2">
<!-- 未发货 -->
<el-tooltip
class="item"
effect="dark"
content="发货"
placement="top"
v-if="item.OrderStatus == 2"
>
<img
v-if="item.OrderStatus == 2"
@click="fhBtn(item)"
class="app-order-icon"
src="../../assets/img/userman/send.png"
alt=""
/>
<el-tooltip class="item" effect="dark" content="发货" placement="top" v-if="item.OrderStatus == 2">
<img v-if="item.OrderStatus == 2" @click="fhBtn(item)" class="app-order-icon"
src="../../assets/img/userman/send.png" alt="" />
</el-tooltip>
<!-- 待收货 -->
<el-tooltip
class="item"
effect="dark"
content="确认收货"
placement="top"
v-if="item.OrderStatus == 3"
>
<img
@click="ConfirmSh(item)"
v-if="item.OrderStatus == 3"
class="app-order-icon"
src="../../assets/img/userman/confirm.png"
alt=""
/>
<el-tooltip class="item" effect="dark" content="确认收货" placement="top" v-if="item.OrderStatus == 3">
<img @click="ConfirmSh(item)" v-if="item.OrderStatus == 3" class="app-order-icon"
src="../../assets/img/userman/confirm.png" alt="" />
</el-tooltip>
<!-- 已收货 -->
<el-tooltip
class="item"
effect="dark"
content="确认完成"
placement="top"
v-if="item.OrderStatus == 4"
>
<img
@click="qrEnd(item, 6)"
v-if="item.OrderStatus == 4"
class="app-order-icon"
src="../../assets/img/userman/sale.png"
alt=""
/>
<el-tooltip class="item" effect="dark" content="确认完成" placement="top" v-if="item.OrderStatus == 4">
<img @click="qrEnd(item, 6)" v-if="item.OrderStatus == 4" class="app-order-icon"
src="../../assets/img/userman/sale.png" alt="" />
</el-tooltip>
<!--待处理-->
<el-tooltip
class="item"
effect="dark"
content="同意"
placement="top"
v-if="item.OrderStatus == 6"
>
<img
@click="pending(item, 1)"
v-if="item.OrderStatus == 6"
class="app-order-icon"
src="../../assets/img/userman/pass.png"
alt=""
/>
<el-tooltip class="item" effect="dark" content="同意" placement="top" v-if="item.OrderStatus == 6">
<img @click="pending(item, 1)" v-if="item.OrderStatus == 6" class="app-order-icon"
src="../../assets/img/userman/pass.png" alt="" />
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="拒绝"
placement="top"
v-if="item.OrderStatus == 6"
>
<img
@click="pending(item, 2)"
v-if="item.OrderStatus == 6"
class="app-order-icon"
src="../../assets/img/userman/nopass.png"
alt=""
/>
<el-tooltip class="item" effect="dark" content="拒绝" placement="top" v-if="item.OrderStatus == 6">
<img @click="pending(item, 2)" v-if="item.OrderStatus == 6" class="app-order-icon"
src="../../assets/img/userman/nopass.png" alt="" />
</el-tooltip>
</template>
<!-- 回收站 -->
<el-tooltip
class="item"
effect="dark"
content="恢复订单"
placement="top"
>
<img
@click="fRhsz(item, 7)"
v-if="msg.Recycled == 1"
class="app-order-icon"
src="../../assets/img/userman/renew.png"
alt=""
/>
<el-tooltip class="item" effect="dark" content="恢复订单" placement="top">
<img @click="fRhsz(item, 7)" v-if="msg.Recycled == 1" class="app-order-icon"
src="../../assets/img/userman/renew.png" alt="" />
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="删除订单"
placement="top"
>
<img
@click="DeleteOrder(item)"
v-if="msg.Recycled == 1"
class="app-order-icon"
src="../../assets/img/userman/del.png"
alt=""
/>
<el-tooltip class="item" effect="dark" content="删除订单" placement="top">
<img @click="DeleteOrder(item)" v-if="msg.Recycled == 1" class="app-order-icon"
src="../../assets/img/userman/del.png" alt="" />
</el-tooltip>
<template v-if="msg.Recycled == 2">
<el-tooltip
class="item"
effect="dark"
content="打印小票"
placement="top"
>
<img
class="app-order-icon"
src="../../assets/img/userman/print.png"
alt=""
/>
<el-tooltip class="item" effect="dark" content="打印小票" placement="top">
<img class="app-order-icon" src="../../assets/img/userman/print.png" alt="" />
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="打印发货单"
placement="top"
>
<img
class="app-order-icon"
src="../../assets/img/userman/invoice.png"
alt=""
/>
<el-tooltip class="item" effect="dark" content="打印发货单" placement="top">
<img class="app-order-icon" src="../../assets/img/userman/invoice.png" alt="" />
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="添加备注"
placement="top"
>
<img
@click="OrderExit(item, 1)"
class="app-order-icon"
src="../../assets/img/userman/add_remark.png"
alt=""
/>
<el-tooltip class="item" effect="dark" content="添加备注" placement="top">
<img @click="OrderExit(item, 1)" class="app-order-icon"
src="../../assets/img/userman/add_remark.png" alt="" />
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="修改快递单号"
v-if="item.OrderStatus == 3"
placement="top"
>
<img
@click="getOrderSend(item)"
v-if="item.OrderStatus == 3"
class="app-order-icon"
src="../../assets/img/userman/change.png"
alt=""
/>
<el-tooltip class="item" effect="dark" content="修改快递单号" v-if="item.OrderStatus == 3"
placement="top">
<img @click="getOrderSend(item)" v-if="item.OrderStatus == 3" class="app-order-icon"
src="../../assets/img/userman/change.png" alt="" />
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="线下付款"
v-if="item.OrderStatus == 1 || item.OrderStatus == 7"
placement="top"
>
<img
@click="Offpayment(item)"
v-if="item.OrderStatus == 1 || item.OrderStatus == 7"
class="app-order-icon"
src="../../assets/img/userman/OfflinePayment.png"
alt=""
/>
<el-tooltip class="item" effect="dark" content="线下付款"
v-if="item.OrderStatus == 1 || item.OrderStatus == 7" placement="top">
<img @click="Offpayment(item)" v-if="item.OrderStatus == 1 || item.OrderStatus == 7"
class="app-order-icon" src="../../assets/img/userman/OfflinePayment.png" alt="" />
</el-tooltip>
</template>
<el-tooltip
class="item"
effect="dark"
content="查看订单详情"
placement="top"
>
<img
@click="
<el-tooltip class="item" effect="dark" content="查看订单详情" placement="top">
<img @click="
CommonJump('orderDetails', { OrderId: item.OrderId })
"
class="app-order-icon"
src="../../assets/img/userman/detail.png"
alt=""
/>
" class="app-order-icon" src="../../assets/img/userman/detail.png" alt="" />
</el-tooltip>
</div>
</div>
......@@ -1092,43 +534,36 @@
}}
地址:{{ item.DistrictAddress }} {{ item.ShoppingAddress }}
</div>
<button
v-if="item.OrderStatus == 2"
@click="ExitshAdress(item)"
type="button"
class="el-button el-button--text is-circle"
>
<button v-if="item.OrderStatus == 2" @click="ExitshAdress(item)" type="button"
class="el-button el-button--text is-circle">
<i class="el-icon-edit"></i>
</button>
</div>
</div>
<div
v-if="item.Remark && item.Remark != ''"
class="seller-remark"
>
<template v-if="item.TenantId==29 && item.CustomFormInfo &&item.CustomFormInfo.length>0">
<div>
<div flex="dir:left">
<div class="address-box">
<template v-for="(subItem) in item.CustomFormInfo">
{{subItem.CompData.Name}}:{{subItem.CompData.TextValue}} &nbsp;&nbsp;
</template>
</div>
</div>
</div>
</template>
<div v-if="item.Remark && item.Remark != ''" class="seller-remark">
商家备注:{{ item.Remark }}
</div>
</div>
</el-card>
<el-card
v-if="tableData.length == 0"
class="app-order-item"
shadow="never"
>
<el-card v-if="tableData.length == 0" class="app-order-item" shadow="never">
<div style="height: 100px; line-height: 100px; text-align: center">
暂无订单信息
</div>
</el-card>
</div>
<el-pagination
style="text-align: right"
background
@current-change="handleCurrentChange"
:current-page.sync="msg.pageIndex"
:page-size="msg.pageSize"
layout="prev, pager, next"
:total="total"
>
<el-pagination style="text-align: right" background @current-change="handleCurrentChange"
:current-page.sync="msg.pageIndex" :page-size="msg.pageSize" layout="prev, pager, next" :total="total">
</el-pagination>
</div>
</div>
......@@ -1141,89 +576,47 @@
<el-form-item label-width="80px" label="商品总价">
<el-input size="small" v-model="exitMsg.Income"></el-input>
</el-form-item>
<el-form-item
v-if="exitMsg.moneyType == 2"
label-width="80px"
label="运费"
>
<el-form-item v-if="exitMsg.moneyType == 2" label-width="80px" label="运费">
<el-input size="small" v-model="exitMsg.Remark"></el-input>
</el-form-item>
</template>
<el-form-item v-if="exitMsg.Type != 2">
<el-input
type="textarea"
row="2"
size="small"
v-model="exitMsg.Remark"
></el-input>
<el-input type="textarea" row="2" size="small" v-model="exitMsg.Remark"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button size="small" @click="exitDig = false">取 消</el-button>
<el-button size="small" type="primary" @click="submitForm('exitMsg')"
>确 定</el-button
>
<el-button size="small" type="primary" @click="submitForm('exitMsg')">确 定</el-button>
</span>
</el-dialog>
<!--待处理-->
<el-dialog
custom-class="app-send"
:title="pendMgs.Type == 1 ? '同意' : '拒绝'"
:visible.sync="pendD"
width="15%"
class="tyi"
>
<el-input
v-if="pendMgs.Type == 2"
type="textarea"
size="small"
v-model="pendMgs.Remark"
placeholder="拒绝理由"
></el-input>
<el-dialog custom-class="app-send" :title="pendMgs.Type == 1 ? '同意' : '拒绝'" :visible.sync="pendD" width="15%"
class="tyi">
<el-input v-if="pendMgs.Type == 2" type="textarea" size="small" v-model="pendMgs.Remark" placeholder="拒绝理由">
</el-input>
<span slot="footer" class="dialog-footer">
<el-button size="small" @click="pendD = false">取 消</el-button>
<el-button size="small" type="primary" @click="pendingForm()"
>确 定</el-button
>
<el-button size="small" type="primary" @click="pendingForm()">确 定</el-button>
</span>
</el-dialog>
<!-- 发货 -->
<el-dialog
custom-class="app-send"
title="发货"
:visible.sync="fhDig"
width="35%"
>
<el-dialog custom-class="app-send" title="发货" :visible.sync="fhDig" width="35%">
<div class="title-box">
<span class="text">选择发货商品</span>
<span>(默认全选)</span>
</div>
<el-table
ref="fahuoTable"
:data="fahuoList"
@selection-change="TableSelectChange"
style="width: 100%"
>
<el-table ref="fahuoTable" :data="fahuoList" @selection-change="TableSelectChange" style="width: 100%">
<el-table-column :selectable="selectable" type="selection" width="55">
</el-table-column>
<el-table-column prop="id" label="图片" width="60">
<template slot-scope="scope">
<img
style="width: 30px; height: 30px"
:src="getIconLink(scope.row.CoverImagePath)"
alt=""
/>
<img style="width: 30px; height: 30px" :src="getIconLink(scope.row.CoverImagePath)" alt="" />
</template>
</el-table-column>
<el-table-column prop="GoodsName" label="名称" width="314">
<template slot-scope="scope">
<el-tag
v-if="scope.row.IsBindExpress == 1"
style="margin-left: 5px"
size="small"
type="success"
>已发货</el-tag
>
<el-tag v-if="scope.row.IsBindExpress == 1" style="margin-left: 5px" size="small" type="success">已发货
</el-tag>
<span>{{ scope.row.GoodsName }}</span>
</template>
</el-table-column>
......@@ -1231,14 +624,10 @@
</el-table-column>
<el-table-column prop="SpecificationList" label="规格">
<template slot-scope="scope">
<span
:key="index2"
v-for="(msg, index2) in scope.row.SpecificationList"
>{{ msg
<span :key="index2" v-for="(msg, index2) in scope.row.SpecificationList">{{ msg
}}{{
scope.row.SpecificationList.length == index2 + 1 ? "" : ","
}}</span
>
}}</span>
</template>
</el-table-column>
</el-table>
......@@ -1250,29 +639,13 @@
</el-form-item>
<template v-if="fhMsg.Type == 1">
<el-form-item label="快递公司" prop="ExpressId">
<el-select
class="w200"
size="small"
v-model="fhMsg.ExpressId"
filterable
placeholder="请选择"
>
<el-option
v-for="item in ExpressList"
:key="item.ID"
:label="item.Name"
:value="item.ID"
>
<el-select class="w200" size="small" v-model="fhMsg.ExpressId" filterable placeholder="请选择">
<el-option v-for="item in ExpressList" :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="收件人邮编">
<el-input
type="number"
min="1"
size="small"
v-model="fhMsg.PostCode"
></el-input>
<el-input type="number" min="1" size="small" v-model="fhMsg.PostCode"></el-input>
</el-form-item>
<el-form-item label="快递单号" prop="ExpressNumber">
<el-input size="small" v-model="fhMsg.ExpressNumber">
......@@ -1280,30 +653,18 @@
</el-input>
</el-form-item>
<el-form-item label="商家留言">
<el-input
type="textarea"
row="2"
size="small"
v-model="fhMsg.Remark"
></el-input>
<el-input type="textarea" row="2" size="small" v-model="fhMsg.Remark"></el-input>
</el-form-item>
</template>
<template v-if="fhMsg.Type == 2">
<el-form-item label="物流内容">
<el-input
type="textarea"
row="2"
size="small"
v-model="fhMsg.Remark"
></el-input>
<el-input type="textarea" row="2" size="small" v-model="fhMsg.Remark"></el-input>
</el-form-item>
</template>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button size="small" @click="fhDig = false">取 消</el-button>
<el-button size="small" type="primary" @click="FhsubmitForm('fhMsg')"
>确 定</el-button
>
<el-button size="small" type="primary" @click="FhsubmitForm('fhMsg')">确 定</el-button>
</span>
</el-dialog>
<!-- 修改收货地址 -->
......@@ -1313,58 +674,21 @@
<el-input size="small" v-model="shMsg.Consignee"></el-input>
</el-form-item>
<el-form-item label="电话" prop="Mobile">
<el-input
type="number"
size="small"
v-model="shMsg.Mobile"
></el-input>
<el-input type="number" size="small" v-model="shMsg.Mobile"></el-input>
</el-form-item>
<el-form-item label="所在区域" prop="Province">
<el-select
size="small"
@change="(shMsg.City = ''), getCity(shMsg.Province)"
v-model="shMsg.Province"
style="width: 144px"
filterable
placeholder="请选择"
>
<el-option
v-for="item in provinceList"
:key="item.ID"
:label="item.Name"
:value="item.ID"
>
<el-select size="small" @change="(shMsg.City = ''), getCity(shMsg.Province)" v-model="shMsg.Province"
style="width: 144px" filterable placeholder="请选择">
<el-option v-for="item in provinceList" :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
<el-select
size="small"
@change="(shMsg.District = ''), getArea(shMsg.City)"
v-model="shMsg.City"
style="width: 144px"
filterable
placeholder="请选择"
>
<el-option
v-for="item in cityList"
:key="item.ID"
:label="item.Name"
:value="item.ID"
>
<el-select size="small" @change="(shMsg.District = ''), getArea(shMsg.City)" v-model="shMsg.City"
style="width: 144px" filterable placeholder="请选择">
<el-option v-for="item in cityList" :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
<el-select
size="small"
v-model="shMsg.District"
style="width: 144px"
filterable
placeholder="请选择"
>
<el-option
v-for="item in areaList"
:key="item.ID"
:label="item.Name"
:value="item.ID"
>
<el-select size="small" v-model="shMsg.District" style="width: 144px" filterable placeholder="请选择">
<el-option v-for="item in areaList" :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
</el-form-item>
......@@ -1374,50 +698,29 @@
</el-form>
<span slot="footer" class="dialog-footer">
<el-button size="small" @click="shDig = false">取 消</el-button>
<el-button size="small" type="primary" @click="shsubmitForm('shMsg')"
>确 定</el-button
>
<el-button size="small" type="primary" @click="shsubmitForm('shMsg')">确 定</el-button>
</span>
</el-dialog>
<!-- 选择导出信息 -->
<el-dialog title="选择导出信息" :visible.sync="dialogVisible" width="960px">
<el-form
style="border: 1px solid #f0f2f7"
:model="addMsg"
ref="addMsg"
label-width="100px"
>
<div
style="
<el-form style="border: 1px solid #f0f2f7" :model="addMsg" ref="addMsg" label-width="100px">
<div style="
box-sizing: border-box;
background-color: #f3f5f6;
width: 100%;
padding-left: 20px;
height: 50px;
line-height: 50px;
"
>
<el-checkbox
:indeterminate="isIndeterminate"
v-model="checkAll"
@change="handleCheckAllChange"
>全选
">
<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选
</el-checkbox>
</div>
<div style="margin: 15px 0"></div>
<div style="padding: 10px 25px 20px">
<el-checkbox-group
v-model="checkedCities"
@change="handleCheckedCitiesChange"
>
<el-checkbox
style="margin-bottom: 10px; width: 135px"
v-for="city in cities"
:label="city.Id"
:key="city.Name"
>
{{ city.Name }}</el-checkbox
>
<el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">
<el-checkbox style="margin-bottom: 10px; width: 135px" v-for="city in cities" :label="city.Id"
:key="city.Name">
{{ city.Name }}</el-checkbox>
</el-checkbox-group>
</div>
</el-form>
......@@ -1426,17 +729,10 @@
</div>
</el-dialog>
<!-- 多个物流信息 -->
<el-dialog
custom-class="sendDigClass"
title="提示"
:visible.sync="moresendDig"
width="420px"
>
<el-dialog custom-class="sendDigClass" title="提示" :visible.sync="moresendDig" width="420px">
<p style="padding: 10px 15px">{{ moresendtips }}</p>
<div style="text-align: right; margin-top: 20px">
<el-button size="small" type="primary" @click="moresendDig = fasle"
>确定</el-button
>
<el-button size="small" type="primary" @click="moresendDig = fasle">确定</el-button>
</div>
</el-dialog>
<!-- 放入回收站 -->
......@@ -1463,69 +759,47 @@
</el-form>
<span slot="footer" class="dialog-footer">
<el-button size="small" @click="priceDig = false">取 消</el-button>
<el-button size="small" type="primary" @click="priceForm('priceMsg')"
>确 定</el-button
>
<el-button size="small" type="primary" @click="priceForm('priceMsg')">确 定</el-button>
</span>
</el-dialog>
<!-- 商品、运费成本的修改 -->
<el-dialog
:title="cosType == 1 ? '商品成本修改' : '运费成本修改'"
:visible.sync="costDig"
width="600px"
>
<el-dialog :title="cosType == 1 ? '商品成本修改' : '运费成本修改'" :visible.sync="costDig" width="600px">
<el-form :model="costMsg" ref="costMsg" label-width="80px">
<el-form-item :label="cosType == 1 ? '商品成本' : '运费成本'">
<el-input
size="small"
v-model="costMsg.Money"
step="1"
min="0"
onkeyup="this.value= this.value.match(/\d+(\.\d{0,3})?/) ? this.value.match(/\d+(\.\d{0,3})?/)[0] : ''"
></el-input>
<div style="color: red;margin-top: 5px;" v-if="cosType == 1&& currentUserInfo && currentUserInfo.TenantId == 1 && currentUserInfo.MallBaseId ==1">*注:商品成本调高会触发重置订单商品返佣</div>
<el-input size="small" v-model="costMsg.Money" step="1" min="0"
onkeyup="this.value= this.value.match(/\d+(\.\d{0,3})?/) ? this.value.match(/\d+(\.\d{0,3})?/)[0] : ''">
</el-input>
<div style="color: red;margin-top: 5px;"
v-if="cosType == 1&& currentUserInfo && currentUserInfo.TenantId == 1 && currentUserInfo.MallBaseId ==1">
*注:商品成本调高会触发重置订单商品返佣</div>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button size="small" @click="costDig = false">取 消</el-button>
<el-button size="small" type="primary" @click="costForm('costMsg')"
>确 定</el-button
>
<el-button size="small" type="primary" @click="costForm('costMsg')">确 定</el-button>
</span>
</el-dialog>
<!-- 商品 供应商修改 -->
<el-dialog title="修改供应商" :visible.sync="upSupliDilog" width="400px">
<el-form label-width="90px">
<el-form-item label="供应商">
<el-select
filterable
v-model="SupplierId"
size="small"
placeholder="请选择"
>
<el-option
v-for="item in SuplierList"
:key="item.ID"
:label="item.Name"
:value="item.ID"
>
<el-select filterable v-model="SupplierId" size="small" placeholder="请选择">
<el-option v-for="item in SuplierList" :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button size="small" @click="upSupliDilog = false">取 消</el-button>
<el-button size="small" type="primary" @click="SaveSuplier"
>确 定</el-button
>
<el-button size="small" type="primary" @click="SaveSuplier">确 定</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
export default {
export default {
name: "orderList",
data() {
return {
......@@ -1562,51 +836,39 @@ export default {
ShoppingAddress: "",
},
shMsgrule: {
Province: [
{
Province: [{
required: true,
message: "请选择省",
trigger: "change",
},
],
ShoppingAddress: [
{
}, ],
ShoppingAddress: [{
required: true,
message: "请输入详细地址",
trigger: "blur",
},
],
Mobile: [
{
}, ],
Mobile: [{
required: true,
message: "请输入手机号",
trigger: "blur",
},
],
Consignee: [
{
}, ],
Consignee: [{
required: true,
message: "请输入收件人",
trigger: "blur",
},
],
}, ],
},
fhrules: {
ExpressId: [
{
ExpressId: [{
required: true,
message: "请选择快递公司",
trigger: "change",
},
],
ExpressNumber: [
{
}, ],
ExpressNumber: [{
required: true,
message: "请输入快递单号",
trigger: "blur",
},
],
}, ],
},
fhMsg: {
Id: 0,
......@@ -1663,8 +925,7 @@ export default {
},
IsSelectPayMoney: 0,
platList: [],
option: [
{
option: [{
Id: 1,
name: "订单号",
},
......@@ -1718,7 +979,7 @@ export default {
SupplierId: 0, //公用供应商id 给弹窗用
CommonId: 0, //公用id 给弹窗用
TenantId: 0,
currentUserInfo:{},
currentUserInfo: {},
};
},
created() {
......@@ -1748,8 +1009,9 @@ export default {
let path = file.data.Path;
this.btnLoad = true;
this.apipost(
"/api/order/SetGoodsOrderBatchImport",
{ FilePath: path },
"/api/order/SetGoodsOrderBatchImport", {
FilePath: path
},
(res) => {
this.btnLoad = false;
if (res.data.resultCode == 1) {
......@@ -2053,8 +1315,9 @@ export default {
})
.then(() => {
this.apipost(
"/api/order/SetOrderOfflinePayment",
{ OrderId: item.OrderId },
"/api/order/SetOrderOfflinePayment", {
OrderId: item.OrderId
},
(res) => {
if (res.data.resultCode === 1) {
this.getList();
......@@ -2071,16 +1334,14 @@ export default {
// 判断是否有多个物流
getOrderSend(item) {
this.apipost(
"/api/order/GetOrderSendGoodsExpressIdByOrderId",
{
"/api/order/GetOrderSendGoodsExpressIdByOrderId", {
OrderId: item.OrderId,
},
(res) => {
let Id = res.data.data;
if (res.data.resultCode == 1) {
this.apipost(
"/api/order/GetOrderSendGoodsInfo",
{
"/api/order/GetOrderSendGoodsInfo", {
OrderExpressId: Id,
},
(res) => {
......@@ -2296,8 +1557,9 @@ export default {
that.Confirm(text, function () {
that.loading = true;
that.apipost(
"/api/order/SetOrderForcedToCancel",
{ OrderId: item.OrderId },
"/api/order/SetOrderForcedToCancel", {
OrderId: item.OrderId
},
(res) => {
if (res.data.resultCode == 1) {
that.loading = false;
......@@ -2350,6 +1612,22 @@ export default {
if (res.data.resultCode == 1) {
this.total = res.data.data.count;
let pageData = res.data.data.pageData;
if (pageData && pageData.length > 0) {
pageData.forEach(item => {
item.CustomFormInfo = null;
var customerInfo = "";
if (item.DetailList && item.DetailList.length > 0) {
customerInfo = item.DetailList[0].CustomFormInfo;
}
if (customerInfo) {
try {
item.CustomFormInfo = JSON.parse(customerInfo);
} catch (err) {
}
}
})
}
this.tableData = pageData;
}
});
......@@ -2381,8 +1659,7 @@ export default {
},
getArea(val) {
this.apipost(
"/api/Destination/GetChildList",
{
"/api/Destination/GetChildList", {
Id: val,
},
(res) => {
......@@ -2392,8 +1669,7 @@ export default {
},
getCity(val) {
this.apipost(
"/api/Destination/GetChildList",
{
"/api/Destination/GetChildList", {
Id: val,
},
(res) => {
......@@ -2406,8 +1682,7 @@ export default {
},
getProvince() {
this.apipost(
"/api/Destination/GetChildList",
{
"/api/Destination/GetChildList", {
Id: 1,
},
(res) => {
......@@ -2521,7 +1796,10 @@ export default {
OtherType: 21,
ReFinanceId: item.OrderId, //订单id
ReFinanceId2: list.Id, //订单商品id
ECOrderList: [{ ECOrderId: item.OrderId, ECOrderDetailId: list.Id }],
ECOrderList: [{
ECOrderId: item.OrderId,
ECOrderDetailId: list.Id
}],
};
// window.open('http://www.test.com:8081/#/ChoiceAddFinancialDocuments?Type=1&companyID='+companyID+'&orderObj='+JSON.stringify(orderObj))
window.open(
......@@ -2541,7 +1819,10 @@ export default {
OtherType: 22,
ReFinanceId: item.OrderId,
ReFinanceId2: list.Id,
ECOrderList: [{ ECOrderId: item.OrderId, ECOrderDetailId: list.Id }],
ECOrderList: [{
ECOrderId: item.OrderId,
ECOrderDetailId: list.Id
}],
};
// window.open('http://www.test.com:8081/#/ChoiceAddFinancialDocuments?Type=2&companyID='+companyID+'&orderObj='+JSON.stringify(orderObj))
window.open(
......@@ -2570,119 +1851,124 @@ export default {
);
},
},
};
};
</script>
<style>
.orderList .remark-box {
.orderList .remark-box {
padding-top: 3px;
margin-left: 7px;
}
.orderList .upload-demo {
}
.orderList .upload-demo {
float: right;
margin-top: -5px;
margin-left: 20px;
}
.orderList .pendSelect .el-input {
}
.orderList .pendSelect .el-input {
width: 100px;
}
}
.hszDigClass .el-dialog__body {
.hszDigClass .el-dialog__body {
padding: 0 10px 20px 0;
}
.orderList .tyi .el-dialog__body {
}
.orderList .tyi .el-dialog__body {
padding: 0 20px;
}
.sendDigClass .el-dialog__body {
}
.sendDigClass .el-dialog__body {
padding: 0 10px 10px 0;
}
}
.app-order-list .card-footer .seller-remark {
.app-order-list .card-footer .seller-remark {
margin-top: 10px;
color: #e6a23c;
}
}
.app-send .el-table__header-wrapper th {
.app-send .el-table__header-wrapper th {
background-color: #f5f7fa;
}
}
.app-send .title-box .text {
.app-send .title-box .text {
background-color: #fefaef;
color: #e6a23c;
padding: 6px;
}
}
.app-send .title-box {
.app-send .title-box {
margin: 15px 0;
}
}
.app-order-list .app-order-item .el-button {
.app-order-list .app-order-item .el-button {
padding: 0;
}
}
.app-order-list .card-footer .address-box {
.app-order-list .card-footer .address-box {
margin-right: 10px;
}
}
.app-order-list .card-footer {
.app-order-list .card-footer {
background: #f3f5f6;
padding: 10px 20px;
}
}
.app-order-list .app-order-info > div {
.app-order-list .app-order-info>div {
width: 100%;
}
}
.app-order-icon {
.app-order-icon {
margin-right: 5%;
margin-bottom: 10px;
cursor: pointer;
}
}
.app-order-body {
.app-order-body {
display: flex;
flex-wrap: nowrap;
}
}
.app-order-list .app-order-info {
.app-order-list .app-order-info {
display: flex;
align-items: center;
width: 15%;
text-align: center;
border-right: 1px solid #ebeef5;
justify-content: center;
}
}
.app-order-list .el-card__body {
.app-order-list .el-card__body {
padding: 0;
}
}
.app-order-list .express-price {
.app-order-list .express-price {
height: 30px;
line-height: 30px;
}
}
.app-order-list .goods-item {
.app-order-list .goods-item {
border-right: 1px solid #ebeef5;
}
}
.app-order-list .app-order-info {
.app-order-list .app-order-info {
display: flex;
align-items: center;
width: 15%;
text-align: center;
border-right: 1px solid #ebeef5;
}
}
.app-order-list .goods-item .goods .app-order-goods-price {
.app-order-list .goods-item .goods .app-order-goods-price {
height: 24px;
margin-top: 3px;
position: absolute;
bottom: 20px;
left: 125px;
}
}
.app-order-list .goods-item .goods-info .goods-name {
.app-order-list .goods-item .goods-info .goods-name {
margin-bottom: 5px;
word-break: break-all;
text-overflow: ellipsis;
......@@ -2690,40 +1976,40 @@ export default {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
}
.app-order-list .goods-item .goods-info {
.app-order-list .goods-item .goods-info {
width: 50%;
margin-top: 5px;
}
}
.app-order-list .goods-image {
.app-order-list .goods-image {
height: 90px;
width: 90px;
margin-right: 15px;
float: left;
}
}
.app-order-list .goods-item .goods {
.app-order-list .goods-item .goods {
position: relative;
padding: 20px;
min-height: 130px;
border-top: 1px solid #ebeef5;
}
}
.app-order-list .goods-item .goods:first-of-type {
.app-order-list .goods-item .goods:first-of-type {
border-top: 0;
}
}
.orderList .app-order-list .app-order-item:hover .app-order-btnimg {
.orderList .app-order-list .app-order-item:hover .app-order-btnimg {
display: block;
}
}
.orderList .app-order-list .app-order-item:hover {
.orderList .app-order-list .app-order-item:hover {
border: 1px solid #3399ff;
}
}
.orderList .app-order-btnimg {
.orderList .app-order-btnimg {
position: absolute;
top: 20px;
right: 25px;
......@@ -2731,89 +2017,93 @@ export default {
font-size: 18px;
padding: 0;
display: none;
}
}
.orderList .app-order-offline {
.orderList .app-order-offline {
margin-left: 30px;
margin-top: -2px;
}
}
.orderList .app-order-user img {
.orderList .app-order-user img {
height: 20px;
width: 20px;
display: block;
float: left;
border-radius: 50%;
margin-right: 10px;
}
}
.orderList .app-order-list .app-order-time {
.orderList .app-order-list .app-order-time {
color: #909399;
}
}
.orderList .app-order-user {
.orderList .app-order-user {
margin-left: 30px;
}
}
.orderList .app-order-list .app-order-time {
.orderList .app-order-list .app-order-time {
color: #909399;
}
}
.orderList .app-order-list .app-order-item .el-card__header {
.orderList .app-order-list .app-order-item .el-card__header {
padding: 0;
}
}
.orderList .app-order-list .app-order-item {
.orderList .app-order-list .app-order-item {
margin-top: 20px;
min-width: 750px;
}
}
.orderList .app-order-list .app-order-head {
.orderList .app-order-list .app-order-head {
padding: 20px;
background-color: #f3f5f6;
color: #303133;
min-width: 750px;
display: flex;
position: relative;
}
}
.orderList .app-order-title div {
.orderList .app-order-title div {
text-align: center;
}
}
.orderList .app-order-title {
.orderList .app-order-title {
background-color: #f3f5f6;
height: 40px;
line-height: 40px;
display: flex;
min-width: 750px;
}
}
.orderList .content {
.orderList .content {
background: #fff;
margin-top: 10px;
padding: 20px;
box-sizing: border-box;
}
.orderList .billStyle {
}
.orderList .billStyle {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
border: 1px solid #ebeef5;
margin-top: 20px;
}
.orderList .billStyle .billStyle_item {
}
.orderList .billStyle .billStyle_item {
width: 50%;
padding: 5px;
}
.orderList .billStyle .billtext {
}
.orderList .billStyle .billtext {
font-size: 14px;
cursor: pointer;
margin-right: 5px;
text-decoration: underline;
}
.orderList .el-dropdown-link {
}
.orderList .el-dropdown-link {
height: 30px;
line-height: 30px;
background-color: #409eff;
......@@ -2824,17 +2114,20 @@ export default {
border-radius: 4px;
cursor: pointer;
display: inline-block;
}
.orderList .fkbox {
}
.orderList .fkbox {
display: flex;
flex-direction: row;
align-items: center;
margin-right: 15px;
}
.orderList .fkbox .fkbox_item {
}
.orderList .fkbox .fkbox_item {
width: 10px;
height: 10px;
border-radius: 2px;
margin-right: 4px;
}
}
</style>
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