 <template>
  <el-dialog v-model="props.modelValue" title="支付订单信息详情" width="900px" @closed="closeDialog">
    <el-form ref="formRef" :model="formData" :disabled="true">

      <el-row :gutter="20">
	  
    
    

          <el-col :lg="12">
            <el-form-item :label-width="labelWidth" label="超时付款订单号" prop="paymentOvertimeNumber">
              <el-input v-model="formData.paymentOvertimeNumber"  />
            </el-form-item>
          </el-col>





    
          <el-col :lg="12">
            <el-form-item :label-width="labelWidth" label="操作状态(1待支付 |2已支付 | 3已取消 | 4已退款)" prop="paymentStatus">
              <el-select v-model="formData.paymentStatus" >
                <el-option v-for="item in  paymentStatusOptions" :key="item.dictValue" :label="item.dictLabel" :value="parseInt(item.dictValue)"></el-option>
              </el-select>
            </el-form-item>
          </el-col>

          <el-col :lg="12">
            <el-form-item :label-width="labelWidth" label="核销后价格/操作金额" prop="paymentMoney">
              <el-input v-model="formData.paymentMoney"  />
            </el-form-item>
          </el-col>

          <el-col :lg="12">
            <el-form-item :label-width="labelWidth" label="核销前价格" prop="paymentBeforeMoney">
              <el-input v-model="formData.paymentBeforeMoney"  />
            </el-form-item>
          </el-col>

          <el-col :lg="12">
            <el-form-item :label-width="labelWidth" label="退款订单号" prop="paymentRefundNumber">
              <el-input v-model="formData.paymentRefundNumber"  />
            </el-form-item>
          </el-col>

          <el-col :lg="12">
            <el-form-item :label-width="labelWidth" label="微信支付订单号" prop="paymentWeixinNumber">
              <el-input v-model="formData.paymentWeixinNumber"  />
            </el-form-item>
          </el-col>

          <el-col :lg="12">
            <el-form-item :label-width="labelWidth" label="系统订单号" prop="paymentNumber">
              <el-input v-model="formData.paymentNumber"  />
            </el-form-item>
          </el-col>

          <el-col :lg="12">
            <el-form-item :label-width="labelWidth" label="操作客户guid(外键)" prop="customerGuid">
              <el-input v-model="formData.customerGuid"  />
            </el-form-item>
          </el-col>
    
          <el-col :lg="12">
            <el-form-item :label-width="labelWidth" label="业务订单guid(外键)" prop="paymentBusinessGuid">
              <el-input v-model="formData.paymentBusinessGuid"  />
            </el-form-item>
          </el-col>
    
          <el-col :lg="12">
            <el-form-item :label-width="labelWidth" label="购买类型(1|  )" prop="paymentBuytype">
              <el-select v-model="formData.paymentBuytype" >
                <el-option v-for="item in  paymentBuytypeOptions" :key="item.dictValue" :label="item.dictLabel" :value="parseInt(item.dictValue)"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
      </el-row>
    </el-form>
  </el-dialog>
</template>

<script setup>
import Editor from '@/components/Editor'
import { ElMessage } from 'element-plus'
import { reactive, ref, watch } from "vue";


// 业务参数
const formRef = ref();
const labelWidth = 100;
const { proxy } = getCurrentInstance()

// 操作状态(1待支付 |2已支付 | 3已取消 | 4已退款)选项列表
const paymentStatusOptions = ref([
	{ dictLabel: '', dictValue: '1' },
	{ dictLabel: '', dictValue: '2' },
]);
// 购买类型(1|  )选项列表
const paymentBuytypeOptions = ref([
	{ dictLabel: '', dictValue: '1' },
	{ dictLabel: '', dictValue: '2' },
]);

// -业务方法


// 基础参数
const props = defineProps({
  modelValue: Boolean,
  data: Object,
  done: Function,
});
const emits = defineEmits(["update:modelValue"]);
const formData = ref({
  ...props.data,
});

watch(props, async (v) => {
  formData.value = v.data;
});

// -基础方法
const closeDialog = () => {
  props.done();
  emits("update:modelValue", false);
};
const handeldisable = editor => {
  editor.disable()
}
</script>
