assess-app/pages/task/module/task-property.vue

<template>
  <view class="item-box">
    <view  v-for="(property,propertyKey) in propertyList">
      <view class="property-item" v-if="property.property_type===1">
        <item-title label="不动资产信息" :line-type="propertyKey===0?1:3"></item-title>
        <item-text label="产权人" :value="property.data.property_owner"  key-str="property_owner" :type-keys="typeKeys" ></item-text>
        <item-text label="房产证号" :value="property.data.deed_num"  key-str="deed_num" :type-keys="typeKeys" ></item-text>
        <item-text label="房产地址" :value="property.data.house_city"  key-str="house_city" :type-keys="typeKeys" ></item-text>
        <item-text label="房屋用途" :value="property.data.house_address"  key-str="house_address" :type-keys="typeKeys" ></item-text>
        <item-text label="建成年份" :value="property.data.build_date"  key-str="build_date" :type-keys="typeKeys" ></item-text>
        <item-text label="建筑面积" :value="property.data.covered_area"  key-str="house_use" :type-keys="typeKeys"  right-text="㎡"></item-text>
        <item-img label="房产证件" @onShowImg="onShowImg" :value="property.data.certificate_img"  key-str="certificate_img" :type-keys="typeKeys" ></item-img>
        <item-img label="房产关联图片" @onShowImg="onShowImg"  :value="property.data.property" key-str="property" :type-keys="typeKeys" ></item-img>
        <item-text label="备注" :value="property.data.remark"  key-str="remark" :type-keys="typeKeys" ></item-text>
      </view>
      <view class="property-item" v-else-if="property.property_type===2">
        <item-title label="车辆信息" :line-type="propertyKey===0?1:3"></item-title>
        <item-text label="品牌类型"  key-str="brand_id" :type-keys="typeKeys"  :value="property.data.brand_name"></item-text>
        <item-text label="车牌类型"  key-str="car_type" :type-keys="typeKeys"  :value="property.data.car_type" :radio-data="{'1':'运营车','2':'非运营车'}"></item-text>
        <item-text label="车牌号"  key-str="car_num" :type-keys="typeKeys"  :value="property.data.car_num"></item-text>
        <item-text label="车架号"  key-str="car_vin" :type-keys="typeKeys"  :value="property.data.car_vin"></item-text>
        <item-text label="车辆颜色"  key-str="colour" :type-keys="typeKeys"  :value="property.data.colour"></item-text>
        <item-text label="裸车价格"  key-str="car_price" :type-keys="typeKeys"  :value="property.data.car_price"></item-text>
        <item-text label="车辆登记时间"  key-str="register_date" :type-keys="typeKeys"  :value="property.data.register_date"></item-text>
        <item-img label="行驶证" @onShowImg="onShowImg"  key-str="register_img" :type-keys="typeKeys" :value="property.data.register_img"></item-img>
        <item-img label="登记证书" @onShowImg="onShowImg"  key-str="driving_img" :type-keys="typeKeys" :value="property.data.driving_img"></item-img>
        <item-img label="车辆关联图片" @onShowImg="onShowImg"  key-str="car_img" :type-keys="typeKeys" :value="property.data.car_img"></item-img>
        <item-text label="备注" :value="property.data.remark"  key-str="remark" :type-keys="typeKeys" ></item-text>
      </view>
      <view class="property-item" v-else-if="property.property_type===3">
        <item-title label="保单信息"  :line-type="propertyKey===0?1:3"></item-title>
        <item-text label="保险公司名称"  key-str="insurance_name" :type-keys="typeKeys" :value="property.data.insurance_name" ></item-text>
        <item-text label="保险类型"  key-str="type_name" :type-keys="typeKeys"  :value="property.data.insurance_type" ></item-text>
        <item-text label="年缴费额"  key-str="year_money" :type-keys="typeKeys"  :value="property.data.year_money"></item-text>
        <item-text label="是否满足缴费情况"  key-str="is_fees" :type-keys="typeKeys"  :value="property.data.is_fees" :radio-data="isNo"></item-text>
        <item-text label="保单有效期"  key-str="validity_date" :type-keys="typeKeys"  :value="property.data.validity_date"></item-text>
        <item-img label="保单相关图片" @onShowImg="onShowImg"  key-str="insurance_img" :type-keys="typeKeys" :value="property.data.insurance_img"></item-img>
        <item-text label="备注" :value="property.data.remark"  key-str="remark" :type-keys="typeKeys" ></item-text>
      </view>
      <view class="property-item" v-else-if="property.property_type===4">
        <item-title label="企业信息" :line-type="propertyKey===0?1:3"></item-title>
        <item-text label="企业名称"  key-str="firm_name" :type-keys="typeKeys"  :value="property.data.firm_name"></item-text>
        <item-text label="成立时间"  key-str="establish_date" :type-keys="typeKeys"  :value="property.data.establish_date"></item-text>
        <item-text label="经营城市"  key-str="establish_city" :type-keys="typeKeys"  :value="property.data.establish_city"></item-text>
        <item-text label="实际经营地"  key-str="establish_address" :type-keys="typeKeys"  :value="property.data.establish_address"></item-text>
        <item-text label="年交税额"  key-str="year_tax" :type-keys="typeKeys"  :value="property.data.year_tax"></item-text>
        <item-text label="税务等级"  key-str="tax_grade" :type-keys="typeKeys"  :value="property.data.tax_grade_name" right-text="级"></item-text>
        <item-text label="税务有无断缴"  key-str="is_end_tax" :type-keys="typeKeys"  :value="property.data.is_end_tax" :radio-data="isNo"></item-text>
        <item-text label="年开票额度"  key-str="year_invoice" :type-keys="typeKeys"  :value="property.data.year_invoice"></item-text>
        <item-img  label="企业相关图片"  @onShowImg="onShowImg" key-str="firm_img" :type-keys="typeKeys" :value="property.data.firm_img"></item-img>
      </view>
    </view>
  </view>
</template>

<script>
import ItemTitle from "@/pages-task/task-info/module/item-title";
import ItemText from "@/pages-task/task-info/module/item-text";
import ItemImg from "@/pages-task/task-info/module/item-img";

export default {
  name: "task-property",
  components: {ItemImg, ItemText, ItemTitle},
  props: {
    propertyList: {
      default: {}
    },
    typeKeys: {
      default: []
    }
  },
  data() {
    return {
      isNo:{'1':'是','0':'否'}
    }
  },
  watch: {},
  mounted() {
  },
  methods: {
    onShowImg(img){
      this.$emit('onShowImg',img)
    }
  }
}
</script>

<style scoped lang="scss">
@import "@/static/css/task-info/item";
</style>