|
|
@@ -2,8 +2,8 @@
|
|
|
<div class="edit-view">
|
|
|
<page-title>
|
|
|
<el-button @click="$router.go(-1)" :disabled="saving">取消</el-button>
|
|
|
- <el-button @click="onDelete" :disabled="saving" type="danger" v-if="formData.id"> 删除 </el-button>
|
|
|
- <el-button @click="onSave" :loading="saving" type="primary">保存</el-button>
|
|
|
+ <!-- <el-button @click="onDelete" :disabled="saving" type="danger" v-if="formData.id"> 删除 </el-button>
|
|
|
+ <el-button @click="onSave" :loading="saving" type="primary">保存</el-button> -->
|
|
|
</page-title>
|
|
|
<div class="edit-view__content-wrapper">
|
|
|
<div class="edit-view__content-section">
|
|
|
@@ -14,52 +14,47 @@
|
|
|
label-width="94px"
|
|
|
label-position="right"
|
|
|
size="small"
|
|
|
- style="max-width: 500px"
|
|
|
+ style="max-width: 700px"
|
|
|
>
|
|
|
- <el-form-item prop="id" label="id">
|
|
|
- <el-input-number type="number" v-model="formData.id"></el-input-number>
|
|
|
+ <el-form-item prop="userId" label="用户信息">
|
|
|
+ <el-input-number type="number" v-model="formData.userId" disabled></el-input-number>
|
|
|
+ <el-input
|
|
|
+ v-model="formData.nickname"
|
|
|
+ disabled
|
|
|
+ style="margin-left: 6px; width: 200px"
|
|
|
+ ></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="userId" label="用户ID">
|
|
|
- <el-input-number type="number" v-model="formData.userId"></el-input-number>
|
|
|
+ <el-form-item prop="auctionId" label="拍卖信息">
|
|
|
+ <el-input-number type="number" v-model="formData.auctionId" disabled></el-input-number>
|
|
|
+ <el-input v-model="formData.name" disabled style="margin-left: 6px; width: 200px"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="nickname" label="昵称">
|
|
|
- <el-input v-model="formData.nickname"></el-input>
|
|
|
+ <el-form-item prop="pic" label="">
|
|
|
+ <object-upload :value="pic" disabled></object-upload>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="auctionId" label="拍卖ID">
|
|
|
- <el-input-number type="number" v-model="formData.auctionId"></el-input-number>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="name" label="名称">
|
|
|
- <el-input v-model="formData.name"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="pic" label="图片">
|
|
|
- <el-input v-model="formData.pic"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="detail" label="详情">
|
|
|
- <el-input v-model="formData.detail"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="properties" label="特性">
|
|
|
+ <!-- <el-form-item prop="properties" label="特性">
|
|
|
<el-input v-model="formData.properties"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="privileges" label="特权">
|
|
|
<el-input v-model="formData.privileges"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="royalties" label="版税比例">
|
|
|
- <el-input v-model="formData.royalties"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="serviceCharge" label="手续费比例">
|
|
|
- <el-input v-model="formData.serviceCharge"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="type" label="类型">
|
|
|
- <el-select v-model="formData.type" clearable filterable placeholder="请选择">
|
|
|
- <el-option
|
|
|
- v-for="item in typeOptions"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
+ </el-form-item> -->
|
|
|
+ <div class="inline-wrapper">
|
|
|
+ <el-form-item prop="royalties" label="版税(%)">
|
|
|
+ <el-input-number v-model="formData.royalties" :min="0" :max="99" disabled>
|
|
|
+ </el-input-number>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="serviceCharge" label="手续费(%)">
|
|
|
+ <el-input-number v-model="formData.serviceCharge" :min="0" :max="99" disabled>
|
|
|
+ </el-input-number>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div class="inline-wrapper">
|
|
|
+ <el-form-item prop="price" label="价格">
|
|
|
+ <el-input-number type="number" v-model="formData.price" disabled></el-input-number>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="totalPrice" label="总价">
|
|
|
+ <el-input-number type="number" v-model="formData.totalPrice" disabled></el-input-number>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
<el-form-item prop="source" label="来源">
|
|
|
<el-select v-model="formData.source" clearable filterable placeholder="请选择">
|
|
|
<el-option
|
|
|
@@ -82,15 +77,6 @@
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="price" label="价格">
|
|
|
- <el-input-number type="number" v-model="formData.price"></el-input-number>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="gasPrice" label="gas费">
|
|
|
- <el-input-number type="number" v-model="formData.gasPrice"></el-input-number>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="totalPrice" label="总价">
|
|
|
- <el-input-number type="number" v-model="formData.totalPrice"></el-input-number>
|
|
|
- </el-form-item>
|
|
|
<el-form-item prop="status" label="状态">
|
|
|
<el-select v-model="formData.status" clearable filterable placeholder="请选择">
|
|
|
<el-option
|
|
|
@@ -102,20 +88,37 @@
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="payMethod" label="支付方式">
|
|
|
- <el-select v-model="formData.payMethod" clearable filterable placeholder="请选择">
|
|
|
- <el-option
|
|
|
- v-for="item in payMethodOptions"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
+ <div v-if="formData.status != 'CANCELLED' && formData.status != 'NOT_PAID'">
|
|
|
+ <el-form-item prop="transactionId" label="交易订单号">
|
|
|
+ <el-input v-model="formData.transactionId" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="payMethod" label="支付信息">
|
|
|
+ <el-select
|
|
|
+ v-model="formData.payMethod"
|
|
|
+ clearable
|
|
|
+ filterable
|
|
|
+ placeholder="支付方式"
|
|
|
+ disabled
|
|
|
>
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="transactionId" label="交易ID">
|
|
|
- <el-input v-model="formData.transactionId"></el-input>
|
|
|
- </el-form-item>
|
|
|
+ <el-option
|
|
|
+ v-for="item in payMethodOptions"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-date-picker
|
|
|
+ v-model="formData.payAt"
|
|
|
+ type="datetime"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="支付时间"
|
|
|
+ style="margin-left: 6px"
|
|
|
+ disabled
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
<el-form-item prop="payTime" label="支付时间">
|
|
|
<el-date-picker
|
|
|
v-model="formData.payTime"
|
|
|
@@ -125,29 +128,31 @@
|
|
|
>
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="cancelTime" label="取消时间">
|
|
|
+ <el-form-item prop="cancelTime" label="取消时间" v-if="formData.status == 'CANCELLED'">
|
|
|
<el-date-picker
|
|
|
v-model="formData.cancelTime"
|
|
|
type="datetime"
|
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
placeholder="选择日期时间"
|
|
|
+ disabled
|
|
|
>
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="contactName" label="收货人">
|
|
|
- <el-input v-model="formData.contactName"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="contactPhone" label="收货电话">
|
|
|
- <el-input v-model="formData.contactPhone"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="address" label="收货地址">
|
|
|
- <el-input v-model="formData.address"></el-input>
|
|
|
+ <el-form-item label="收货信息">
|
|
|
+ <el-input v-model="formData.contactName" style="width: 180px; margin-right: 6px"></el-input>
|
|
|
+ <el-input v-model="formData.contactPhone" style="width: 240px"></el-input>
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ size="2"
|
|
|
+ v-model="formData.address"
|
|
|
+ style="margin-top: 6px"
|
|
|
+ ></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item class="form-submit">
|
|
|
- <el-button @click="onSave" :loading="saving" type="primary"> 保存 </el-button>
|
|
|
+ <!-- <el-button @click="onSave" :loading="saving" type="primary"> 保存 </el-button>
|
|
|
<el-button @click="onDelete" :disabled="saving" type="danger" v-if="formData.id">
|
|
|
删除
|
|
|
- </el-button>
|
|
|
+ </el-button> -->
|
|
|
<el-button @click="$router.go(-1)" :disabled="saving">取消</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
@@ -176,34 +181,40 @@ export default {
|
|
|
saving: false,
|
|
|
formData: {},
|
|
|
rules: {},
|
|
|
- typeOptions: [
|
|
|
- { label: '默认', value: 'DEFAULT' },
|
|
|
- { label: '盲盒', value: 'BLIND_BOX' },
|
|
|
- { label: '拍卖', value: 'AUCTION' },
|
|
|
- { label: '展厅', value: 'SHOWROOM' }
|
|
|
- ],
|
|
|
sourceOptions: [
|
|
|
{ label: '官方拍卖', value: 'OFFICIAL' },
|
|
|
{ label: '转让拍卖', value: 'TRANSFER' }
|
|
|
],
|
|
|
paymentTypeOptions: [
|
|
|
- { label: '保证金', value: 'deposit' },
|
|
|
- { label: '成交金', value: 'purchase_price' },
|
|
|
+ { label: '保证金', value: 'DEPOSIT' },
|
|
|
+ { label: '成交金', value: 'PURCHASE_PRICE' },
|
|
|
{ label: '一口价', value: 'FIXED_PRICE' }
|
|
|
],
|
|
|
statusOptions: [
|
|
|
{ label: '未支付', value: 'NOT_PAID' },
|
|
|
- { label: '已支付,处理中', value: 'PROCESSING' },
|
|
|
{ label: '已完成', value: 'FINISH' },
|
|
|
- { label: '已取消', value: 'CANCELLED' }
|
|
|
+ { label: '已取消', value: 'CANCELLED' },
|
|
|
+ { label: '退款中', value: 'REFUNDING' },
|
|
|
+ { label: '已退款', value: 'REFUNDED' },
|
|
|
+ { label: '待发货', value: 'DELIVERY' },
|
|
|
+ { label: '待收货', value: 'RECEIVE' }
|
|
|
],
|
|
|
payMethodOptions: [
|
|
|
{ label: '微信', value: 'WEIXIN' },
|
|
|
{ label: '支付宝', value: 'ALIPAY' },
|
|
|
- { label: '无GAS费', value: 'FREE' }
|
|
|
+ { label: '无GAS费', value: 'FREE' },
|
|
|
+ { label: '衫德支付', value: 'SANDPAY' },
|
|
|
+ { label: '河马支付', value: 'HMPAY' },
|
|
|
+ { label: '首信易', value: 'PAYEASE' },
|
|
|
+ { label: '余额支付', value: 'BALANCE' }
|
|
|
]
|
|
|
};
|
|
|
},
|
|
|
+ computed: {
|
|
|
+ pic() {
|
|
|
+ return (this.formData.pic || [])[0] || {};
|
|
|
+ }
|
|
|
+ },
|
|
|
methods: {
|
|
|
onSave() {
|
|
|
this.$refs.form.validate(valid => {
|
|
|
@@ -250,4 +261,10 @@ export default {
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
-<style lang="less" scoped></style>
|
|
|
+<style lang="less" scoped>
|
|
|
+.inline-wrapper {
|
|
|
+ .el-form-item {
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|