|
@@ -1,242 +0,0 @@
|
|
|
-<template>
|
|
|
- <div id="model-0">
|
|
|
- <el-row>
|
|
|
- <el-col :span="24" class="main">
|
|
|
- <el-col :span="24" class="btn">
|
|
|
- <slot></slot>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="info">
|
|
|
- <el-col :span="24" class="top">
|
|
|
- <el-col :span="7" class="left" v-if="data.image != ''">
|
|
|
- <el-carousel trigger="click" height="305px" :autoplay="false">
|
|
|
- <el-carousel-item v-for="(item, index) in data.image" :key="index">
|
|
|
- <el-image :src="item.url" style="width: 99%; height: 345px; border: 1px solid #ccc"></el-image>
|
|
|
- </el-carousel-item>
|
|
|
- </el-carousel>
|
|
|
- </el-col>
|
|
|
- <el-col :span="7" v-else class="achieveImage">
|
|
|
- <!-- <el-image :src="achievezb" style="height:305px;"></el-image>
|
|
|
- <el-col :span="24" class="company textOver">
|
|
|
- {{ data.company }}
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="aName">
|
|
|
- {{ data.name }}
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="a-brief">{{ data.requirementdesc }}</el-col>
|
|
|
- <el-col :span="24" class="cont">
|
|
|
- <el-col :span="24" class="a-field">领域:{{ data.field }}</el-col>
|
|
|
- <el-col :span="24" class="a-contacts">联系人:{{ data.contacts }}</el-col>
|
|
|
- </el-col> -->
|
|
|
- <p>紧急程度</p>
|
|
|
- <p><el-rate v-model="value" disabled :max="max" :texts="texts" :colors="colors"> </el-rate></p>
|
|
|
- <!-- <p>{{ data.degreeurgency || '暂无' }}</p> -->
|
|
|
- </el-col>
|
|
|
- <el-col :span="17" class="right">
|
|
|
- <el-col :span="24" class="name textOver">
|
|
|
- {{ data.name || '暂无' }}
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-col :span="4" class="otherInfo textOver"> 需求方 </el-col>
|
|
|
- <el-col :span="20" class="otherInfo textOver">
|
|
|
- {{ data.company }}
|
|
|
- <el-link v-if="data.companyweb != null || ''" :href="data.companyweb" :underline="false" target="_blank">({{ data.companyweb }})</el-link>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-col :span="8" class="otherInfo textOver"> 所属领域 </el-col>
|
|
|
- <el-col :span="16" class="otherInfo textOver">
|
|
|
- {{ data.field || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-col :span="8" class="otherInfo textOver"> 合作方式 </el-col>
|
|
|
- <el-col :span="16" class="otherInfo textOver">
|
|
|
- {{ data.cooperation ? data.cooperation : '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-col :span="8" class="otherInfo textOver"> 紧急程度 </el-col>
|
|
|
- <el-col :span="16" class="otherInfo textOver"> {{ data.demand || '暂无' }} </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-col :span="8" class="otherInfo textOver"> 投资预算 </el-col>
|
|
|
- <el-col :span="16" class="otherInfo textOver"> {{ data.budget || '暂无' }} </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-col :span="8" class="otherInfo textOver"> 联系人 </el-col>
|
|
|
- <el-col :span="16" class="otherInfo textOver">
|
|
|
- {{ data.contacts || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-col :span="8" class="otherInfo textOver"> QQ/微信 </el-col>
|
|
|
- <el-col :span="16" class="otherInfo textOver">
|
|
|
- {{ data.qqwx || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-col :span="4" class="otherInfo textOver"> 联系电话 </el-col>
|
|
|
- <el-col :span="20" class="otherInfo textOver">
|
|
|
- {{ getphone(data.phone) || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-col :span="4" class="otherInfo textOver"> 电子邮箱 </el-col>
|
|
|
- <el-col :span="20" class="otherInfo textOver">
|
|
|
- {{ data.email || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="down">
|
|
|
- <el-col :span="24" class="downInfo">
|
|
|
- <el-col :span="4" class="tit">
|
|
|
- <h2>需求说明</h2>
|
|
|
- </el-col>
|
|
|
- <el-col :span="20" class="info">
|
|
|
- {{ data.requirementdesc || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="downInfo">
|
|
|
- <el-col :span="4" class="tit">
|
|
|
- <h2>预期目标</h2>
|
|
|
- </el-col>
|
|
|
- <el-col :span="20" class="info">
|
|
|
- {{ data.expect || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="downInfo">
|
|
|
- <el-col :span="4" class="tit">
|
|
|
- <h2>需求现状</h2>
|
|
|
- </el-col>
|
|
|
- <el-col :span="20" class="info">
|
|
|
- {{ data.present || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="downInfo">
|
|
|
- <el-col :span="4" class="tit">
|
|
|
- <h2>合作要求</h2>
|
|
|
- </el-col>
|
|
|
- <el-col :span="20" class="info">
|
|
|
- {{ data.condition || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-const _ = require('lodash');
|
|
|
-import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
-export default {
|
|
|
- name: 'model-0',
|
|
|
- props: {
|
|
|
- data: { type: Object },
|
|
|
- },
|
|
|
- components: {},
|
|
|
- data: function () {
|
|
|
- return {
|
|
|
- value: 1,
|
|
|
- max: 3,
|
|
|
- colors: ['#ff0000', '#ff0000', '#ff0000'],
|
|
|
- texts: ['一般', '紧急', '长期'],
|
|
|
- };
|
|
|
- },
|
|
|
- created() {},
|
|
|
- methods: {
|
|
|
- // 隐藏手机号
|
|
|
- getphone(value) {
|
|
|
- if (value == undefined) {
|
|
|
- return '暂无';
|
|
|
- } else {
|
|
|
- if (value.length === 11) {
|
|
|
- let start = value.slice(0, 4);
|
|
|
- let end = value.slice(-3);
|
|
|
- return `${start}****${end}`;
|
|
|
- } else {
|
|
|
- return value;
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- },
|
|
|
- computed: {
|
|
|
- ...mapState(['user']),
|
|
|
- },
|
|
|
- metaInfo() {
|
|
|
- return { title: this.$route.meta.title };
|
|
|
- },
|
|
|
- watch: {
|
|
|
- test: {
|
|
|
- deep: true,
|
|
|
- immediate: true,
|
|
|
- handler(val) {},
|
|
|
- },
|
|
|
- },
|
|
|
-};
|
|
|
-</script>
|
|
|
-
|
|
|
-<style lang="less" scoped>
|
|
|
-.main {
|
|
|
- .btn {
|
|
|
- text-align: right;
|
|
|
- margin: 0 0 10px 0;
|
|
|
- }
|
|
|
- .info {
|
|
|
- .top {
|
|
|
- height: 315px;
|
|
|
- overflow: hidden;
|
|
|
- .right {
|
|
|
- padding: 0 0 0 10px;
|
|
|
- .name {
|
|
|
- font-size: 18px;
|
|
|
- font-weight: bold;
|
|
|
- padding: 10px;
|
|
|
- border: 1px solid #ccc;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .otherInfo {
|
|
|
- padding: 10px;
|
|
|
- font-size: 16px;
|
|
|
- border: 1px solid #ccc;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .down {
|
|
|
- margin: 0 0 15px 0;
|
|
|
- .downInfo {
|
|
|
- border: 1px solid #ccc;
|
|
|
- .tit {
|
|
|
- height: 150px;
|
|
|
- line-height: 150px;
|
|
|
- text-align: center;
|
|
|
- border-right: 1px solid #ccc;
|
|
|
- }
|
|
|
- .info {
|
|
|
- font-size: 16px;
|
|
|
- padding: 10px;
|
|
|
- min-height: 150px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .achieveImage {
|
|
|
- height: 305px;
|
|
|
- overflow: hidden;
|
|
|
- p:nth-child(1) {
|
|
|
- font-size: 25px;
|
|
|
- text-align: left;
|
|
|
- padding: 10px 0;
|
|
|
- }
|
|
|
- p:nth-child(2) {
|
|
|
- margin: 60px 0 0 0;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-/deep/.el-rate__icon {
|
|
|
- font-size: 60px;
|
|
|
-}
|
|
|
-</style>
|