web-website/src/layout/supermarket/detali.vue

<template>
  <div id="policyrightcont">
    <el-row>
      <el-col :span="24" class="info">
        <el-col :span="24" class="infoMess">
          <el-col :span="24" class="info"> 名称:{{ policyInfo.name }} </el-col>
          <el-col :span="24" class="info">
            总分类：{{ policyInfo.totaltype === '0' ? '技术' : policyInfo.totaltype === '1' ? '产品' : policyInfo.totaltype === '2' ? '服务' : 'underdind' }}
          </el-col>
          <el-col :span="24" class="info"> 类型名称：{{ policyInfo.product_type_name }} </el-col>
          <el-col :span="24" class="info"> 单价:{{ policyInfo.price }} </el-col>
          <el-col :span="24" class="info"> 单位:{{ policyInfo.priceunit }} </el-col>
          <el-col :span="24" class="infos" v-for="(acm, index) in policyInfo.image" :key="index">
            <span> 产品图片:</span><span><el-image style="width:100px;height:100px" :src="acm.url"></el-image></span>
          </el-col>

          <el-col :span="24" class="info"> 产品参数:{{ policyInfo.product_args }} </el-col>
          <el-col :span="24" class="info">
            交易方式：{{ policyInfo.business === '0' ? '公用' : policyInfo.business === '1' ? '转让' : policyInfo.business === '2' ? '竞价' : 'underdind' }}
          </el-col>
          <el-col :span="24" class="info"> 研发阶段：{{ policyInfo.phase === '0' ? '阶段成果' : policyInfo.phase === '1' ? '最终成果' : 'underdind' }} </el-col>
          <el-col :span="24" class="info"> 应用领域:{{ policyInfo.field }} </el-col>
          <el-col :span="24" class="info"> 市场前景:{{ policyInfo.prospect }} </el-col>
          <el-col :span="24" class="info"> 电子合同:{{ policyInfo.contract }} </el-col>
          <el-col :span="24" class="info">
            供/需{{ policyInfo.business === '0' ? '公用' : policyInfo.business === '1' ? '供' : policyInfo.business === '2' ? '需' : 'underdind' }}
          </el-col>
          <el-col :span="24" class="info"> 服务范围:{{ policyInfo.scope }} </el-col>
          <el-col :span="24" class="info"> 描述{{ policyInfo.description }} </el-col>
          <el-col :span="24" class="info"> 知识产权:{{ policyInfo.property }} </el-col>
          <el-col :span="24" class="info">
            状态:{{ policyInfo.status === '0' ? '待审核' : policyInfo.status === '1' ? '通过审核' : policyInfo.status === '2' ? '审核拒绝' : 'underdind' }}
          </el-col>
          <!-- <el-col :span="24" class="info"> 是否删除:{{ policyInfo.is_del === '0' ? '否' : policyInfo.is_del === '1' ? '是' : 'underdind' }} </el-col> -->
          <el-col :span="24" class="info"> 联系人:{{ policyInfo.contact_user }} </el-col>
          <el-col :span="24" class="info"> 联系电话:{{ policyInfo.contact_tel }} </el-col>
          <el-col :span="24" class="info"> 简介:{{ policyInfo.introduction }} </el-col>
        </el-col>
        <el-col :span="24" class="topInfo"> <el-button type="primary" @click="onSubmit">立即创建</el-button></el-col>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'policyrightcont',
  props: {
    policyInfo: null,
  },
  components: {},
  data: () => ({}),
  created() {},
  computed: {},
  methods: {
    onSubmit() {
      console.log(this.policyInfo);
      this.$emit('onSubmit', this.policyInfo);
    },
  },
};
</script>

<style lang="less" scoped>
p {
  padding: 0;
  margin: 0;
}
.info {
  padding: 10px 0 10px 20px;
}
.infos {
  height: 120px;
}
.topInfo {
  height: 60px;
  line-height: 60px;
  font-size: 22px;
}
.infoMess .title {
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  margin: 0 0 20px 0;
}
.infoDate {
  height: 36px;
  line-height: 36px;
}
.infoDate p {
  width: 700px;
  background: #eeeeee;
  margin: 0 105px;
}
.infoDate p span {
  font-size: 14px;
  color: #000;
  padding: 0 0 0 80px;
}
.infoMess .image {
  text-align: center;
  margin: 20px 0 0 0;
}
.content {
  padding: 0px 0 20px 0;
}
</style>