Skip to content

R
rs-cloud-platform-ui
Commit 99faf84e authored by rencs's avatar rencs
Browse files
Options

1.20 css

parent 265c63b3
Show whitespace changes
Inline Side-by-side
Showing with 825 additions and 434 deletions
src/views/orderManagement/orderList/index.vue
View file @ 99faf84e
...@@ -20,34 +20,56 @@ ...@@ -20,34 +20,56 @@
type="datetimerange" type="datetimerange"
range-separator="至" range-separator="至"
start-placeholder="开始日期" start-placeholder="开始日期"
end-placeholder="结束日期"> end-placeholder="结束日期"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="订单状态"> <el-form-item label="订单状态">
<el-select filterable v-model="listQuery.status" placeholder="请选择"> <el-select
<el-option :key="undefined" label="全部" :value="undefined"></el-option> filterable
<el-option v-for="item in orderStatusList" :key="item.id" :label="item.name" :value="item.id"></el-option> v-model="listQuery.status"
placeholder="请选择"
>
<el-option
:key="undefined"
label="全部"
:value="undefined"
></el-option>
<el-option
v-for="item in orderStatusList"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<!-- <el-col :span="8">--> <!-- <el-col :span="8">-->
<!-- <el-form-item label="商品类型">--> <!-- <el-form-item label="商品类型">-->
<!-- <el-select filterable v-model="listQuery.type" placeholder="请选择">--> <!-- <el-select filterable v-model="listQuery.type" placeholder="请选择">-->
<!-- <el-option :key="undefined" label="全部" :value="undefined"></el-option>--> <!-- <el-option :key="undefined" label="全部" :value="undefined"></el-option>-->
<!-- <el-option :key="1" label="标准数据" :value="1"></el-option>--> <!-- <el-option :key="1" label="标准数据" :value="1"></el-option>-->
<!-- <el-option :key="2" label="影像图库" :value="2"></el-option>--> <!-- <el-option :key="2" label="影像图库" :value="2"></el-option>-->
<!-- <el-option :key="3" label="行业应用" :value="3"></el-option>--> <!-- <el-option :key="3" label="行业应用" :value="3"></el-option>-->
<!-- </el-select>--> <!-- </el-select>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<!-- </el-col>--> <!-- </el-col>-->
<el-col :span="8"> <el-col :span="8">
<el-form-item label="交付方式"> <el-form-item label="交付方式">
<el-select filterable v-model="listQuery.sendType" placeholder="请选择"> <el-select
<el-option :key="undefined" label="全部" :value="undefined"></el-option> filterable
v-model="listQuery.sendType"
placeholder="请选择"
>
<el-option
:key="undefined"
label="全部"
:value="undefined"
></el-option>
<el-option :key="1" label="线上" :value="1"></el-option> <el-option :key="1" label="线上" :value="1"></el-option>
<el-option :key="2" label="线下" :value="2"></el-option> <el-option :key="2" label="线下" :value="2"></el-option>
</el-select> </el-select>
...@@ -56,7 +78,11 @@ ...@@ -56,7 +78,11 @@
<el-col :span="8"> <el-col :span="8">
<el-form-item label="是否定制"> <el-form-item label="是否定制">
<el-select filterable v-model="listQuery.type" placeholder="请选择"> <el-select filterable v-model="listQuery.type" placeholder="请选择">
<el-option :key="undefined" label="全部" :value="undefined"></el-option> <el-option
:key="undefined"
label="全部"
:value="undefined"
></el-option>
<el-option :key="1" label="否" :value="1"></el-option> <el-option :key="1" label="否" :value="1"></el-option>
<el-option :key="2" label="是" :value="2"></el-option> <el-option :key="2" label="是" :value="2"></el-option>
</el-select> </el-select>
...@@ -64,8 +90,16 @@ ...@@ -64,8 +90,16 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="是否开发票"> <el-form-item label="是否开发票">
<el-select filterable v-model="listQuery.invoiceStatus" placeholder="请选择"> <el-select
<el-option :key="undefined" label="全部" :value="undefined"></el-option> filterable
v-model="listQuery.invoiceStatus"
placeholder="请选择"
>
<el-option
:key="undefined"
label="全部"
:value="undefined"
></el-option>
<el-option :key="1" label="是" :value="2"></el-option> <el-option :key="1" label="是" :value="2"></el-option>
<el-option :key="2" label="否" :value="1"></el-option> <el-option :key="2" label="否" :value="1"></el-option>
</el-select> </el-select>
...@@ -74,8 +108,12 @@ ...@@ -74,8 +108,12 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-button type="primary" @click="handleFilter">筛选</el-button> <el-button type="primary" icon="el-icon-search" @click="handleFilter"
<el-button type="primary" plain @click="clear_search">清空筛选条件</el-button> >筛选</el-button
>
<el-button type="primary" plain @click="clear_search"
>清空筛选条件</el-button
>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
...@@ -93,70 +131,272 @@ ...@@ -93,70 +131,272 @@
</div> </div>
<div v-for="item in list" :key="item.orderId"> <div v-for="item in list" :key="item.orderId">
<div class="order-no-top"> <div class="order-no-top">
<span class="order-no">订单号：{{item.orderNo}} <span class="order-no"
<span class="tag-invoice" v-if="item.invoiceStatus>=2">已开票</span> >订单号：{{ item.orderNo }}
<span class="tag-invoice" v-if="item.invoiceStatus >= 2">已开票</span>
<span class="tag-no" v-else-if="item.invoiceId">开发票</span> <span class="tag-no" v-else-if="item.invoiceId">开发票</span>
<span class="tag-no" style="color: #d9001b;" v-if="item.type == 2">定制</span> <span class="tag-no" style="color: #d9001b" v-if="item.type == 2"
>定制</span
>
</span> </span>
<span class="order-time"><span class="tag-invoice-no" @click="handleInvoice(item)" v-if="item.invoiceId && item.invoiceStatus == 1">开发票</span>下单时间：{{item.crtTime}}</span> <span class="order-time"
><span
class="tag-invoice-no"
@click="handleInvoice(item)"
v-if="item.invoiceId && item.invoiceStatus == 1"
>开发票</span
>下单时间：{{ item.crtTime }}</span
>
</div> </div>
<table class="order-table-1"> <table class="order-table-1">
<tr> <tr>
<td class="goods-name">{{item.nickname}}</td> <td class="goods-name">{{ item.nickname }}</td>
<td class="goods-phone">{{item.phone}}</td> <td class="goods-phone">{{ item.phone }}</td>
<td class="goods-item" v-if="item.type == 1"> <td class="goods-item" v-if="item.type == 1">
<div v-for="iitem in item.orderItemList" :key="iitem.itemId" class="flex-aic goods-ii"> <div
<div class="flex-aic-jcb" style="width: 100%;"> v-for="iitem in item.orderItemList"
:key="iitem.itemId"
class="flex-aic goods-ii"
>
<div class="flex-aic-jcb" style="width: 100%">
<div class="flex-aic"> <div class="flex-aic">
<img style="width: 84px;height: 62px;border-radius: 8px;object-fit: cover;margin-right: 6px;" :src="iitem.itemPic"> <img
style="
width: 84px;
height: 62px;
border-radius: 8px;
object-fit: cover;
margin-right: 6px;
"
:src="iitem.itemPic"
/>
<div v-if="iitem.type != 1"> <div v-if="iitem.type != 1">
<p>{{iitem.name}}</p> <p>{{ iitem.name }}</p>
<p v-if="iitem.type==2">尺寸：{{iitem.fileWidth}}</p> <p v-if="iitem.type == 2">尺寸：{{ iitem.fileWidth }}</p>
<p v-if="iitem.type==3">类别：{{iitem.firstTitle}}</p> <p v-if="iitem.type == 3">类别：{{ iitem.firstTitle }}</p>
</div> </div>
<div v-else> <div v-else>
<p>卫星：{{iitem.detailJson.imageSatelliteType}}</p> <p>卫星：{{ iitem.detailJson.imageSatelliteType }}</p>
<p>传感器：{{iitem.detailJson.imageSensorType}}</p> <p>传感器：{{ iitem.detailJson.imageSensorType }}</p>
<p>分辨率：{{iitem.imageResolutionStr}}</p> <p>分辨率：{{ iitem.imageResolutionStr }}</p>
<p>云量：{{iitem.detailJson.imageCloudage}}</p> <p>云量：{{ iitem.detailJson.imageCloudage }}</p>
</div> </div>
</div> </div>
<p style="padding-right: 10px;">{{iitem.type==1?'标准数据':iitem.type==3?'行业应用':iitem.type==2?'影像图库':iitem.type}}</p> <p style="padding-right: 10px">
{{
iitem.type == 1
? "标准数据"
: iitem.type == 3
? "行业应用"
: iitem.type == 2
? "影像图库"
: iitem.type
}}
</p>
</div> </div>
</div> </div>
</td> </td>
<td class="goods-item" v-if="item.type == 2"> <td class="goods-item" v-if="item.type == 2">
<div class="flex-aic-jcb"> <div class="flex-aic-jcb">
<div> <div>
<p>区域范围：{{item.customerJson.provinceName + item.customerJson.cityName + item.customerJson.areaName}}</p> <p>
<p>采集时间：{{ item.customerJson.startTimeStr }}至{{ item.customerJson.endTimeStr }}</p> 区域范围：{{
<p v-if="item.customerJson.type == 1">分辨率：{{ item.customerJson.resolution }}</p> item.customerJson.provinceName +
<p v-if="item.customerJson.type != 3">获取类型：{{ item.customerJson.gainType==101?'数据API': item.customerJson.gainType==102?'实体数据':item.customerJson.gainType==201?'报告':item.customerJson.gainType==202?'web平台':item.customerJson.gainType==203?'其他':item.customerJson.gainType}}</p> item.customerJson.cityName +
<p v-if="item.customerJson.type==3">定制类型：{{ item.customerJson.dataType }}</p> item.customerJson.areaName
<p v-if="item.customerJson.type==3">数据格式：{{ item.customerJson.dataFormat }}</p> }}
</p>
<p>
采集时间：{{ item.customerJson.startTimeStr }}至{{
item.customerJson.endTimeStr
}}
</p>
<p v-if="item.customerJson.type == 1">
分辨率：{{ item.customerJson.resolution }}
</p>
<p v-if="item.customerJson.type != 3">
获取类型：{{
item.customerJson.gainType == 101
? "数据API"
: item.customerJson.gainType == 102
? "实体数据"
: item.customerJson.gainType == 201
? "报告"
: item.customerJson.gainType == 202
? "web平台"
: item.customerJson.gainType == 203
? "其他"
: item.customerJson.gainType
}}
</p>
<p v-if="item.customerJson.type == 3">
定制类型：{{ item.customerJson.dataType }}
</p>
<p v-if="item.customerJson.type == 3">
数据格式：{{ item.customerJson.dataFormat }}
</p>
</div> </div>
<p style="padding-right: 10px;">{{item.customerJson.type==1?'编程需求':item.customerJson.type==2?'专题应用需求':item.customerJson.type==3?'影像图需求':item.customerJson.type}}</p> <p style="padding-right: 10px">
{{
item.customerJson.type == 1
? "编程需求"
: item.customerJson.type == 2
? "专题应用需求"
: item.customerJson.type == 3
? "影像图需求"
: item.customerJson.type
}}
</p>
</div> </div>
</td> </td>
<td class="goods-remark">{{item.remark?item.remark:item.customerJson?item.customerJson.descr:''}}</td> <td class="goods-remark">
<td class="send-way-item">{{item.sendType==1?'线上':item.sendType==2?'线下':'线上'}}</td> {{
<td class="pay-way-item" :style="item.payType==3?'color:#f6b725;':item.payType==2?'color:#13a8ff;':'color:#73d721;'">{{item.payType==1?'微信支付':item.payType==2?'支付宝':item.payType==3?'对公支付':item.payType}}</td> item.remark
<td class="amount-item">￥{{item.totalAmount}}</td> ? item.remark
<td class="order-status-item" v-if="item.payType==3" :style="item.status==4?'color:#f6b725;':item.status==5?'color:#0493fe;':item.status==6?'color:#2fd96f;':item.status==2&& !item.payImg?'color:#e83328;':item.status==2&& item.payImg?'color:#13a8ff;':''">{{item.status==2 && !item.payImg?'待付款':item.status==2 && item.payImg && !item.auditStatus?'待审核':item.status==2 && item.payImg && item.auditStatus==2?'已拒绝':item.status==4?'待发货':item.status==5?'待收货':item.status==6?'已完成':item.status==-2?'已取消':item.status==-1?'已删除':item.status}}</td> : item.customerJson
<td class="order-status-item" v-else :style="item.status==4?'color:#f6b725;':item.status==5?'color:#0493fe;':item.status==6?'color:#2fd96f;':item.status==2?'color:#e83328;':''">{{item.status==2?'待付款':item.status==4?'待发货':item.status==5?'待收货':item.status==6?'已完成':item.status==-2?'已取消':item.status==-1?'已删除':item.status}}</td> ? item.customerJson.descr
<td style="padding: 20px;border-right: none;"> : ""
<span class="normal-btn" v-if="item.status==5 || item.status == 6" @click="handleSee(item)">查看</span> }}
<span class="normal-btn" v-if="item.status==4 && item.shippingStatus == 0 && item.type == 1" @click="handleSend(item)">发货</span> </td>
<span class="normal-btn" v-if="item.status==4 && item.type == 2" @click="handleData(item)">选择数据</span> <td class="send-way-item">
<span class="normal-btn" style="border: 1px solid #13a8ff;color: #13a8ff;" v-if="item.status==2 && item.payType == 3" @click="handleAudit(item)">{{item.auditStatus?'查看':'待审核'}}</span> {{
item.sendType == 1 ? "线上" : item.sendType == 2 ? "线下" : "线上"
}}
</td>
<td
class="pay-way-item"
:style="
item.payType == 3
? 'color:#f6b725;'
: item.payType == 2
? 'color:#13a8ff;'
: 'color:#73d721;'
"
>
{{
item.payType == 1
? "微信支付"
: item.payType == 2
? "支付宝"
: item.payType == 3
? "对公支付"
: item.payType
}}
</td>
<td class="amount-item">￥{{ item.totalAmount }}</td>
<td
class="order-status-item"
v-if="item.payType == 3"
:style="
item.status == 4
? 'color:#f6b725;'
: item.status == 5
? 'color:#0493fe;'
: item.status == 6
? 'color:#2fd96f;'
: item.status == 2 && !item.payImg
? 'color:#e83328;'
: item.status == 2 && item.payImg
? 'color:#13a8ff;'
: ''
"
>
{{
item.status == 2 && !item.payImg
? "待付款"
: item.status == 2 && item.payImg && !item.auditStatus
? "待审核"
: item.status == 2 && item.payImg && item.auditStatus == 2
? "已拒绝"
: item.status == 4
? "待发货"
: item.status == 5
? "待收货"
: item.status == 6
? "已完成"
: item.status == -2
? "已取消"
: item.status == -1
? "已删除"
: item.status
}}
</td>
<td
class="order-status-item"
v-else
:style="
item.status == 4
? 'color:#f6b725;'
: item.status == 5
? 'color:#0493fe;'
: item.status == 6
? 'color:#2fd96f;'
: item.status == 2
? 'color:#e83328;'
: ''
"
>
{{
item.status == 2
? "待付款"
: item.status == 4
? "待发货"
: item.status == 5
? "待收货"
: item.status == 6
? "已完成"
: item.status == -2
? "已取消"
: item.status == -1
? "已删除"
: item.status
}}
</td>
<td style="padding: 20px; border-right: none">
<span
class="normal-btn"
v-if="item.status == 5 || item.status == 6"
@click="handleSee(item)"
>查看</span
>
<span
class="normal-btn"
v-if="
item.status == 4 && item.shippingStatus == 0 && item.type == 1
"
@click="handleSend(item)"
>发货</span
>
<span
class="normal-btn"
v-if="item.status == 4 && item.type == 2"
@click="handleData(item)"
>选择数据</span
>
<span
class="normal-btn"
style="border: 1px solid #13a8ff; color: #13a8ff"
v-if="item.status == 2 && item.payType == 3"
@click="handleAudit(item)"
>{{ item.auditStatus ? "查看" : "待审核" }}</span
>
</td> </td>
</tr> </tr>
</table> </table>
</div> </div>
<div v-if="list.length<=0"><table class="order-table-1"><tr style="text-align: center;"><td style="padding: 20px;border-right: none;">暂无数据</td></tr></table></div> <div v-if="list.length <= 0">
<div style="width：100%;dispaly:flex;justify-content: center;margin-top:20px" v-show="!listLoading"> <table class="order-table-1">
<tr style="text-align: center">
<td style="padding: 20px; border-right: none">暂无数据</td>
</tr>
</table>
</div>
<div
style="width：100%;dispaly:flex;justify-content: center;margin-top:20px"
v-show="!listLoading"
>
<el-pagination <el-pagination
style="margin-top: 20px" style="text-align: center"
@size-change="handleSizeChange" @size-change="handleSizeChange"
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page="listQuery.page" :current-page="listQuery.page"
...@@ -166,51 +406,107 @@ ...@@ -166,51 +406,107 @@
:total="total" :total="total"
></el-pagination> ></el-pagination>
<!--查看发货信息--> <!--查看发货信息-->
<order-send-detail :oneRow="oneRow" v-if="orderSendDetailVisible" v-on:detailEvent="detailEvent"></order-send-detail> <order-send-detail
:oneRow="oneRow"
v-if="orderSendDetailVisible"
v-on:detailEvent="detailEvent"
></order-send-detail>
<!--发货弹窗--> <!--发货弹窗-->
<send v-if="sendVisible" :one-row="oneRow" v-on:sendEvent="sendEvent" :title="title"></send> <send
v-if="sendVisible"
:one-row="oneRow"
v-on:sendEvent="sendEvent"
:title="title"
></send>
<!--定制数据-选择数据--> <!--定制数据-选择数据-->
<select-data-dialog v-if="selectDataVisible" :one-row="oneRow" v-on:selectDataEvent="selectDataEvent"></select-data-dialog> <select-data-dialog
v-if="selectDataVisible"
:one-row="oneRow"
v-on:selectDataEvent="selectDataEvent"
></select-data-dialog>
<!--对公支付审核--> <!--对公支付审核-->
<el-dialog :visible="auditVisible" title="对公支付审核" @close="cancel"> <el-dialog :visible="auditVisible" title="对公支付审核" @close="cancel">
<label style="color: red">转账信息</label> <label style="color: red">转账信息</label>
<div v-if="companyAccountInfo.detail" style="border: 1px solid #eee;padding: 16px;margin: 20px 0;"> <div
<div style="margin-bottom: 20px;">户名：{{companyAccountInfo.detail.accountName}}</div> v-if="companyAccountInfo.detail"
<div style="margin-bottom: 20px;">账号：{{companyAccountInfo.detail.account}}</div> style="border: 1px solid #eee; padding: 16px; margin: 20px 0"
<div>开户行：{{companyAccountInfo.detail.openBank}}</div> >
<div style="margin-bottom: 20px">
户名：{{ companyAccountInfo.detail.accountName }}
</div>
<div style="margin-bottom: 20px">
账号：{{ companyAccountInfo.detail.account }}
</div>
<div>开户行：{{ companyAccountInfo.detail.openBank }}</div>
</div> </div>
<label style="color: red">上传信息</label> <label style="color: red">上传信息</label>
<div style="border: 1px solid #eee;padding: 16px;margin-top: 20px;"> <div style="border: 1px solid #eee; padding: 16px; margin-top: 20px">
<div class="flex-aic"> <div class="flex-aic">
<label>支付凭证：</label> <label>支付凭证：</label>
<el-image <el-image
style="width: 100px; height: 100px;" style="width: 100px; height: 100px"
:src="oneRow.payImg" :src="oneRow.payImg"
:preview-src-list="[oneRow.payImg]"> :preview-src-list="[oneRow.payImg]"
>
</el-image> </el-image>
</div> </div>
</div> </div>
<el-form label-width="80px" style="margin-top: 20px;" ref="form" :rules="rules" :model="form" v-if="!oneRow.auditStatus"> <el-form
label-width="80px"
style="margin-top: 20px"
ref="form"
:rules="rules"
:model="form"
v-if="!oneRow.auditStatus"
>
<el-row> <el-row>
<el-form-item label="审核结果" prop="auditStatus"> <el-form-item label="审核结果" prop="auditStatus">
<el-radio v-model="form.auditStatus" :label="1" @change="checkValid">通过</el-radio> <el-radio
<el-radio v-model="form.auditStatus" :label="2" @change="checkValid">拒绝</el-radio> v-model="form.auditStatus"
:label="1"
@change="checkValid"
>通过</el-radio
>
<el-radio
v-model="form.auditStatus"
:label="2"
@change="checkValid"
>拒绝</el-radio
>
</el-form-item> </el-form-item>
</el-row> </el-row>
<el-row> <el-row>
<el-form-item label="拒绝原因" prop="auditReason" v-if="form.auditStatus == 2"> <el-form-item
<el-input type="textarea" v-model="form.auditReason" placeholder="请输入拒绝原因" :maxlength="400" :row="4"></el-input> label="拒绝原因"
prop="auditReason"
v-if="form.auditStatus == 2"
>
<el-input
type="textarea"
v-model="form.auditReason"
placeholder="请输入拒绝原因"
:maxlength="400"
:row="4"
></el-input>
</el-form-item> </el-form-item>
</el-row> </el-row>
</el-form> </el-form>
<div v-else> <div v-else>
<div style="margin-bottom: 20px;margin-top: 20px;">审核状态：{{ oneRow.auditStatus == 1?'已通过':'已拒绝' }}</div> <div style="margin-bottom: 20px; margin-top: 20px">
<div style="margin-bottom: 20px;">拒绝原因：{{ oneRow.auditReason }}</div> 审核状态：{{ oneRow.auditStatus == 1 ? "已通过" : "已拒绝" }}
</div>
<div style="margin-bottom: 20px">
拒绝原因：{{ oneRow.auditReason }}
</div>
</div> </div>
<div slot="footer" class="dialog-footer" v-if="!oneRow.auditStatus"> <div slot="footer" class="dialog-footer" v-if="!oneRow.auditStatus">
<el-button @click="cancel">取 消</el-button> <el-button @click="cancel">取 消</el-button>
<el-button type="primary" v-if="!isClick" @click="okSend('form')">确 定</el-button> <el-button type="primary" v-if="!isClick" @click="okSend('form')"
<el-button type="primary" v-else style="opacity: 0.6;" disabled>确 定</el-button> >确 定</el-button
>
<el-button type="primary" v-else style="opacity: 0.6" disabled
>确 定</el-button
>
</div> </div>
<div slot="footer" class="dialog-footer" v-else> <div slot="footer" class="dialog-footer" v-else>
<el-button @click="cancel">取 消</el-button> <el-button @click="cancel">取 消</el-button>
...@@ -220,27 +516,31 @@ ...@@ -220,27 +516,31 @@
</div> </div>
</template> </template>
<script type="javascript"> <script type="javascript">
import {getOrderList, updatePayStatus, getCompanyInfoByType} from "api/website/order/index"; import {
import orderSendDetail from "./orderSendDetail"; getOrderList,
import selectDataDialog from './selectDataDialog' updatePayStatus,
import send from './send' getCompanyInfoByType,
import {timestamp2DateAuto} from "../../../utils/dateUtils"; } from "api/website/order/index";
export default { import orderSendDetail from "./orderSendDetail";
components:{orderSendDetail, send, selectDataDialog}, import selectDataDialog from "./selectDataDialog";
import send from "./send";
import { timestamp2DateAuto } from "../../../utils/dateUtils";
export default {
components: { orderSendDetail, send, selectDataDialog },
data() { data() {
return { return {
title: '订单发货', title: "订单发货",
activeName: '1', activeName: "1",
orderStatusList: [ orderStatusList: [
// {id: 0, name: '定制订单无价格'}, // {id: 0, name: '定制订单无价格'},
// {id: 1, name: '创建订单'}, // {id: 1, name: '创建订单'},
{id: 2, name: '待付款'}, { id: 2, name: "待付款" },
// {id: 3, name: '已支付'}, // {id: 3, name: '已支付'},
{id: 4, name: '待发货'}, { id: 4, name: "待发货" },
{id: 5, name: '已收货'}, { id: 5, name: "已收货" },
{id: 6, name: '已完成'}, { id: 6, name: "已完成" },
// {id: -1, name: '删除'}, // {id: -1, name: '删除'},
{id: -2, name: '已取消'}, { id: -2, name: "已取消" },
// {id: -3, name: '退款'} // {id: -3, name: '退款'}
], ],
isClick: false, // 是否已点击审核 isClick: false, // 是否已点击审核
...@@ -258,14 +558,22 @@ ...@@ -258,14 +558,22 @@
type: undefined, // 1、普通订单，2、定制订单 type: undefined, // 1、普通订单，2、定制订单
sendType: undefined, // 配送方式:1、线上配送，2、快递配送 sendType: undefined, // 配送方式:1、线上配送，2、快递配送
}, },
form:{ form: {
auditStatus: undefined, // 审核状态： 1、审核通过，2、审核拒绝 auditStatus: undefined, // 审核状态： 1、审核通过，2、审核拒绝
auditReason: undefined, // 审核理由 auditReason: undefined, // 审核理由
orderNo: undefined // 订单号 orderNo: undefined, // 订单号
}, },
rules: { rules: {
auditReason: { required: true, message: '请输入拒绝原因', trigger: 'blur' }, auditReason: {
auditStatus: {required: true, message: '请选择审核结果', trigger: 'change' } required: true,
message: "请输入拒绝原因",
trigger: "blur",
},
auditStatus: {
required: true,
message: "请选择审核结果",
trigger: "change",
},
}, },
listLoading: false, listLoading: false,
times: [], // 时间 times: [], // 时间
...@@ -281,12 +589,12 @@ ...@@ -281,12 +589,12 @@
}, },
created() { created() {
this.listQuery.keywords = this.$route.query.orderNo; this.listQuery.keywords = this.$route.query.orderNo;
this.getList() this.getList();
this.companyInfoByType() // 获取对公信息 this.companyInfoByType(); // 获取对公信息
}, },
methods: { methods: {
handleFilter() { handleFilter() {
this.listQuery.page = 1 this.listQuery.page = 1;
this.getList(); this.getList();
}, },
handleSizeChange(val) { handleSizeChange(val) {
...@@ -300,28 +608,29 @@ ...@@ -300,28 +608,29 @@
/** /**
* 取消审核 * 取消审核
*/ */
cancel(){ cancel() {
this.auditVisible = false this.auditVisible = false;
}, },
/** /**
* 对公支付-待审核 * 对公支付-待审核
*/ */
handleAudit(row){ handleAudit(row) {
this.oneRow = row this.oneRow = row;
this.form = { this.form = {
auditStatus: undefined, // 审核状态： 1、审核通过，2、审核拒绝 auditStatus: undefined, // 审核状态： 1、审核通过，2、审核拒绝
auditReason: undefined, // 审核理由 auditReason: undefined, // 审核理由
orderNo: row.orderNo // 订单号 orderNo: row.orderNo, // 订单号
} };
this.auditVisible = true; this.auditVisible = true;
}, },
/** /**
* 检测填写状态 * 检测填写状态
*/ */
checkValid(){ checkValid() {
this.$refs['form'].validateField('auditStatus', picError => { //审核结果 this.$refs["form"].validateField("auditStatus", (picError) => {
//审核结果
if (!picError) { if (!picError) {
console.log('审核结果-已选择') console.log("审核结果-已选择");
} else { } else {
return false; return false;
} }
...@@ -330,55 +639,57 @@ ...@@ -330,55 +639,57 @@
/** /**
* 提交审核 * 提交审核
*/ */
okSend(formName){ okSend(formName) {
let _this = this let _this = this;
if(this.isClick){ if (this.isClick) {
return return;
} }
this.isClick = true this.isClick = true;
setTimeout(function(){ setTimeout(function () {
_this.isClick = false _this.isClick = false;
}, 2000) }, 2000);
const set = this.$refs; const set = this.$refs;
set[formName].validate((valid) => { set[formName].validate((valid) => {
if (valid) { if (valid) {
updatePayStatus(this.form).then((response) => { updatePayStatus(this.form).then((response) => {
if(response.status == 200){ if (response.status == 200) {
this.$notify({ this.$notify({
title: "成功", title: "成功",
message: "操作成功", message: "操作成功",
type: "success", type: "success",
duration: 2000 duration: 2000,
}); });
this.auditVisible = false this.auditVisible = false;
this.getList() this.getList();
} else { } else {
this.$notify({ this.$notify({
title: '失败', title: "失败",
message: response.message, message: response.message,
type: 'error', type: "error",
duration: 2000 duration: 2000,
}) });
} }
}); });
} }
}) });
}, },
/** /**
* 查看弹窗关闭 * 查看弹窗关闭
*/ */
detailEvent(){ detailEvent() {
this.orderSendDetailVisible = false this.orderSendDetailVisible = false;
}, },
/** /**
* 获取对公信息 * 获取对公信息
*/ */
companyInfoByType(){ companyInfoByType() {
getCompanyInfoByType({type: 2}).then((res) => { getCompanyInfoByType({ type: 2 }).then((res) => {
if(res.status == 200){ if (res.status == 200) {
if(res.data.length>0){ if (res.data.length > 0) {
res.data[0].detail = res.data[0].detail?JSON.parse(res.data[0].detail):{} res.data[0].detail = res.data[0].detail
this.companyAccountInfo = res.data[0] ? JSON.parse(res.data[0].detail)
: {};
this.companyAccountInfo = res.data[0];
} }
} else { } else {
this.$notify({ this.$notify({
...@@ -393,89 +704,108 @@ ...@@ -393,89 +704,108 @@
/** /**
* 选择数据-关闭弹窗 * 选择数据-关闭弹窗
*/ */
selectDataEvent(e){ selectDataEvent(e) {
if(e){ if (e) {
this.getList() this.getList();
} }
this.selectDataVisible = false this.selectDataVisible = false;
}, },
/** /**
* 查看 * 查看
*/ */
handleSee(row){ handleSee(row) {
this.oneRow = row this.oneRow = row;
this.orderSendDetailVisible = true; this.orderSendDetailVisible = true;
}, },
/** /**
* 发货弹窗关闭 * 发货弹窗关闭
*/ */
sendEvent(e){ sendEvent(e) {
if(e){ if (e) {
this.getList() this.getList();
} }
this.sendVisible = false this.sendVisible = false;
}, },
/** /**
* 开票发货 * 开票发货
*/ */
handleInvoice(row){ handleInvoice(row) {
this.oneRow = row this.oneRow = row;
this.title = '发票发货' this.title = "发票发货";
this.sendVisible = true this.sendVisible = true;
}, },
/** /**
* 发货 * 发货
*/ */
handleSend(row){ handleSend(row) {
this.oneRow = row this.oneRow = row;
this.title = '订单发货' this.title = "订单发货";
this.sendVisible = true this.sendVisible = true;
}, },
/** /**
* 选择数据 * 选择数据
*/ */
handleData(row){ handleData(row) {
this.oneRow = row this.oneRow = row;
this.selectDataVisible = true this.selectDataVisible = true;
}, },
/** /**
* 商品品牌列表 * 商品品牌列表
*/ */
getList() { getList() {
let _this = this let _this = this;
this.listLoading = true; this.listLoading = true;
if(this.times && this.times.length>0){ if (this.times && this.times.length > 0) {
this.listQuery.startTime = this.times[0] this.listQuery.startTime = this.times[0];
this.listQuery.endTime = this.times[1] this.listQuery.endTime = this.times[1];
} }
getOrderList(this.listQuery).then((response) => { getOrderList(this.listQuery).then((response) => {
let a = response.data.data let a = response.data.data;
a.map(function(item) { a.map(function (item) {
if(item.orderItemList){ if (item.orderItemList) {
item.orderItemList.map(function(iitem){ item.orderItemList.map(function (iitem) {
iitem.detailJson = iitem.detailJson ? JSON.parse(iitem.detailJson) : {} iitem.detailJson = iitem.detailJson
if(iitem.type == 2){ // 影像图库-尺寸 ? JSON.parse(iitem.detailJson)
iitem.fileWidth = iitem.detailJson.imageInfoRelationList && iitem.detailJson.imageInfoRelationList.length>0 ? iitem.detailJson.imageInfoRelationList[0].fileWidth:'' : {};
} if (iitem.type == 2) {
if(iitem.type == 3){ // 影像图库-尺寸
iitem.fileWidth =
iitem.detailJson.imageInfoRelationList &&
iitem.detailJson.imageInfoRelationList.length > 0
? iitem.detailJson.imageInfoRelationList[0].fileWidth
: "";
}
if (iitem.type == 3) {
// 行业应用-类别 // 行业应用-类别
iitem.firstTitle = iitem.detailJson.firstTitle ? iitem.detailJson.firstTitle : '' iitem.firstTitle = iitem.detailJson.firstTitle
? iitem.detailJson.firstTitle
: "";
} }
if (iitem.type == 1) { if (iitem.type == 1) {
// 标准数据 // 标准数据
iitem.itemPic = _this.BASE_API + '/api/datacenter/web/gtdata/app/unauth/image/' + iitem.detailJson.thumbnailPath + '_98_98.jpg' iitem.itemPic =
iitem.imageResolutionStr = iitem.detailJson.imageResolution.toString() _this.BASE_API +
"/api/datacenter/web/gtdata/app/unauth/image/" +
iitem.detailJson.thumbnailPath +
"_98_98.jpg";
iitem.imageResolutionStr = iitem.detailJson.imageResolution.toString();
// iitem.imageResolutionStr = iitem.detailJson.imageResolution?iitem.detailJson.imageResolution.replace(/{/g, ""):'' // iitem.imageResolutionStr = iitem.detailJson.imageResolution?iitem.detailJson.imageResolution.replace(/{/g, ""):''
// iitem.imageResolutionStr = iitem.imageResolutionStr?iitem.imageResolutionStr.replace(/}/g, ""):'' // iitem.imageResolutionStr = iitem.imageResolutionStr?iitem.imageResolutionStr.replace(/}/g, ""):''
} }
}) });
} }
if(item.customerJson){ if (item.customerJson) {
item.customerJson = JSON.parse(item.customerJson) item.customerJson = JSON.parse(item.customerJson);
item.customerJson.startTimeStr = timestamp2DateAuto(item.customerJson.startTime, "yyyy-MM-dd"); item.customerJson.startTimeStr = timestamp2DateAuto(
item.customerJson.endTimeStr = timestamp2DateAuto(item.customerJson.endTime, "yyyy-MM-dd"); item.customerJson.startTime,
"yyyy-MM-dd"
);
item.customerJson.endTimeStr = timestamp2DateAuto(
item.customerJson.endTime,
"yyyy-MM-dd"
);
} }
}) });
_this.list = a; _this.list = a;
_this.total = response.data.totalCount; _this.total = response.data.totalCount;
_this.listLoading = false; _this.listLoading = false;
...@@ -485,7 +815,7 @@ ...@@ -485,7 +815,7 @@
* 清空筛选条件 * 清空筛选条件
*/ */
clear_search() { clear_search() {
this.times = [] this.times = [];
this.listQuery = { this.listQuery = {
name: undefined, // 商品名称 name: undefined, // 商品名称
page: 1, page: 1,
...@@ -502,81 +832,114 @@ ...@@ -502,81 +832,114 @@
this.getList(); this.getList();
}, },
}, },
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
.order-manage{ .order-manage {
padding: 20px; padding: 20px;
.order-table-1{ .order-table-1 {
width: 100%; width: 100%;
border: 1px solid #eee; border: 1px solid #eee;
border-top: none; border-top: none;
td{ td {
border-right: 1px solid #E6E6E6; border-right: 1px solid #e6e6e6;
} }
} }
.order-filter{ .order-filter {
padding: 24px; padding: 24px;
} }
.el-tabs__item.is-active, .el-tabs__item:hover{ .el-tabs__item.is-active,
color: #F6211D; .el-tabs__item:hover {
color: #f6211d;
} }
.order-table{ .order-table {
background: #F5F6FA;border: 1px solid #E6E6E6;display: flex;align-items: center;height: 45px; background: #f5f6fa;
label{ border: 1px solid #e6e6e6;
color: #A3A6B4; display: flex;
font-size: 12px; align-items: center;
height: 45px;
label {
justify-content: center;
text-align: center;
color: #3f3f3f;
font-size: 15px;
font-weight: 600;
display: flex; display: flex;
} }
} }
.normal-btn{ .normal-btn {
border:1px solid #707070;border-radius: 2px;height: 24px;width: 60px;margin-top: 16px;font-size: 12px;color: #919299;display: block;text-align: center;line-height: 24px;cursor: pointer; border: 1px solid #707070;
} border-radius: 2px;
.pay-btn{ height: 24px;
background: linear-gradient(90deg,#f6211d, #f9531f);color: #fff;border-radius: 2px;height: 24px;width: 60px;font-size: 12px;color: #fff;display: block;text-align: center;line-height: 24px;cursor: pointer; width: 60px;
margin-top: 16px;
font-size: 12px;
color: #919299;
display: block;
text-align: center;
line-height: 24px;
cursor: pointer;
}
.pay-btn {
background: linear-gradient(90deg, #f6211d, #f9531f);
color: #fff;
border-radius: 2px;
height: 24px;
width: 60px;
font-size: 12px;
color: #fff;
display: block;
text-align: center;
line-height: 24px;
cursor: pointer;
} }
.goods-name, .goods-phone, .goods-remark{ .goods-name,
.goods-phone,
.goods-remark {
width: 10%; width: 10%;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
text-align: center; text-align: center;
} }
.goods-item{ .goods-item {
width: 30%; width: 30%;
height: 100%; height: 100%;
padding-left: 10px; padding-left: 10px;
align-items: center; align-items: center;
.goods-ii{ .goods-ii {
border-bottom: 1px solid #E6E6E6; border-bottom: 1px solid #e6e6e6;
padding: 16px; padding: 16px;
} }
.goods-ii:last-child{ .goods-ii:last-child {
border-bottom: none; border-bottom: none;
} }
} }
.pay-way-item, .send-way-item{ .pay-way-item,
.send-way-item {
width: 8%; width: 8%;
height: 100%; height: 100%;
text-align: center; text-align: center;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
img{object-fit: cover;} img {
.amount-item{ object-fit: cover;
}
.amount-item {
width: 10%; width: 10%;
height: 100%; height: 100%;
text-align: center; text-align: center;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.order-status-item{ .order-status-item {
width: 8%; width: 8%;
height: 100%; height: 100%;
text-align: center; text-align: center;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.option-item{ .option-item {
width: 8%; width: 8%;
height: 100%; height: 100%;
text-align: center; text-align: center;
...@@ -584,19 +947,47 @@ ...@@ -584,19 +947,47 @@
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
} }
.order-no{ .order-no {
color: #43425D; color: #43425d;
font-size: 13px; font-size: 13px;
} }
.order-time{ .order-time {
color: #919299; color: #919299;
font-size: 12px; font-size: 12px;
} }
.order-no-top{ .order-no-top {
background: #F5F6FA;border: 1px solid #E6E6E6;padding: 14px 16px;display: flex;justify-content: space-between;align-items: center;margin-top: 16px; background: #f5f6fa;
border: 1px solid #e6e6e6;
padding: 14px 16px;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 16px;
}
.tag-invoice {
background: #f8ddbb;
color: #f59a23;
font-size: 12px;
padding: 2px 10px;
border-radius: 10px;
margin-left: 10px;
}
.tag-invoice-no {
background: #1890ff;
color: #fff;
font-size: 12px;
padding: 2px 10px;
border-radius: 4px;
margin-right: 10px;
cursor: pointer;
} }
.tag-invoice{background: #f8ddbb;color: #F59A23;font-size: 12px;padding: 2px 10px;border-radius: 10px;margin-left:10px;} .tag-no {
.tag-invoice-no{background: #1890FF;color: #fff;font-size: 12px;padding: 2px 10px;border-radius: 4px;margin-right:10px;cursor: pointer;} border: 1px solid #eee;
.tag-no{border:1px solid #eee;color: #1890FF;font-size: 12px;padding: 2px 10px;border-radius: 10px;margin-left:10px;} color: #1890ff;
font-size: 12px;
padding: 2px 10px;
border-radius: 10px;
margin-left: 10px;
} }
}
</style> </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