qimall/backend/modules/mall/views/setting/order/refund.php

<template id="refund">
    <div style="float: right">
        <el-button type="primary" size="small" style="margin-bottom: 20px !important;" @click="showPop">添加地址
        </el-button>
    </div>
    <el-table :key="reloadData" :data="ruleForm.return_address.return_address.value" border v-loading="loading" size="small" style="margin-bottom: 15px;">
        <el-table-column label="退货名称" prop="describe">
            <template slot-scope="scope">
                <div>{{scope.row.name}}</div>
            </template>
        </el-table-column>
        <el-table-column label="联系人" prop="describe">
            <template slot-scope="scope">
                <div>{{scope.row.consignee}}</div>
            </template>
        </el-table-column>
        <el-table-column label="退/换货手机号" prop="describe">
            <template slot-scope="scope">
                <div>{{scope.row.mobile}}</div>
            </template>
        </el-table-column>
        <el-table-column label="退/换货地址" prop="describe">
            <template slot-scope="scope">
                <div>{{scope.row.address}}</div>
            </template>
        </el-table-column>
        <el-table-column label="操作" width="300px" align="center">
            <template slot-scope="scope">
                <el-button type="text" size="mini" circle style="margin-left: 10px;margin-top: 10px"
                            @click.native="editAddress(scope.$index, scope.row)">
                    <el-tooltip class="item" effect="dark" content="编辑地址" placement="top">
                        <img src="resources/img/common/edit.png" alt="">
                    </el-tooltip>
                </el-button>
                <el-button circle size="mini" type="text" @click="delAddress(scope.$index)">
                    <el-tooltip class="item" effect="dark" content="删除" placement="top">
                        <img src="resources/img/common/del.png" alt="">
                    </el-tooltip>
                </el-button>
            </template>
        </el-table-column>
    </el-table>
    <!--弹窗添加-->
    <el-dialog title="添加退款地址" :visible.sync="settingPop" width="35%" :close-on-click-modal="false">
        <el-form v-loading="loading" v-model="addressForm" label-width="10rem" label-position="right">
            <el-form-item label="退货名称" prop="name">
                <el-input v-model="addressForm.name" style="width: 250px;" ></el-input>
            </el-form-item>
            <el-form-item label="联系人" prop="consignee">
                <el-input v-model="addressForm.consignee" style="width: 250px;" ></el-input>
            </el-form-item>
            <el-form-item label="退/换货手机号" prop="mobile">
                <el-input v-model="addressForm.mobile" style="width: 250px;" ></el-input>
            </el-form-item>
            <el-form-item label="退/换货地址" prop="address">
                <el-input v-model="addressForm.address" style="width: 250px;" ></el-input>
            </el-form-item>
            <el-form-item style="margin-bottom: 0">
                <el-button type="primary" size="small" style="float: right;width: 80px;margin-right: 20px;" :loading="loading" @click="addAddress">提交</el-button>
            </el-form-item>
        </el-form>
    </el-dialog>
<!-- <el-card shadow="never" style="border:0" class="box-card" body-style="padding: 20px 0 0;" class="box-card">
    <el-button @click="addAddress" size="small" type="text">
        <i class="el-icon-plus" style="font-weight: bolder;margin-left: 5px;"></i>
        <span style="color: #353535;font-size: 14px">新增退货地址</span>
    </el-button>
    <el-card shadow="never" v-if="ruleForm.return_address.return_address.value && ruleForm.return_address.return_address.value.length > 0" v-for="(item, index) in ruleForm.return_address.return_address.value">
    <el-col>
        <el-row>
            <el-col><el-form-item label="名称"><span style="color: red;">*</span>
                    <el-input v-model="item.name" style="width: 250px;" ></el-input>
                </el-form-item>
            </el-col>
            <el-col><el-form-item label="联系人"><span style="color: red;">*</span>
                    <el-input v-model="item.consignee" style="width: 250px;"></el-input>
                </el-form-item>
            </el-col>
            <el-col><el-form-item label="退/换货手机号"><span style="color: red;">*</span>
                <el-input v-model="item.mobile" style="width: 250px;"></el-input>
                </el-form-item>
            </el-col>
            <el-col><el-form-item label="退/换货地址"><span style="color: red;">*</span>
                <el-input v-model="item.address" style="width: 250px;"></el-input>
                    
            </el-form-item></el-col>
            <el-col>
                <el-form-item>
                    <el-button size="small" type="text" @click="delAddress(index)">
                        <el-tooltip class="item" effect="dark" content="删除" placement="top">
                            <img src="resources/img/mall/del.png" alt="">
                        </el-tooltip>
                    </el-button>
                </el-form-item>
            </el-col>
        </el-row>
    </el-col>
    </el-card>
    </div>
</el-card> -->
<!-- <el-row>
    <el-col :span="24">
        <el-form-item label="收货人">
            <el-col :span="12">
                <el-input v-model="ruleForm.return_address.consignee.value"></el-input>
                <div class="tips-text" v-if="ruleForm.return_address.consignee.remark">{{ruleForm.return_address.consignee.remark}}</div>
            </el-col>
        </el-form-item>

        <el-form-item label="退/换货手机号">
            <el-col :span="12">
                <el-input v-model="ruleForm.return_address.mobile.value"></el-input>
                <div class="tips-text" v-if="ruleForm.return_address.mobile.remark">{{ruleForm.return_address.mobile.remark}}</div>
            </el-col>
        </el-form-item>

        <el-form-item label="退/换货地址">
            <el-col :span="12">
                <el-input v-model="ruleForm.return_address.address.value"></el-input>
                <div class="tips-text" v-if="ruleForm.return_address.address.remark">{{ruleForm.return_address.address.remark}}</div>
            </el-col>
        </el-form-item>
    </el-col>
</el-row> -->
</template>