<template>
  <a-form v-bind="formLayout" :form="form">
		<a-descriptions bordered size="small" :column="2" class="data_view">
      <a-descriptions-item label="UUID">{{ modalData.uuid }}</a-descriptions-item>
      <a-descriptions-item label="资产明细组UUID">{{ modalData.property_group_uuid }}</a-descriptions-item>
      <a-descriptions-item label="资产类型">{{ propertyTypeText }}</a-descriptions-item>
      <a-descriptions-item label="产品内容">{{ modalData.product_content }}</a-descriptions-item>
      <a-descriptions-item label="用户ID">{{ modalData.login_id }}</a-descriptions-item>
      <a-descriptions-item label="用户名">{{ modalData.real_name }}</a-descriptions-item>
      <a-descriptions-item label="手机号">{{ modalData.phone }}</a-descriptions-item>
      <a-descriptions-item label="邮箱号">{{ modalData.email }}</a-descriptions-item>
      <a-descriptions-item label="支出/收入">{{ modalData.is_income | income }}</a-descriptions-item>
      <a-descriptions-item label="历史余额">{{ modalData.total_count | setZero }}</a-descriptions-item>
      <a-descriptions-item label="初始金额">{{ modalData.initial_count | setZero }}</a-descriptions-item>
      <a-descriptions-item label="变动金额">{{ income_symbol(modalData, 'count') }}{{ modalData.count | setZero }}</a-descriptions-item>
      <a-descriptions-item label="创建/更新时间">
				<div class="multi_line">
					<span>{{ modalData.created_date | moment }}</span>
					<span>{{ modalData.updated_date | moment }}</span>
				</div>
			</a-descriptions-item>
      <a-descriptions-item label="状态变更时间">{{ modalData.last_status_change_date | moment }}</a-descriptions-item>
      <a-descriptions-item label="关联类型">{{ modalData.relate_data_type | relate_type }}</a-descriptions-item>
      <a-descriptions-item label="资产来源">{{ modalData.source | source }}</a-descriptions-item>
      <a-descriptions-item label="状态">{{ modalData.status | property_status }}</a-descriptions-item>
      <a-descriptions-item label="客户端IP">{{ modalData.client_ip }}</a-descriptions-item>
      <a-descriptions-item label="客户端信息" :span="2">{{ modalData.client_os }}</a-descriptions-item>
      <a-descriptions-item label="浏览器信息" :span="2">{{ modalData.client_agent }}</a-descriptions-item>
      <a-descriptions-item label="备注">{{ remoteText(modalData.memo) }}</a-descriptions-item>
    </a-descriptions>
  </a-form>
</template>
<script>
import { remoteText } from '@iwotech/i18n-remote'
import mix from './mixins'
import finance from '../mixins/finance'
import common from '../mixins/common'
import mixProperty from './mixin.property'
export default {
  mixins: [mix, finance(), common, mixProperty],
  data() {
    return {
      formLayout: {
        labelCol: { span: 6 },
        wrapperCol: { span: 18 }
      }
    }
  },
  methods: {
    remoteText,
		beforeOk(next, done) {
			done()
		}
  }
}
</script>