|
@@ -3,10 +3,11 @@
|
|
|
<el-form :model="formData" :rules="rules" ref="form" label-width="80px" label-position="right" size="small"
|
|
<el-form :model="formData" :rules="rules" ref="form" label-width="80px" label-position="right" size="small"
|
|
|
style="max-width: 500px;">
|
|
style="max-width: 500px;">
|
|
|
<el-form-item prop="orderId" label="订单ID">
|
|
<el-form-item prop="orderId" label="订单ID">
|
|
|
- <el-input v-model="formData.orderId"></el-input>
|
|
|
|
|
|
|
+ <!-- <el-input-number type="number" v-model="formData.orderId"></el-input-number>-->
|
|
|
|
|
+ <el-button @click="showOrder">订单详情</el-button>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item prop="reason" label="理由">
|
|
|
|
|
- <el-select v-model="formData.reason" clearable filterable placeholder="请选择">
|
|
|
|
|
|
|
+ <el-form-item prop="reason" label="理由" class="rt-input">
|
|
|
|
|
+ <el-select v-model="formData.reason" disabled clearable filterable placeholder="请选择">
|
|
|
<el-option
|
|
<el-option
|
|
|
v-for="item in reasonOptions"
|
|
v-for="item in reasonOptions"
|
|
|
:key="item.value"
|
|
:key="item.value"
|
|
@@ -16,10 +17,12 @@
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item prop="remark" label="备注">
|
|
<el-form-item prop="remark" label="备注">
|
|
|
- <el-input v-model="formData.remark"></el-input>
|
|
|
|
|
|
|
+ <el-input v-model="formData.remark" readonly></el-input>
|
|
|
|
|
+ <!--<el-card shadow="hover" >{{formData.remark}}</el-card>-->
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item prop="status" label="状态">
|
|
|
|
|
- <el-select v-model="formData.status" clearable filterable placeholder="请选择">
|
|
|
|
|
|
|
+ <el-form-item prop="status" label="状态" class="rt-input">
|
|
|
|
|
+ <el-select v-model="formData.status" disabled
|
|
|
|
|
+ clearable filterable placeholder="请选择">
|
|
|
<el-option
|
|
<el-option
|
|
|
v-for="item in statusOptions"
|
|
v-for="item in statusOptions"
|
|
|
:key="item.value"
|
|
:key="item.value"
|
|
@@ -28,49 +31,49 @@
|
|
|
</el-option>
|
|
</el-option>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item prop="applyTime" label="申请时间">
|
|
|
|
|
- <el-date-picker
|
|
|
|
|
|
|
+ <el-form-item prop="applyTime" label="申请时间" class="rt-input">
|
|
|
|
|
+ <el-date-picker disabled
|
|
|
v-model="formData.applyTime"
|
|
v-model="formData.applyTime"
|
|
|
type="datetime"
|
|
type="datetime"
|
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- placeholder="选择日期时间">
|
|
|
|
|
|
|
+ placeholder="暂无日期时间">
|
|
|
</el-date-picker>
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item prop="auditTime" label="审核时间">
|
|
|
|
|
- <el-date-picker
|
|
|
|
|
|
|
+ <el-form-item prop="auditTime" label="审核时间" class="rt-input">
|
|
|
|
|
+ <el-date-picker disabled
|
|
|
v-model="formData.auditTime"
|
|
v-model="formData.auditTime"
|
|
|
type="datetime"
|
|
type="datetime"
|
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- placeholder="选择日期时间">
|
|
|
|
|
|
|
+ placeholder="暂无日期时间">
|
|
|
</el-date-picker>
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item prop="refundTime" label="退款时间">
|
|
|
|
|
- <el-date-picker
|
|
|
|
|
|
|
+ <el-form-item prop="refundTime" label="退款时间" class="rt-input">
|
|
|
|
|
+ <el-date-picker disabled
|
|
|
v-model="formData.refundTime"
|
|
v-model="formData.refundTime"
|
|
|
type="datetime"
|
|
type="datetime"
|
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- placeholder="选择日期时间">
|
|
|
|
|
|
|
+ placeholder="暂无日期时间">
|
|
|
</el-date-picker>
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item prop="refundId" label="退款单号">
|
|
<el-form-item prop="refundId" label="退款单号">
|
|
|
- <el-input v-model="formData.refundId"></el-input>
|
|
|
|
|
|
|
+ <el-input v-model="formData.refundId" readonly></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item prop="merchantLiability" label="商家承担">
|
|
<el-form-item prop="merchantLiability" label="商家承担">
|
|
|
- <el-input v-model="formData.merchantLiability"></el-input>
|
|
|
|
|
|
|
+ <el-input v-model="formData.merchantLiability" readonly></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item prop="riderLiability" label="骑手承担">
|
|
<el-form-item prop="riderLiability" label="骑手承担">
|
|
|
- <el-input v-model="formData.riderLiability"></el-input>
|
|
|
|
|
|
|
+ <el-input v-model="formData.riderLiability" readonly></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item prop="platformLiability" label="平台承担">
|
|
<el-form-item prop="platformLiability" label="平台承担">
|
|
|
- <el-input v-model="formData.platformLiability"></el-input>
|
|
|
|
|
|
|
+ <el-input v-model="formData.platformLiability" readonly></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
|
- <el-button @click="onSave" :loading="saving"
|
|
|
|
|
|
|
+ <!--<el-button @click="onSave" :loading="saving"
|
|
|
type="primary">保存
|
|
type="primary">保存
|
|
|
- </el-button>
|
|
|
|
|
- <el-button @click="onDelete" :loading="saving"
|
|
|
|
|
|
|
+ </el-button>-->
|
|
|
|
|
+ <!-- <el-button @click="onDelete" :loading="saving"
|
|
|
type="danger" v-if="formData.id">删除
|
|
type="danger" v-if="formData.id">删除
|
|
|
- </el-button>
|
|
|
|
|
|
|
+ </el-button>-->
|
|
|
<el-button @click="$router.go(-1)">取消</el-button>
|
|
<el-button @click="$router.go(-1)">取消</el-button>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
@@ -114,6 +117,14 @@
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ showOrder() {
|
|
|
|
|
+ this.$router.push({
|
|
|
|
|
+ path: "/orderInfoEdit",
|
|
|
|
|
+ query: {
|
|
|
|
|
+ id: this.formData.orderId
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
onSave() {
|
|
onSave() {
|
|
|
this.$refs.form.validate((valid) => {
|
|
this.$refs.form.validate((valid) => {
|
|
|
if (valid) {
|
|
if (valid) {
|
|
@@ -157,4 +168,8 @@
|
|
|
}
|
|
}
|
|
|
</script>
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
<style lang="less" scoped>
|
|
|
|
|
+ .rt-input /deep/ .el-input__inner {
|
|
|
|
|
+ color: #606266 !important;
|
|
|
|
|
+ background-color: white;
|
|
|
|
|
+ }
|
|
|
</style>
|
|
</style>
|