d

public/static/css/lib.css

@@ -0,0 +1,111 @@
+/* CSS Document */
+/**
+* +----------------------------------------------------------
+* 主样式
+* +----------------------------------------------------------
+*/
+*{
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	margin: 0;
+	padding: 0;
+	font-family: 微软雅黑;
+	letter-spacing: 1px;
+}
+html,body{
+	width: 100%; height: 100%;
+	overflow: hidden;
+	font-size: 14px;
+}
+
+li{
+	list-style: none;
+}
+a{
+	display: block;
+}
+a:hover{
+	color: #df621e;
+	-webkit-transition: all 0.2s ease-in-out;
+}
+
+iframe{
+	border: 0; width: 100%; height: 100%;
+}
+.pull-left{ float: left; }
+.pull-right{ float: right; }
+
+.show{ display: block; }
+.hide{ display: none; }
+
+.i-bold{
+	font-weight: bolder;
+}
+/*字体颜色*/
+.i-green{ color:#00c851 !important;}
+.i-yellow{ color:#e7592b !important;}
+.i-red{ color:#d90000 !important; font-weight: border;}
+.i-blue{ color:#2292ef !important;}
+.i-lightblue{ color:#00a5e0 !important;}
+.i-gray{ color:#6c6c6e !important;}
+
+/*背景颜色*/
+.bg-green{ background-color:#00c851 !important;}
+.bg-yellow{ background-color:#e7592b !important;}
+.bg-red{ background-color:#d90000 !important;}
+.bg-blue{ background-color:#2292ef !important;}
+.bg-white{ background-color: white !important;}
+.bg-gray{ background-color: #6c6c6e !important;}
+
+/*渐变色*/
+.shade-white{
+	display: block;
+	background-image:url(../images/shade/white.png);
+	background-repeat:repeat-x;
+	background-size: 100% 100%;
+	background-position: 0 0;
+}
+.shade-menu{
+	display: block;
+	background-image:url(../images/shade/menu.png);
+	background-repeat:repeat-x;
+	background-size: 100% 100%;
+	background-position: 0 0;
+}
+
+.shadow{
+	box-shadow:0px 4px 8px rgba(0,0,0,0.3);
+}
+.shadow1{
+	background: url(../images/shadow.png);
+	width: 220px; height: 15px;
+	background-size: 100%;
+	background-position: 0 0;
+	position: absolute; bottom: -15px; left: 0;
+}
+.shadow2{
+	background: url(../images/shadow.png);
+	width: 100%; height: 15px;
+	background-size: 100%;
+	background-position: 0 -15px;
+	position: absolute; bottom: -15px; left: 0;
+}
+
+/* 数字提示 */
+.num{
+  width: 15px; height: 15px; text-align: center; line-height: 15px;
+  border-radius: 99px;
+  color: white; font-weight: bolder;
+}
+.num-1{
+	margin-left: 5px;
+  padding: 5px 10px; text-align: center; line-height: 15px;
+  border-radius: 99px;
+  color: white; font-weight: bolder;
+}
+
+/* layui修改 */
+.layui-input-block{
+	margin-left: 0;
+}

public/static/css/mubu2017.css

@@ -0,0 +1,97 @@
+html,body,div,p,span,h1,h2,h3,h4,p,a, em,font,img,strong,dl,dt,dd,ul,li{margin:0; padding:0; font-family:"Microsoft YaHei";}
+html,body{height:100%; font-size:12px;}    
+ul,ol{list-style:none;}
+ul li{list-style-type:none;}
+img{border:0;}    
+em,i{font-style:normal;}
+.f_r,.fr{float:right;}
+.f_l,.fl{float:left;}
+canvas { cursor:crosshair; display:block;}
+.mubu{ background:url(../images/mubu_1_s.jpg) no-repeat top center; min-width:960px;height:99.9%;}
+.mubu_main{ width:960px; margin:0 auto; text-align:center; padding-top:300px; }
+.mubu_main h1{ font-size:50px; color:#f1ea2e; text-shadow:2px 2px 5px #000; line-height:1.5em; height:1.5em; overflow:hidden;}
+.mubu_main h2{ font-size:40px; color:#f1ea2e; text-shadow:2px 2px 5px #000; line-height:1.5em; height:1.5em; overflow:hidden; margin-bottom:30px;}
+.mubu_main p{ font-size:24px; line-height:1.5em; height:1.5em; overflow:hidden; color:#fff; text-shadow:2px 2px 5px #000;}
+.mubu_main p.into{ margin-top:50px; height:120px;}
+.mubu_top{ background:url(../images/mubu_2_s.png) no-repeat top center; position:fixed; top:0; left:0; height:150px; width:100%;}
+.mubu_left{ background:url(../images/mubu_left_s.jpg) no-repeat; width:720px; height:100%; position:fixed; top:0; left:-720px; -webkit-animation:mubu_dh_1 5s linear; animation:mubu_dh_1 8s linear forwards; display:none\9;}
+.mubu_right{ background:url(../images/mubu_right_s.jpg) no-repeat; width:720px; height:100%; position:fixed; top:0; right:-720px; -webkit-animation:mubu_dh_2 5s linear; animation:mubu_dh_2 8s linear forwards; display:none\9;}
+@-webkit-keyframes mubu_dh_1 {
+	0%{left:0;}
+	75% { left:-540px; opacity:100;}
+	100% { left:-720px; opacity:0; display:none;}
+}
+@keyframes mubu_dh_1 {
+	0% { left:0;}
+	75% { left:-540px; opacity:100;}
+	100% { left:-720px; opacity:0; display:none;}
+}
+@-webkit-keyframes mubu_dh_2 {
+    0% { right:0;}
+	75% { right:-540px; opacity:100;}
+	100% { right:-720px; opacity:0; display:none;}
+}
+@keyframes mubu_dh_2 {
+    0% { right:0;}
+	75% { right:-540px; opacity:100;}
+	100% { right:-720px; opacity:0; display:none;}
+}
+.mubu .yanhua2 {width: 100px;height: 100px; display:block; overflow: hidden;background: url(../images/mubu_yh_1.png) no-repeat 0 0; position:absolute; top:300px; left:70%; animation: fireworksfn 5s linear infinite;-webkit-animation: fireworksfn 3s linear infinite;-moz-animation: fireworksfn 3s linear infinite;-ms-animation: fireworksfn 3s linear infinite;-o-animation: fireworksfn 1.5s infinite; display:none\9;}
+.mubu .yanhua3 {width: 100px;height: 100px; display:block; overflow: hidden;background: url(../images/mubu_yh_2.png) no-repeat 0 0; position:absolute; top:250px; left:25%; animation: fireworksfn 4s linear infinite;-webkit-animation: fireworksfn 4s linear infinite;-moz-animation: fireworksfn 4s linear infinite;-ms-animation: fireworksfn 4s linear infinite;-o-animation: fireworksfn 1.5s infinite; display:none\9;}
+.mubu .yanhua4 {width: 70px;height: 70px; display:block; overflow: hidden;background: url(../images/nyear-wwwa5.png) no-repeat -6px -1px; position:absolute; top:250px; left:50%; animation: fireworksfn 3s linear infinite;-webkit-animation: fireworksfn 4s linear infinite;-moz-animation: fireworksfn 5s linear infinite;-ms-animation: fireworksfn 5s linear infinite;-o-animation: fireworksfn 1.5s infinite; display:none\9;}
+@media (min-width:1440px){ 
+.mubu{ background:url(../images/mubu_1.jpg) no-repeat top center; height:99.9%;}
+.mubu_main{ width:1150px; margin:0 auto; text-align:center; padding-top:300px; }
+.mubu_main h1{ font-size:50px; color:#f1ea2e; text-shadow:2px 2px 5px #000; line-height:1.5em; height:1.5em; overflow:hidden;}
+.mubu_main h2{ font-size:40px; color:#f1ea2e; text-shadow:2px 2px 5px #000; line-height:1.5em; height:1.5em; overflow:hidden; margin-bottom:30px;}
+.mubu_main p{ font-size:24px; line-height:1.5em; height:1.5em; overflow:hidden; color:#fff; text-shadow:2px 2px 5px #000;}
+.mubu_main p.into{ margin-top:50px; height:120px;}
+.mubu_top{ background:url(../images/mubu_2.png) no-repeat top center; position:fixed; top:0; left:0; height:200px; width:100%;}
+.mubu_left{ background:url(../images/mubu_left.jpg) no-repeat; width:960px; height:100%; position:fixed; top:0;left:-960px; -webkit-animation:mubu_dh_1 5s ease-in; animation:mubu_dh_1 8s linear forwards; display:none\9;}
+.mubu_right{ background:url(../images/mubu_right.jpg) no-repeat; width:960px; height:100%; position:fixed; top:0; right:-960px; -webkit-animation:mubu_dh_2 5s ease-in; animation:mubu_dh_2 8s linear forwards; display:none\9;}
+@-webkit-keyframes mubu_dh_1 {
+    0% { left:0;}
+	75% { left:-720px; opacity:100;}
+	100% { left:-960px; opacity:0; display:none;}
+}
+@keyframes mubu_dh_1 {
+    0% { left:0;}
+	75% { left:-720px; opacity:100;}
+	100% { left:-960px; opacity:0; display:none;}
+}
+@-webkit-keyframes mubu_dh_2 {
+    0% { right:0;}
+	75% { right:-720px; opacity:100;}
+	100% { right:-960px; opacity:0; display:none;}
+}
+@keyframes mubu_dh_2 {
+    0% { right:0;}
+	75% { right:-720px; opacity:100;}
+	100% { right:-960px; opacity:0; display:none;}
+}
+.mubu .yanhua2 {width: 100px;height: 100px; display:block; overflow: hidden;background: url(../images/mubu_yh_1.png) no-repeat 0 0; position:absolute; top:450px; left:70%; animation: fireworksfn 5s linear infinite;-webkit-animation: fireworksfn 3s linear infinite;-moz-animation: fireworksfn 3s linear infinite;-ms-animation: fireworksfn 3s linear infinite;-o-animation: fireworksfn 1.5s infinite;}
+.mubu .yanhua3 {width: 100px;height: 100px; display:block; overflow: hidden;background: url(../images/mubu_yh_2.png) no-repeat 0 0; position:absolute; top:350px; left:30%; animation: fireworksfn 4s linear infinite;-webkit-animation: fireworksfn 4s linear infinite;-moz-animation: fireworksfn 4s linear infinite;-ms-animation: fireworksfn 4s linear infinite;-o-animation: fireworksfn 1.5s infinite;}
+.mubu .yanhua4 {width: 70px;height: 70px; display:block; overflow: hidden;background: url(../images/nyear-wwwa5.png) no-repeat -6px -1px; position:absolute; top:400px; left:50%; animation: fireworksfn 3s linear infinite;-webkit-animation: fireworksfn 4s linear infinite;-moz-animation: fireworksfn 5s linear infinite;-ms-animation: fireworksfn 5s linear infinite;-o-animation: fireworksfn 1.5s infinite;}
+}
+
+/*ÑÌ»¨*/
+@keyframes fireworksfn{
+	0%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
+	50%{opacity:1;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}
+	100%{opacity:0;-webkit-transform:scale(4);-moz-transform:scale(4);-ms-transform:scale(4);-o-transform:scale(4);transform:scale(4)}
+	}
+@-moz-keyframes fireworksfn{
+	0%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
+	50%{opacity:1;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}
+	100%{opacity:0;-webkit-transform:scale(4);-moz-transform:scale(4);-ms-transform:scale(4);-o-transform:scale(4);transform:scale(4)}
+	}
+@-webkit-keyframes fireworksfn{
+	0%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
+	50%{opacity:1;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}
+	100%{opacity:0;-webkit-transform:scale(4);-moz-transform:scale(4);-ms-transform:scale(4);-o-transform:scale(4);transform:scale(4)}
+	}
+@-o-keyframes fireworksfn{
+	0%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
+	50%{opacity:1;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}
+	100%{opacity:0;-webkit-transform:scale(4);-moz-transform:scale(4);-ms-transform:scale(4);-o-transform:scale(4);transform:scale(4)}
+	}

public/static/css/style1.css

@@ -0,0 +1,233 @@
+:root {
+	font-size: calc(16px + (20 - 16) * (100vw - 320px)/(980 - 320));
+	--rotateTimes: 0;
+}
+
+nav,
+ul,
+li {
+	transform-style: preserve-3d;
+}
+
+nav,
+li {
+	position: absolute;
+	top: 30%;
+	left: 50%;
+}
+
+nav,
+li a {
+	border-radius: 50%;
+}
+
+nav {
+	width: 100em;
+	height: 70em;
+	transform: translate(-50%, -50%) rotateX(75deg);
+	position: relative;
+}
+
+ul,
+li a {
+	width: 100%;
+	height: 100%;
+}
+
+ul {
+	list-style: none;
+}
+
+li {
+	animation: idle 4s ease-in-out infinite;
+	text-align: center;
+	width: 15em;
+	height: 15em;
+	transform: translate(-50%, -50%);
+}
+
+li a {
+	box-shadow: 0 0 0 0.1em #0cf inset, 0 0 1em #0cf inset;
+	color: currentColor;
+	display: inline-block;
+	text-decoration: none;
+	transition: transform 0.4s linear, box-shadow 0.15s linear, margin 0.1s linear, width 0.1s linear, height 0.1s linear;
+}
+
+li a span {
+	transition: color 0.15s linear;
+}
+
+li a:before {
+	background-color: #fff;
+	border-radius: 50%;
+	content: "";
+	display: block;
+	opacity: 0.5;
+	position: absolute;
+	top: 2.75em;
+	left: 3.75em;
+	width: 1em;
+	height: 0.5em;
+	transform: rotate(-45deg);
+}
+
+li a:focus,
+li a.current {
+	box-shadow: 0 0 0 0.1em #ff0 inset, 0 0 1em #ff0 inset;
+	outline: 0;
+}
+
+li a:focus span,
+li a.current span {
+	color: #ff0;
+}
+
+li a:hover {
+	margin: -5% 0 0 -5%;
+	width: 110%;
+	height: 110%;
+	box-shadow: 0 0 0 0.1em #ff0 inset, 0 0 1em #ff0 inset;
+}
+
+li a:hover svg {
+	width: 3em;
+	height: 3em;
+}
+
+@media (prefers-reduced-motion) {
+	li {
+		animation: none;
+	}
+}
+
+svg {
+	display: block;
+	margin: 1.25em auto 1.5em auto;
+	transition: width 0.1s linear, height 0.1s linear;
+	width: 2.5em;
+	height: 2.5em;
+}
+
+/* Position bubbles */
+li:nth-of-type(1) {
+	animation-delay: 0s;
+}
+
+li:nth-of-type(1) a {
+	transform: rotate(calc(0deg + var(--rotateTimes) * 51.4285714286deg)) translateY(9em) rotate(calc(0deg - var(--rotateTimes) * 51.4285714286deg)) rotateX(-75deg);
+}
+
+li:nth-of-type(2) {
+	animation-delay: -0.5s;
+}
+
+li:nth-of-type(2) a {
+	transform: rotate(calc(-51.4285714286deg + var(--rotateTimes) * 51.4285714286deg)) translateY(9em) rotate(calc(51.4285714286deg - var(--rotateTimes) * 51.4285714286deg)) rotateX(-75deg);
+}
+
+li:nth-of-type(3) {
+	animation-delay: -1s;
+}
+
+li:nth-of-type(3) a {
+	transform: rotate(calc(-102.8571428571deg + var(--rotateTimes) * 51.4285714286deg)) translateY(9em) rotate(calc(102.8571428571deg - var(--rotateTimes) * 51.4285714286deg)) rotateX(-75deg);
+}
+
+li:nth-of-type(4) {
+	animation-delay: -1.5s;
+}
+
+li:nth-of-type(4) a {
+	transform: rotate(calc(-154.2857142857deg + var(--rotateTimes) * 51.4285714286deg)) translateY(9em) rotate(calc(154.2857142857deg - var(--rotateTimes) * 51.4285714286deg)) rotateX(-75deg);
+}
+
+li:nth-of-type(5) {
+	animation-delay: -2s;
+}
+
+li:nth-of-type(5) a {
+	transform: rotate(calc(-205.7142857143deg + var(--rotateTimes) * 51.4285714286deg)) translateY(9em) rotate(calc(205.7142857143deg - var(--rotateTimes) * 51.4285714286deg)) rotateX(-75deg);
+}
+
+/* Animations */
+.rise {
+	animation: rise 1s ease-out;
+}
+
+.rise a {
+	animation: fadeOut 1s ease-out;
+}
+
+.rise a.pop {
+	animation: pop 1s linear;
+}
+
+.rise a.pop svg,
+.rise a.pop span {
+	visibility: hidden;
+}
+
+@keyframes rise {
+	from {
+		transform: translateZ(0);
+	}
+
+	15% {
+		transform: translateZ(-1em);
+	}
+
+	to {
+		transform: translateZ(35em);
+	}
+}
+
+@keyframes fadeOut {
+
+	from,
+	15% {
+		opacity: 1;
+	}
+
+	50%,
+	to {
+		opacity: 0;
+	}
+}
+
+@keyframes pop {
+	from {
+		margin: -5% 0 0 -5%;
+		width: 110%;
+		height: 110%;
+		opacity: 1;
+	}
+
+	10%,
+	to {
+		margin: -20% 0 0 -20%;
+		width: 140%;
+		height: 140%;
+		opacity: 0;
+	}
+}
+
+@keyframes idle {
+
+	from,
+	to {
+		transform: translate(-50%, -48%);
+	}
+
+	25% {
+		transform: translate(-52%, -50%);
+	}
+
+	50% {
+		transform: translate(-50%, -52%);
+	}
+
+	75% {
+		transform: translate(-48%, -50%);
+	}
+}

public/static/home/css/index.css

@@ -0,0 +1,283 @@
+html {
+    margin: 0;
+    padding: 0;
+}
+
+html,
+body {
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+    padding: 0px;
+    font-family: 'Lato', sans-serif;
+    font-size: 16px;
+}
+
+.social-icon a {
+    position: fixed;
+    background: white;
+    color: white;
+    display: inline-block;
+    width: 100px;
+    height: 100px;
+    transform: translate(-50%, -50%) rotate(45deg);
+    transition: .15s ease;
+    z-index: 30;
+}
+
+.social-icon i {
+    position: absolute;
+    font-size: 1.8em;
+    pointer-events: none;
+    z-index: 1000;
+}
+
+.social-icon:hover a {
+    transform: translate(-50%, -50%) rotate(45deg) scale(1.05);
+}
+
+.youtube a {
+    top: 100%;
+    left: 0%;
+    box-shadow: 0px 0px 15px 5px rgba(230, 33, 23, 0.5);
+}
+
+.youtube i {
+    left: 8px;
+    bottom: 8px;
+    color: #E62117;
+}
+
+.github a {
+    top: 100%;
+    left: 100%;
+    box-shadow: 0px 0px 15px 3px rgba(126, 126, 126, 0.5);
+}
+
+.github i {
+    right: 8px;
+    bottom: 8px;
+}
+
+#canvas-container-1 {
+    height: 100%;
+    width: 80%;
+    margin: 0 auto;
+}
+
+#canvas-1 {
+    display: block;
+    position: relative;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
+
+#site-link {
+    color: #0099ff;
+    display: inline-block;
+    position: fixed;
+    bottom: 4%;
+    left: 50%;
+    transform: translate(-50%, 0%);
+    font-variant: small-caps;
+}
+
+body {
+    background: url(../../home/images/bg_1.jpg);
+    background-size: cover;
+}
+
+.fn_1 {
+    width: 200px;
+    height: 170px;
+    background: url(../../home/images/fn_1.png) no-repeat;
+    background-size: 100%;
+}
+
+.fn_1:hover {
+    background: url(../../home/images/fn_1_h.png) no-repeat;
+    background-size: 100%;
+}
+
+.fn_2 {
+    width: 200px;
+    height: 170px;
+    background: url(../../home/images/fn_3.png) no-repeat;
+    background-size: 100%;
+}
+
+.fn_2:hover {
+    background: url(../../home/images/fn_3_h.png) no-repeat;
+    background-size: 100%;
+}
+
+.fn_3 {
+    width: 200px;
+    height: 170px;
+    background: url(../../home/images/fn_2.png) no-repeat;
+    background-size: 100%;
+}
+
+.fn_3:hover {
+    background: url(../../home/images/fn_2_h.png) no-repeat;
+    background-size: 100%;
+}
+
+.fn_4 {
+    width: 200px;
+    height: 170px;
+    background: url(../../home/images/fn_4.png) no-repeat;
+    background-size: 100%;
+}
+
+.fn_4:hover {
+    background: url(../../home/images/fn_4_h.png) no-repeat;
+    background-size: 100%;
+}
+
+.fn_5 {
+    width: 200px;
+    height: 170px;
+    background: url(../../home/images/fn_5.png) no-repeat;
+    background-size: 100%;
+}
+
+.fn_5:hover {
+    background: url(../../home/images/fn_5_h.png) no-repeat;
+    background-size: 100%;
+}
+
+.sci-wheel {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 100px;
+}
+
+.header {
+    width: 100%;
+    height: 100px;
+    line-height: 100px;
+    padding: 0 40px;
+    background: rgba(0, 0, 0, 0.3);
+}
+
+.header .image {
+    float: left;
+    margin: 27px 10px;
+    width: 60px;
+}
+
+.header .title {
+    float: left;
+    font-size: 30px;
+    color: white;
+    letter-spacing: 3px;
+}
+.header .login{
+  float: right;
+  width: 270px;
+  margin: 30px 60px 0 0px;
+}
+.header .login a:first-child{
+  float: left;
+  width: 40px;
+  height: 40px;
+  border: 1px solid #ccc;
+  background-color: #cccccc3f;
+  border-radius: 5px;
+}
+.header .login a:first-child img{
+    float: left;
+    padding: 10px;
+}
+.header .login a:nth-child(2){
+  float: left;
+  width: 100px;
+  height: 40px;
+  border: 1px solid #ccc;
+  line-height: 40px;
+  text-align: center;
+  color: #ccc;
+  background-color: #cccccc3f;
+  border-radius: 5px;
+}
+.header .login a:nth-child(3){
+  float: left;
+  width: 100px;
+  height: 40px;
+  border: 1px solid #ccc;
+  line-height: 40px;
+  text-align: center;
+  color: #ccc;
+  background-color: #cccccc3f;
+  border-radius: 5px;
+}
+.header .home-btn {
+    float: left;
+    margin-top: 20px;
+    width: 74px;
+    height: 74px;
+    border: 1px solid #102262;
+    border-radius: 5px;
+    background: url(../../home/images/login/icon.png) no-repeat center center;
+    background-size: 45% 45%;
+    cursor: pointer;
+}
+
+.center {
+    position: absolute;
+    top: 20px;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin: auto;
+    width: 930px;
+    height: 500px;
+    z-index: 999;
+    background: rgba(5, 19, 44, 0.6);
+}
+
+.center .list {
+    display: block;
+    float: left;
+    margin: 60px 29px;
+}
+
+.center .list:nth-child(1) {
+    position: relative;
+    left: 75px;
+    top: 60px;
+}
+
+.center .list:nth-child(2) {
+    position: relative;
+    left: 80px;
+    top: 0;
+}
+
+.center .list:nth-child(3) {
+    position: relative;
+    left: 85px;
+    top: 60px;
+}
+
+.center .list:nth-child(4) {
+    position: relative;
+    left: -187px;
+    top: -145px;
+}
+
+.center .list:nth-child(5) {
+    position: relative;
+    top: -145px;
+    left: 606px;
+}
+
+.center .list p {
+    text-align: center;
+    color: #00BAF1;
+    font-size: 35px;
+    margin-top: 190px;
+}

public/static/home/css/lib.css

@@ -0,0 +1,111 @@
+/* CSS Document */
+/**
+* +----------------------------------------------------------
+* 主样式
+* +----------------------------------------------------------
+*/
+*{
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	margin: 0;
+	padding: 0;
+	font-family: 微软雅黑;
+	letter-spacing: 1px;
+}
+html,body{
+	width: 100%; height: 100%;
+	overflow: hidden;
+	font-size: 14px;
+}
+
+li{
+	list-style: none;
+}
+a{
+	display: block;
+}
+a:hover{
+	color: #df621e;
+	-webkit-transition: all 0.2s ease-in-out;
+}
+
+iframe{
+	border: 0; width: 100%; height: 100%;
+}
+.pull-left{ float: left; }
+.pull-right{ float: right; }
+
+.show{ display: block; }
+.hide{ display: none; }
+
+.i-bold{
+	font-weight: bolder;
+}
+/*字体颜色*/
+.i-green{ color:#00c851 !important;}
+.i-yellow{ color:#e7592b !important;}
+.i-red{ color:#d90000 !important; font-weight: border;}
+.i-blue{ color:#2292ef !important;}
+.i-lightblue{ color:#00a5e0 !important;}
+.i-gray{ color:#6c6c6e !important;}
+
+/*背景颜色*/
+.bg-green{ background-color:#00c851 !important;}
+.bg-yellow{ background-color:#e7592b !important;}
+.bg-red{ background-color:#d90000 !important;}
+.bg-blue{ background-color:#2292ef !important;}
+.bg-white{ background-color: white !important;}
+.bg-gray{ background-color: #6c6c6e !important;}
+
+/*渐变色*/
+.shade-white{
+	display: block;
+	background-image:url(../../home/images/shade/white.png);
+	background-repeat:repeat-x;
+	background-size: 100% 100%;
+	background-position: 0 0;
+}
+.shade-menu{
+	display: block;
+	background-image:url(../../home/images/shade/menu.png);
+	background-repeat:repeat-x;
+	background-size: 100% 100%;
+	background-position: 0 0;
+}
+
+.shadow{
+	box-shadow:0px 4px 8px rgba(0,0,0,0.3);
+}
+.shadow1{
+	background: url(../../home/images/shadow.png);
+	width: 220px; height: 15px;
+	background-size: 100%;
+	background-position: 0 0;
+	position: absolute; bottom: -15px; left: 0;
+}
+.shadow2{
+	background: url(../../home/images/shadow.png);
+	width: 100%; height: 15px;
+	background-size: 100%;
+	background-position: 0 -15px;
+	position: absolute; bottom: -15px; left: 0;
+}
+
+/* 数字提示 */
+.num{
+  width: 15px; height: 15px; text-align: center; line-height: 15px;
+  border-radius: 99px;
+  color: white; font-weight: bolder;
+}
+.num-1{
+	margin-left: 5px;
+  padding: 5px 10px; text-align: center; line-height: 15px;
+  border-radius: 99px;
+  color: white; font-weight: bolder;
+}
+
+/* layui修改 */
+.layui-input-block{
+	margin-left: 0;
+}

public/static/home/css/road.css

@@ -0,0 +1,146 @@
+/* CSS Document */
+/**
+* +----------------------------------------------------------
+* 主样式
+* +----------------------------------------------------------
+*/
+.layui-form-checkbox[lay-skin=primary]:hover i{
+  border-color: #407CD5;
+}
+.layui-form-checked[lay-skin=primary] i{
+  background-color: #407CD5;
+  border-color: #407CD5;
+}
+
+.layui-btn{
+    height: 45px;
+    line-height: 45px;
+}
+.layui-btn-normal{
+  background-color: #407CD5;
+}
+
+
+/*流星*/
+.liuxing{
+  width: 85px;
+	height: 85px;
+	position: absolute;
+	background: url(../../home/images/line.png) no-repeat;
+	background-size: contain;
+}
+.liuxing1 {
+  top: 200px;
+	left: 200px;
+}
+
+.liuxing2 {
+  top: 200px;
+	left: 50%;
+	margin-left: 200px;
+}
+
+.liuxing3 {
+  top: 100px;
+	right: 300px;
+}
+
+.liuxing4 {
+  top: 150px;
+	right: 300px;
+}
+
+.liuxingFla {
+	animation: liuxing 5s ease-in infinite;
+}
+
+.liuxingFla2 {
+	animation: liuxing2 4s ease-in infinite;
+}
+
+.liuxingFla3 {
+	animation: liuxing3 3s linear infinite;
+}
+
+.liuxingFla4 {
+	animation: liuxing4 2s linear infinite;
+}
+
+/* 流星动画 */
+@keyframes liuxing {
+	0% {
+		transform: translate(200px, -200px)
+	}
+	90% {
+		transform: translate(-180px, 180px);
+		opacity: 1;
+	}
+	100% {
+		transform: translate(-200px, 200px);
+		opacity: 0;
+	}
+}
+
+@keyframes liuxing2 {
+	0% {
+		transform: translate(200px, -200px)
+	}
+	90% {
+		transform: translate(-480px, 480px);
+		opacity: 1;
+	}
+	100% {
+		transform: translate(-500px, 500px);
+		opacity: 0;
+	}
+}
+
+@keyframes liuxing3 {
+	0% {
+		transform: translate(200px, -200px)
+	}
+	90% {
+		transform: translate(-480px, 480px);
+		opacity: 1;
+	}
+	100% {
+		transform: translate(-500px, 500px);
+		opacity: 0;
+	}
+}
+
+@keyframes liuxing4 {
+	0% {
+		transform: translate(200px, -200px)
+	}
+	90% {
+		transform: translate(-180px, 180px);
+		opacity: 1;
+	}
+	100% {
+		transform: translate(-200px, 200px);
+		opacity: 0;
+	}
+}
+
+/*菜单*/
+.moveUpDownFla1 {
+	animation: moveUpDown 5s ease infinite;
+}
+
+.moveUpDownFla2 {
+	animation: moveUpDown 4s linear infinite;
+}
+
+/* 菜单动画 */
+@keyframes moveUpDown {
+	0% {
+		transform: translate(0px, -20px)
+	}
+	50% {
+		transform: translate(0px, 20px)
+	}
+	100% {
+		transform: translate(0px, -20px);
+	}
+}

public/static/js/tabs.js

@@ -0,0 +1,32 @@
+window.onload = function() {
+    var oDiv = document.getElementById("tab");
+    var oLi = oDiv.getElementsByTagName("div")[0].getElementsByTagName("li");
+    var aCon = oDiv.getElementsByTagName("div")[1].getElementsByTagName("div");
+    var timer = null;
+    for (var i = 0; i < oLi.length; i++) {
+        oLi[i].index = i;
+        oLi[i].onmouseover = function() {
+            show(this.index);
+        }
+    }
+    function show(a) {
+        index = a;
+        var alpha = 0;
+        for (var j = 0; j < oLi.length; j++) {
+            oLi[j].className = "";
+            aCon[j].className = "";
+            aCon[j].style.opacity = 0;
+            aCon[j].style.filter = "alpha(opacity=0);";
+        }
+        oLi[index].className = "cur";
+        clearInterval(timer);
+        timer = setInterval(function() {
+            alpha += 2;
+            alpha > 100 && (alpha = 100);
+            aCon[index].style.opacity = alpha / 100;
+            aCon[index].style.filter = "alpha(opacity=" + alpha + ")";
+            alpha == 100 && clearInterval(timer);
+        },
+        5)
+    }
+}

src/layout/enterprise/contextfabu.vue

@@ -2,202 +2,301 @@
   <div id="contextfabu">
     <el-row>
       <el-col :span="24" class="contextfabu">
-        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+        <el-tabs v-model="activeName" type="card">
           <el-tab-pane label="我的发布" name="first">
             <el-row class="demandForm">
-              <el-form ref="form" :model="form" label-width="130px" :rules="rules">
+              <el-form ref="form" :model="form" label-width="140px" :rules="rules">
                 <el-form-item label="产品类型" prop="totaltype">
-                  <el-select v-model="form.totaltype" placeholder="请选择产品类型">
+                  <el-select v-model="form.type" placeholder="请选择产品类型">
                     <el-option label="技术" value="0"></el-option>
                     <el-option label="产品" value="1"></el-option>
-                    <el-option label="服务" value="2"></el-option>
+                    <el-option label="商务" value="2"></el-option>
                   </el-select>
                 </el-form-item>
-                <!-- <span v-if="form.totaltype == 0">
-              <el-form-item label="选择不显示的信息">
-                <el-select v-model="form.is_display" multiple placeholder="请选择" style="width:100%">
-                  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" :disabled="item.disabled"> </el-option>
-                </el-select>
-              </el-form-item>
-            </span>
-            <span v-if="form.totaltype == 1">
-              <el-form-item label="选择不显示的信息">
-                <el-select v-model="form.is_display" multiple placeholder="请选择" style="width:100%">
-                  <el-option v-for="item in option2" :key="item.value" :label="item.label" :value="item.value" :disabled="item.disabled"> </el-option>
-                </el-select>
-              </el-form-item>
-            </span>
-            <span v-if="form.totaltype == 2">
-              <el-form-item label="选择不显示的信息">
-                <el-select v-model="form.is_display" multiple placeholder="请选择" style="width:100%">
-                  <el-option v-for="item in option3" :key="item.value" :label="item.label" :value="item.value" :disabled="item.disabled"> </el-option>
-                </el-select>
-              </el-form-item>
-            </span> -->
-                <el-form-item label="名称" prop="name">
+                <el-form-item label="名称">
                   <el-input v-model="form.name" placeholder="请输入名称"></el-input>
                 </el-form-item>
-                <el-form-item label="类型">
-                  <el-select v-model="form.product_type_id" filterable @change="selectChild">
-                    <el-option v-for="(item, index) in columnList" :key="index" :value="item.id" :label="item.name"></el-option>
-                  </el-select>
+                <el-form-item label="联系人">
+                  <el-input v-model="form.contacts" placeholder="请输入联系人"></el-input>
+                </el-form-item>
+                <el-form-item label="联系电话">
+                  <el-input v-model="form.phone" placeholder="请输入联系电话"></el-input>
                 </el-form-item>
-                <el-form-item label="产品简介">
-                  <el-input type="textarea" v-model="form.introduction" placeholder="请输入产品简介"></el-input>
+                <el-form-item label="QQ&微信">
+                  <el-input v-model="form.qqwx" placeholder="请输入QQ&微信"></el-input>
                 </el-form-item>
-                <span>
-                  <el-form-item label="研发阶段" v-if="form.totaltype == null || form.totaltype == '0'">
-                    <el-select v-model="form.phase" placeholder="请选择研发阶段">
-                      <el-option label="阶段成果" value="0"></el-option>
-                      <el-option label="最终成果" value="1"></el-option>
+                <el-form-item label="电子邮箱">
+                  <el-input v-model="form.email" placeholder="请输入电子邮箱"></el-input>
+                </el-form-item>
+                <span v-if="form.type == '0' || form.type == '1'">
+                  <el-form-item label="所属领域">
+                    <el-select v-model="form.field" filterable>
+                      <el-option v-for="(item, index) in fieldList" :key="index" :value="item.name" :label="item.name"></el-option>
                     </el-select>
                   </el-form-item>
+                  <el-form-item label="合作方式">
+                    <el-select v-model="form.cooperation" filterable>
+                      <el-option v-for="(item, index) in cooperationList" :key="index" :value="item.name" :label="item.name"></el-option>
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="企业名称">
+                    <el-input v-model="form.company" placeholder="请输入企业名称"></el-input>
+                  </el-form-item>
+                  <el-form-item label="企业简介">
+                    <el-input
+                      v-model="form.companybrief"
+                      type="textarea"
+                      maxlength="300"
+                      show-word-limit
+                      :autosize="{ minRows: 2, maxRows: 5 }"
+                      placeholder="请输入企业简介"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item label="企业网站">
+                    <el-input v-model="form.companyweb" placeholder="请输入企业网站"></el-input>
+                  </el-form-item>
+                  <el-form-item label="合作条件及要求">
+                    <el-input
+                      v-model="form.condition"
+                      type="textarea"
+                      maxlength="300"
+                      show-word-limit
+                      :autosize="{ minRows: 2, maxRows: 5 }"
+                      placeholder="请输入合作条件及要求"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item label="产品图片" prop="image">
+                    <upload
+                      :limit="6"
+                      :data="form.image"
+                      :uploadBtn="true"
+                      type="image"
+                      :url="`/files/image/upload`"
+                      @upload="uploadSuccess"
+                      @delete="uploadDelete"
+                    ></upload>
+                  </el-form-item>
                 </span>
-                <el-row>
-                  <el-col :span="12">
-                    <el-form-item label="产品单价" v-if="form.totaltype == null || form.totaltype == '0' || form.totaltype == '1'">
-                      <el-input v-model="form.price" placeholder="请输入产品单价"></el-input>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item label="产品单位" v-if="form.totaltype == null || form.totaltype == '0' || form.totaltype == '1'">
-                      <el-select v-model="form.priceunit" placeholder="请选择产品单位">
-                        <el-option label="公斤" value="0"></el-option>
-                        <el-option label="套" value="1"></el-option>
-                        <el-option label="件" value="2"></el-option>
-                      </el-select>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-form-item label="产品图片" prop="image">
-                  <upload
-                    :limit="6"
-                    :data="form.image"
-                    :uploadBtn="true"
-                    type="image"
-                    :url="`/files/image/upload`"
-                    @upload="uploadSuccess"
-                    @delete="uploadDelete"
-                  ></upload>
-                </el-form-item>
-                <!-- <span>
-              <el-form-item label="产品参数">
-                <template>
-                  <el-col :span="12">
-                    <el-table :data="form.product_args" ref="table" tooltip-effect="dark" border stripe @selection-change="selectRow">
-                      <el-table-column label="参数名称">
-                        <template slot-scope="scope">
-                          <el-input v-model="scope.row.arg_name"></el-input>
-                        </template>
-                      </el-table-column>
-                      <el-table-column label="参数内容">
-                        <template slot-scope="scope">
-                          <el-input v-model="scope.row.memo"></el-input>
-                        </template>
-                      </el-table-column>
-                    </el-table>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-button type="primary" @click.prevent="addRow()">添加参数</el-button>
-                  </el-col>
-                </template>
-              </el-form-item>
-            </span> -->
-                <span>
-                  <el-form-item label="所属领域">
-                    <el-select v-model="form.field" placeholder="请选择所属领域">
-                      <el-option label="先进制造" value="0"></el-option>
-                      <el-option label="新材料" value="1"></el-option>
-                      <el-option label="光电子" value="2"></el-option>
-                      <el-option label="信息技术" value="3"></el-option>
-                      <el-option label="文化和科技融合" value="4"></el-option>
+                <!-- 技术 -->
+                <span v-if="form.type == '0'">
+                  <el-form-item label="投资预算">
+                    <el-input v-model="form.budget" placeholder="请输入投资预算"></el-input>
+                  </el-form-item>
+                  <el-form-item label="注册类型">
+                    <el-input v-model="form.companytype" placeholder="请输入注册类型"></el-input>
+                  </el-form-item>
+                  <el-form-item label="组织机构代码">
+                    <el-input v-model="form.zzjgdm" placeholder="请输入组织机构代码"></el-input>
+                  </el-form-item>
+                  <el-form-item label="注册时间">
+                    <el-date-picker v-model="form.companydate" type="date" placeholder="请选择时间" format="yyyy-MM-dd" value-format="yyyy-MM-dd">
+                    </el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="注册资金">
+                    <el-input v-model="form.companycapital" placeholder="请输入注册资金"></el-input>
+                  </el-form-item>
+                  <el-form-item label="企业法人">
+                    <el-input v-model="form.companyperson" placeholder="请输入企业法人"></el-input>
+                  </el-form-item>
+                  <el-form-item label="上年度企业总收入">
+                    <el-input v-model="form.sndqyzsr" placeholder="请输入上年度企业总收入"></el-input>
+                  </el-form-item>
+                  <el-form-item label="上年度研发费用">
+                    <el-input v-model="form.sndyffy" placeholder="请输入上年度研发费用"></el-input>
+                  </el-form-item>
+                  <el-form-item label="企业总人数">
+                    <el-input v-model="form.companytotal" placeholder="请输入企业总人数"></el-input>
+                  </el-form-item>
+                  <el-form-item label="专&兼职研发人数">
+                    <el-input v-model="form.zjzyfrs" placeholder="请输入专&兼职研发人数"></el-input>
+                  </el-form-item>
+                  <el-form-item label="需求紧急程度">
+                    <el-radio-group v-model="form.degreeurgency">
+                      <el-radio label="特急"></el-radio>
+                      <el-radio label="一般"></el-radio>
+                      <el-radio label="储备"></el-radio>
+                    </el-radio-group>
+                  </el-form-item>
+                  <el-form-item label="技术难题&需求说明">
+                    <el-input
+                      v-model="form.requirementdesc"
+                      type="textarea"
+                      maxlength="500"
+                      show-word-limit
+                      :autosize="{ minRows: 2, maxRows: 5 }"
+                      placeholder="请输入技术难题&需求说明"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item label="预期技术目标描述">
+                    <el-input
+                      v-model="form.expect"
+                      type="textarea"
+                      maxlength="300"
+                      show-word-limit
+                      :autosize="{ minRows: 2, maxRows: 5 }"
+                      placeholder="请输入预期技术目标描述"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item label="需求现状及应对措施">
+                    <el-input
+                      v-model="form.present"
+                      type="textarea"
+                      maxlength="300"
+                      show-word-limit
+                      :autosize="{ minRows: 2, maxRows: 5 }"
+                      placeholder="请输入需求现状及应对措施"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item label="主要产品">
+                    <el-input
+                      v-model="form.mainproduct"
+                      type="textarea"
+                      maxlength="300"
+                      show-word-limit
+                      :autosize="{ minRows: 2, maxRows: 5 }"
+                      placeholder="请输入主要产品"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item label="企业资质&荣誉">
+                    <el-input
+                      v-model="form.qualifications"
+                      type="textarea"
+                      maxlength="300"
+                      show-word-limit
+                      :autosize="{ minRows: 2, maxRows: 5 }"
+                      placeholder="请输入企业资质&荣誉"
+                    ></el-input>
+                  </el-form-item>
+                </span>
+                <!-- 产品 -->
+                <span v-else-if="form.type == '1'">
+                  <el-form-item label="成果状态">
+                    <el-select v-model="form.achievestatus" filterable>
+                      <el-option v-for="(item, index) in achievestatusList" :key="index" :value="item.name" :label="item.name"></el-option>
                     </el-select>
                   </el-form-item>
+                  <el-form-item label="成果权属">
+                    <el-input v-model="form.achieveown" placeholder="请输入成果权属"></el-input>
+                  </el-form-item>
+                  <el-form-item label="成果来源">
+                    <el-radio-group v-model="form.degreeurgency">
+                      <el-radio label="国家项目"></el-radio>
+                      <el-radio label="省级项目"></el-radio>
+                      <el-radio label="市级项目"></el-radio>
+                      <el-radio label="自选项目"></el-radio>
+                    </el-radio-group>
+                  </el-form-item>
+                  <el-form-item label="专利信息">
+                    <el-input v-model="form.patentinfo" placeholder="请输入专利信息"></el-input>
+                  </el-form-item>
+                  <el-form-item label="专利状态">
+                    <el-radio-group v-model="form.patentstatus">
+                      <el-radio label="已申请"></el-radio>
+                      <el-radio label="已授权"></el-radio>
+                    </el-radio-group>
+                  </el-form-item>
+                  <el-form-item label="项目路演">
+                    <el-input v-model="form.roadshow" placeholder="请输入项目路演"></el-input>
+                  </el-form-item>
+                  <el-form-item label="意向价格">
+                    <el-input v-model="form.intentionprice" placeholder="请输入意向价格"></el-input>
+                  </el-form-item>
+                  <el-form-item label="成果简介">
+                    <el-input
+                      v-model="form.achievebrief"
+                      type="textarea"
+                      maxlength="200"
+                      show-word-limit
+                      :autosize="{ minRows: 2, maxRows: 5 }"
+                      placeholder="请输入成果简介"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item label="技术特点">
+                    <el-input
+                      v-model="form.features"
+                      type="textarea"
+                      maxlength="200"
+                      show-word-limit
+                      :autosize="{ minRows: 2, maxRows: 5 }"
+                      placeholder="请输入技术特点"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item label="技术团队">
+                    <el-input
+                      v-model="form.team"
+                      type="textarea"
+                      maxlength="300"
+                      show-word-limit
+                      :autosize="{ minRows: 2, maxRows: 5 }"
+                      placeholder="请输入技术团队"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item label="商业预期">
+                    <el-input
+                      v-model="form.expectations"
+                      type="textarea"
+                      maxlength="300"
+                      show-word-limit
+                      :autosize="{ minRows: 2, maxRows: 5 }"
+                      placeholder="请输入商业预期"
+                    ></el-input>
+                  </el-form-item>
+                </span>
+                <!-- 服务 -->
+                <span v-else-if="form.type == '2'">
+                  <el-form-item label="信息属性">
+                    <el-radio-group v-model="form.messattribute">
+                      <el-radio label="提供方"></el-radio>
+                      <el-radio label="需求方"></el-radio>
+                    </el-radio-group>
+                  </el-form-item>
+                  <el-form-item label="需求程度">
+                    <el-radio-group v-model="form.demand">
+                      <el-radio label="特急"></el-radio>
+                      <el-radio label="一般"></el-radio>
+                    </el-radio-group>
+                  </el-form-item>
+                  <el-form-item label="信息描述">
+                    <el-input
+                      v-model="form.informationdesc"
+                      type="textarea"
+                      maxlength="300"
+                      show-word-limit
+                      :autosize="{ minRows: 2, maxRows: 5 }"
+                      placeholder="请输入信息描述"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item label="核心要素">
+                    <el-input
+                      v-model="form.coreelements"
+                      type="textarea"
+                      maxlength="200"
+                      show-word-limit
+                      :autosize="{ minRows: 2, maxRows: 5 }"
+                      placeholder="请输入核心要素"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item label="价格信息">
+                    <el-input
+                      v-model="form.priceinfo"
+                      type="textarea"
+                      maxlength="100"
+                      show-word-limit
+                      :autosize="{ minRows: 2, maxRows: 5 }"
+                      placeholder="请输入价格信息"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item label="商务预期">
+                    <el-input
+                      v-model="form.businessexpect"
+                      type="textarea"
+                      maxlength="200"
+                      show-word-limit
+                      :autosize="{ minRows: 2, maxRows: 5 }"
+                      placeholder="请输入商务预期"
+                    ></el-input>
+                  </el-form-item>
                 </span>
-                <el-form-item label="服务范围">
-                  <el-input type="textarea" v-model="form.scope" placeholder="请输入服务范围"></el-input>
-                </el-form-item>
-                <el-form-item label="合作方式" v-if="form.totaltype == null || form.totaltype == '0' || form.totaltype == '1'">
-                  <el-select v-model="form.coopermode" placeholder="请选择合作方式">
-                    <el-option label="技术转让" value="0"></el-option>
-                    <el-option label="技术服务" value="1"></el-option>
-                    <el-option label="技术许可" value="2"></el-option>
-                    <el-option label="技术融资" value="3"></el-option>
-                    <el-option label="其他" value="4"></el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item label="交易方式" v-if="form.totaltype == null || form.totaltype == '0' || form.totaltype == '1'">
-                  <el-select v-model="form.business" placeholder="请选择交易方式">
-                    <el-option label="公用" value="0"></el-option>
-                    <el-option label="竞价" value="1"></el-option>
-                    <el-option label="转让" value="2"></el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item label="投入预算" v-if="form.totaltype == null || form.totaltype == '0'">
-                  <el-input v-model="form.budget" placeholder="请输入投入预算"></el-input>
-                </el-form-item>
-                <el-form-item label="需求截止日期" v-if="form.totaltype == null || form.totaltype == '0'">
-                  <el-date-picker v-model="form.end_date" type="date" placeholder="请选择需求截止日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd">
-                  </el-date-picker>
-                </el-form-item>
-                <el-form-item v-if="form.totaltype == null || form.totaltype == '0'">
-                  <span slot="label">
-                    <el-popover
-                      placement="top-start"
-                      width="200"
-                      trigger="hover"
-                      content="（阐述在生产经营、项目建设、科研活动、产业化方向中遇到的技术难题或瓶颈问题及需达到的技术指标）"
-                    >
-                      <span slot="reference" style="color:#409eff">难题或瓶颈问题</span>
-                    </el-popover>
-                  </span>
-                  <el-input type="textarea" v-model="form.difficult_problem" placeholder="请输入难题或瓶颈问题"></el-input>
-                </el-form-item>
-                <el-form-item v-if="form.totaltype == null || form.totaltype == '0'">
-                  <span slot="label">
-                    <el-popover
-                      placement="top-start"
-                      width="200"
-                      trigger="hover"
-                      content="（企业承接成果、技术所具备的技术人员、设备、资金等基础条件及其他配套条件）"
-                    >
-                      <span slot="reference" style="color:#409eff">企业解决技术需求已具备的条件</span>
-                    </el-popover>
-                  </span>
-                  <el-input type="textarea" v-model="form.demand" placeholder="请输入企业解决需求"></el-input>
-                </el-form-item>
-                <el-form-item label="企业名称" v-if="form.totaltype == null || form.totaltype == '1'">
-                  <el-input v-model="form.company" placeholder="请输入企业名称"></el-input>
-                </el-form-item>
-                <el-form-item label="企业地址" v-if="form.totaltype == null || form.totaltype == '1'">
-                  <el-input v-model="form.address" placeholder="请输入企业地址"></el-input>
-                </el-form-item>
-                <el-form-item label="技术团队情况" v-if="form.totaltype == null || form.totaltype == '1'">
-                  <el-input type="textarea" v-model="form.team" placeholder="请输入技术团队情况"></el-input>
-                </el-form-item>
-                <el-form-item label="知识产权情况" v-if="form.totaltype == null || form.totaltype == '1'">
-                  <el-input v-model="form.property" placeholder="请输入知识产权情况"></el-input>
-                </el-form-item>
-                <el-form-item label="技术成熟度" v-if="form.totaltype == null || form.totaltype == '1'">
-                  <el-select v-model="form.mature" placeholder="请选择技术成熟度">
-                    <el-option label="实验室" value="0"></el-option>
-                    <el-option label="小试" value="1"></el-option>
-                    <el-option label="中试" value="2"></el-option>
-                    <el-option label="成熟" value="3"></el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item label="是否有拟合作企业，如有请填企业名称" v-if="form.totaltype == null || form.totaltype == '1'">
-                  <el-input v-model="form.coopercompany" placeholder="请输入是否有拟合作企业，如有请填企业名称"></el-input>
-                </el-form-item>
-                <el-form-item label="其他需求" v-if="form.totaltype == null || form.totaltype == '1'">
-                  <el-input v-model="form.other" placeholder="请输入其他需求"></el-input>
-                </el-form-item>
-                <el-form-item label="联系人" prop="contact_user">
-                  <el-input v-model="form.contact_user" placeholder="请输入联系人"></el-input>
-                </el-form-item>
-                <el-form-item label="联系电话" prop="contact_tel">
-                  <el-input v-model.number="form.contact_tel" placeholder="请输入联系电话" maxlength="11"></el-input>
-                </el-form-item>
                 <el-row class="demandBtn">
                   <el-button type="primary" @click="demandBtn()">保存草稿</el-button>
                   <el-button type="primary" @click="demandBtns()">信息发布</el-button>
@@ -215,7 +314,7 @@
 import _ from 'lodash';
 import upload from '@/components/upload.vue';
 import { mapState, createNamespacedHelpers } from 'vuex';
-const { mapActions: mapMarkettype } = createNamespacedHelpers('markettype');
+const { mapActions: markettype } = createNamespacedHelpers('markettype');
 export default {
   name: 'contextfabu',
   props: {
@@ -225,220 +324,41 @@ export default {
     upload,
   },
   data: () => ({
-    // 类型
-    columnList: [],
     activeName: 'first',
-    options: [
-      {
-        value: 'totaltype',
-        label: '产品类型',
-        disabled: true,
-      },
-      {
-        value: 'name',
-        label: '产品名称',
-        disabled: true,
-      },
-      {
-        value: 'contact_user',
-        label: '联系人',
-        disabled: true,
-      },
-
-      {
-        value: 'contact_tel',
-        label: '联系人电话',
-        disabled: true,
-      },
-
-      {
-        value: 'product_type_id',
-        label: '类型',
-      },
-      {
-        value: 'phase',
-        label: '研发阶段',
-      },
-      {
-        value: 'introduction',
-        label: '产品简介',
-        disabled: true,
-      },
-
-      {
-        value: 'price',
-        label: '产品单价',
-      },
-      {
-        value: 'priceunit',
-        label: '产品单位',
-      },
-
-      {
-        value: 'image',
-        label: '产品图片',
-      },
-      {
-        value: 'product_args',
-        label: '产品参数',
-      },
-      {
-        value: 'field',
-        label: '应用领域',
-      },
-
-      {
-        value: 'scope',
-        label: '服务范围',
-      },
-
-      {
-        value: 'business',
-        label: '交易方式',
-      },
-    ],
-    option2: [
-      {
-        value: 'totaltype',
-        label: '产品类型',
-        disabled: true,
-      },
-      {
-        value: 'name',
-        label: '产品名称',
-        disabled: true,
-      },
-      {
-        value: 'contact_user',
-        label: '联系人',
-        disabled: true,
-      },
-
-      {
-        value: 'contact_tel',
-        label: '联系人电话',
-        disabled: true,
-      },
-
-      {
-        value: 'product_type_id',
-        label: '类型',
-      },
-
-      {
-        value: 'introduction',
-        label: '产品简介',
-        disabled: true,
-      },
-
-      {
-        value: 'price',
-        label: '产品单价',
-      },
-      {
-        value: 'priceunit',
-        label: '产品单位',
-      },
-
-      {
-        value: 'image',
-        label: '产品图片',
-      },
-      {
-        value: 'product_args',
-        label: '产品参数',
-      },
-
-      {
-        value: 'scope',
-        label: '服务范围',
-      },
-
-      {
-        value: 'business',
-        label: '交易方式',
-      },
-    ],
-    option3: [
-      {
-        value: 'totaltype',
-        label: '产品类型',
-        disabled: true,
-      },
-      {
-        value: 'name',
-        label: '产品名称',
-        disabled: true,
-      },
-      {
-        value: 'contact_user',
-        label: '联系人',
-        disabled: true,
-      },
-
-      {
-        value: 'contact_tel',
-        label: '联系人电话',
-        disabled: true,
-      },
-
-      {
-        value: 'product_type_id',
-        label: '类型',
-      },
-
-      {
-        value: 'introduction',
-        label: '产品简介',
-        disabled: true,
-      },
-
-      {
-        value: 'price',
-        label: '产品单价',
-      },
-      {
-        value: 'priceunit',
-        label: '产品单位',
-      },
-
-      {
-        value: 'image',
-        label: '产品图片',
-      },
-
-      {
-        value: 'field',
-        label: '应用领域',
-      },
-
-      {
-        value: 'scope',
-        label: '服务范围',
-      },
-
-      {
-        value: 'business',
-        label: '交易方式',
-      },
-    ],
-    rules: {},
+    // 验证
+    rules: {
+      name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
+    },
+    // 所属领域
+    fieldList: [],
+    // 成果状态
+    achievestatusList: [],
+    // 合作方式
+    cooperationList: [],
   }),
   created() {
-    this.maarkettype();
+    this.searchtype();
   },
   computed: {},
   methods: {
-    ...mapMarkettype({ markettypeList: 'query' }),
-    // 查询类型
-    async maarkettype({ category = 54, ...info } = {}) {
-      const res = await this.markettypeList({ category, ...info });
+    ...markettype({ markettypeList: 'query' }),
+    // 查询字典表
+    async searchtype() {
+      // 所属领域;
+      let res = await this.markettypeList({ category: '01' });
       if (this.$checkRes(res)) {
-        this.$set(this, `columnList`, res.data);
+        this.$set(this, `fieldList`, res.data);
+      }
+      // 成果状态;
+      res = await this.markettypeList({ category: '02' });
+      if (this.$checkRes(res)) {
+        this.$set(this, `achievestatusList`, res.data);
+      }
+      // 合作方式;
+      res = await this.markettypeList({ category: '03' });
+      if (this.$checkRes(res)) {
+        this.$set(this, `cooperationList`, res.data);
       }
-    },
-    handleClick(tab, event) {
-      console.log(tab, event);
     },
     demandBtn() {
       this.$emit('demandBtn', { data: this.form });
@@ -446,14 +366,7 @@ export default {
     demandBtns() {
       this.$emit('demandBtns', { data: this.form });
     },
-    selectChild(product_type_id) {
-      let res = this.columnList.filter(fil => fil.id === product_type_id);
-      if (res.length > 0) {
-        console.log(res[0].name);
-        this.$set(this.form, `product_type_name`, res[0].name);
-      }
-      this.$forceUpdate();
-    },
+    // 图片
     uploadSuccess({ type, data }) {
       let arr = _.get(this.form, type);
       if (_.isArray(arr)) {
@@ -464,30 +377,9 @@ export default {
         this.$set(this.form, `${type}`, newArr);
       }
     },
-
-    // 获取表格选中时的数据
-    selectRow(val) {
-      console.log(val);
-      this.selectlistRow = val;
-    },
-    addRow() {
-      var list = {
-        rowNum: this.rowNum,
-      };
-      // let tableData = this.emandForm.product_args;
-      this.product_args.unshift(list);
-      this.rowNum += 1;
-    },
-
+    // 删除图片
     uploadDelete(index) {
-      console.log(index);
-
-      this.demandForm.image.splice(index, 1);
-    },
-    selectType(item) {
-      this.$emit('changeType', item);
-      // this.$set(this, `totaltype`, item);
-      console.log(item);
+      this.form.image.splice(index, 1);
     },
   },
 };

src/views/superAdminCenter/enterpriseProduct/index.vue

@@ -20,162 +20,309 @@
           </el-col>
         </el-col>
         <el-dialog :title="theme" width="60%" :visible.sync="dialog" @closed="handleClose" :destroy-on-close="true">
-          <el-form ref="form" :model="form" label-width="130px" :rules="rules">
+          <el-form ref="form" :model="form" label-width="150px" :rules="rules">
             <el-form-item label="审核信息状态" v-if="form.id">
               <el-radio v-model="form.status" label="0" disabled>待审核</el-radio>
               <el-radio v-model="form.status" label="1">审核通过</el-radio>
               <el-radio v-model="form.status" label="2">审核拒绝</el-radio>
             </el-form-item>
             <el-form-item label="产品类型" prop="totaltype">
-              <el-select v-model="form.totaltype" placeholder="请选择产品类型">
+              <el-select v-model="form.type" placeholder="请选择产品类型">
                 <el-option label="技术" value="0"></el-option>
                 <el-option label="产品" value="1"></el-option>
                 <el-option label="服务" value="2"></el-option>
               </el-select>
             </el-form-item>
-            <el-form-item label="名称" prop="name">
+            <el-form-item label="产品类型" prop="totaltype">
+              <el-select v-model="form.type" placeholder="请选择产品类型">
+                <el-option label="技术" value="0"></el-option>
+                <el-option label="产品" value="1"></el-option>
+                <el-option label="商务" value="2"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="名称">
               <el-input v-model="form.name" placeholder="请输入名称"></el-input>
             </el-form-item>
-            <el-form-item label="类型">
-              <el-select v-model="form.product_type_id" filterable @change="selectChild">
-                <el-option v-for="(item, index) in columnList" :key="index" :value="item.id" :label="item.name"></el-option>
-              </el-select>
+            <el-form-item label="联系人">
+              <el-input v-model="form.contacts" placeholder="请输入联系人"></el-input>
             </el-form-item>
-            <el-form-item label="产品简介">
-              <el-input type="textarea" v-model="form.introduction" placeholder="请输入产品简介"></el-input>
+            <el-form-item label="联系电话">
+              <el-input v-model="form.phone" placeholder="请输入联系电话"></el-input>
             </el-form-item>
-            <span>
-              <el-form-item label="研发阶段" v-if="form.totaltype == null || form.totaltype == '0'">
-                <el-select v-model="form.phase" placeholder="请选择研发阶段">
-                  <el-option label="阶段成果" value="0"></el-option>
-                  <el-option label="最终成果" value="1"></el-option>
+            <el-form-item label="QQ&微信">
+              <el-input v-model="form.qqwx" placeholder="请输入QQ&微信"></el-input>
+            </el-form-item>
+            <el-form-item label="电子邮箱">
+              <el-input v-model="form.email" placeholder="请输入电子邮箱"></el-input>
+            </el-form-item>
+            <span v-if="form.type == '0' || form.type == '1'">
+              <el-form-item label="所属领域">
+                <el-select v-model="form.field" filterable>
+                  <el-option v-for="(item, index) in fieldList" :key="index" :value="item.name" :label="item.name"></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="合作方式">
+                <el-select v-model="form.cooperation" filterable>
+                  <el-option v-for="(item, index) in cooperationList" :key="index" :value="item.name" :label="item.name"></el-option>
                 </el-select>
               </el-form-item>
+              <el-form-item label="企业名称">
+                <el-input v-model="form.company" placeholder="请输入企业名称"></el-input>
+              </el-form-item>
+              <el-form-item label="企业简介">
+                <el-input
+                  v-model="form.companybrief"
+                  type="textarea"
+                  maxlength="300"
+                  show-word-limit
+                  :autosize="{ minRows: 2, maxRows: 5 }"
+                  placeholder="请输入企业简介"
+                ></el-input>
+              </el-form-item>
+              <el-form-item label="企业网站">
+                <el-input v-model="form.companyweb" placeholder="请输入企业网站"></el-input>
+              </el-form-item>
+              <el-form-item label="合作条件及要求">
+                <el-input
+                  v-model="form.condition"
+                  type="textarea"
+                  maxlength="300"
+                  show-word-limit
+                  :autosize="{ minRows: 2, maxRows: 5 }"
+                  placeholder="请输入合作条件及要求"
+                ></el-input>
+              </el-form-item>
+              <el-form-item label="产品图片" prop="image">
+                <upload
+                  :limit="6"
+                  :data="form.image"
+                  :uploadBtn="true"
+                  type="image"
+                  :url="`/files/image/upload`"
+                  @upload="uploadSuccess"
+                  @delete="uploadDelete"
+                ></upload>
+              </el-form-item>
             </span>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="产品单价" v-if="form.totaltype == null || form.totaltype == '0' || form.totaltype == '1'">
-                  <el-input v-model="form.price" placeholder="请输入产品单价"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="产品单位" v-if="form.totaltype == null || form.totaltype == '0' || form.totaltype == '1'">
-                  <el-select v-model="form.priceunit" placeholder="请选择产品单位">
-                    <el-option label="公斤" value="0"></el-option>
-                    <el-option label="套" value="1"></el-option>
-                    <el-option label="件" value="2"></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-form-item label="产品图片" prop="image">
-              <upload
-                :limit="6"
-                :data="form.image"
-                :uploadBtn="true"
-                type="image"
-                :url="`/files/image/upload`"
-                @upload="uploadSuccess"
-                @delete="uploadDelete"
-              ></upload>
-            </el-form-item>
-            <span>
-              <el-form-item label="所属领域">
-                <el-select v-model="form.field" placeholder="请选择所属领域">
-                  <el-option label="先进制造" value="0"></el-option>
-                  <el-option label="新材料" value="1"></el-option>
-                  <el-option label="光电子" value="2"></el-option>
-                  <el-option label="信息技术" value="3"></el-option>
-                  <el-option label="文化和科技融合" value="4"></el-option>
+            <!-- 技术 -->
+            <span v-if="form.type == '0'">
+              <el-form-item label="投资预算">
+                <el-input v-model="form.budget" placeholder="请输入投资预算"></el-input>
+              </el-form-item>
+              <el-form-item label="注册类型">
+                <el-input v-model="form.companytype" placeholder="请输入注册类型"></el-input>
+              </el-form-item>
+              <el-form-item label="组织机构代码">
+                <el-input v-model="form.zzjgdm" placeholder="请输入组织机构代码"></el-input>
+              </el-form-item>
+              <el-form-item label="注册时间">
+                <el-date-picker v-model="form.companydate" type="date" placeholder="请选择时间" format="yyyy-MM-dd" value-format="yyyy-MM-dd"> </el-date-picker>
+              </el-form-item>
+              <el-form-item label="注册资金">
+                <el-input v-model="form.companycapital" placeholder="请输入注册资金"></el-input>
+              </el-form-item>
+              <el-form-item label="企业法人">
+                <el-input v-model="form.companyperson" placeholder="请输入企业法人"></el-input>
+              </el-form-item>
+              <el-form-item label="上年度企业总收入">
+                <el-input v-model="form.sndqyzsr" placeholder="请输入上年度企业总收入"></el-input>
+              </el-form-item>
+              <el-form-item label="上年度研发费用">
+                <el-input v-model="form.sndyffy" placeholder="请输入上年度研发费用"></el-input>
+              </el-form-item>
+              <el-form-item label="企业总人数">
+                <el-input v-model="form.companytotal" placeholder="请输入企业总人数"></el-input>
+              </el-form-item>
+              <el-form-item label="专&兼职研发人数">
+                <el-input v-model="form.zjzyfrs" placeholder="请输入专&兼职研发人数"></el-input>
+              </el-form-item>
+              <el-form-item label="需求紧急程度">
+                <el-radio-group v-model="form.degreeurgency">
+                  <el-radio label="特急"></el-radio>
+                  <el-radio label="一般"></el-radio>
+                  <el-radio label="储备"></el-radio>
+                </el-radio-group>
+              </el-form-item>
+              <el-form-item label="技术难题&需求说明">
+                <el-input
+                  v-model="form.requirementdesc"
+                  type="textarea"
+                  maxlength="500"
+                  show-word-limit
+                  :autosize="{ minRows: 2, maxRows: 5 }"
+                  placeholder="请输入技术难题&需求说明"
+                ></el-input>
+              </el-form-item>
+              <el-form-item label="预期技术目标描述">
+                <el-input
+                  v-model="form.expect"
+                  type="textarea"
+                  maxlength="300"
+                  show-word-limit
+                  :autosize="{ minRows: 2, maxRows: 5 }"
+                  placeholder="请输入预期技术目标描述"
+                ></el-input>
+              </el-form-item>
+              <el-form-item label="需求现状及应对措施">
+                <el-input
+                  v-model="form.present"
+                  type="textarea"
+                  maxlength="300"
+                  show-word-limit
+                  :autosize="{ minRows: 2, maxRows: 5 }"
+                  placeholder="请输入需求现状及应对措施"
+                ></el-input>
+              </el-form-item>
+              <el-form-item label="主要产品">
+                <el-input
+                  v-model="form.mainproduct"
+                  type="textarea"
+                  maxlength="300"
+                  show-word-limit
+                  :autosize="{ minRows: 2, maxRows: 5 }"
+                  placeholder="请输入主要产品"
+                ></el-input>
+              </el-form-item>
+              <el-form-item label="企业资质&荣誉">
+                <el-input
+                  v-model="form.qualifications"
+                  type="textarea"
+                  maxlength="300"
+                  show-word-limit
+                  :autosize="{ minRows: 2, maxRows: 5 }"
+                  placeholder="请输入企业资质&荣誉"
+                ></el-input>
+              </el-form-item>
+            </span>
+            <!-- 产品 -->
+            <span v-else-if="form.type == '1'">
+              <el-form-item label="成果状态">
+                <el-select v-model="form.achievestatus" filterable>
+                  <el-option v-for="(item, index) in achievestatusList" :key="index" :value="item.name" :label="item.name"></el-option>
                 </el-select>
               </el-form-item>
+              <el-form-item label="成果权属">
+                <el-input v-model="form.achieveown" placeholder="请输入成果权属"></el-input>
+              </el-form-item>
+              <el-form-item label="成果来源">
+                <el-radio-group v-model="form.degreeurgency">
+                  <el-radio label="国家项目"></el-radio>
+                  <el-radio label="省级项目"></el-radio>
+                  <el-radio label="市级项目"></el-radio>
+                  <el-radio label="自选项目"></el-radio>
+                </el-radio-group>
+              </el-form-item>
+              <el-form-item label="专利信息">
+                <el-input v-model="form.patentinfo" placeholder="请输入专利信息"></el-input>
+              </el-form-item>
+              <el-form-item label="专利状态">
+                <el-radio-group v-model="form.patentstatus">
+                  <el-radio label="已申请"></el-radio>
+                  <el-radio label="已授权"></el-radio>
+                </el-radio-group>
+              </el-form-item>
+              <el-form-item label="项目路演">
+                <el-input v-model="form.roadshow" placeholder="请输入项目路演"></el-input>
+              </el-form-item>
+              <el-form-item label="意向价格">
+                <el-input v-model="form.intentionprice" placeholder="请输入意向价格"></el-input>
+              </el-form-item>
+              <el-form-item label="成果简介">
+                <el-input
+                  v-model="form.achievebrief"
+                  type="textarea"
+                  maxlength="200"
+                  show-word-limit
+                  :autosize="{ minRows: 2, maxRows: 5 }"
+                  placeholder="请输入成果简介"
+                ></el-input>
+              </el-form-item>
+              <el-form-item label="技术特点">
+                <el-input
+                  v-model="form.features"
+                  type="textarea"
+                  maxlength="200"
+                  show-word-limit
+                  :autosize="{ minRows: 2, maxRows: 5 }"
+                  placeholder="请输入技术特点"
+                ></el-input>
+              </el-form-item>
+              <el-form-item label="技术团队">
+                <el-input
+                  v-model="form.team"
+                  type="textarea"
+                  maxlength="300"
+                  show-word-limit
+                  :autosize="{ minRows: 2, maxRows: 5 }"
+                  placeholder="请输入技术团队"
+                ></el-input>
+              </el-form-item>
+              <el-form-item label="商业预期">
+                <el-input
+                  v-model="form.expectations"
+                  type="textarea"
+                  maxlength="300"
+                  show-word-limit
+                  :autosize="{ minRows: 2, maxRows: 5 }"
+                  placeholder="请输入商业预期"
+                ></el-input>
+              </el-form-item>
+            </span>
+            <!-- 服务 -->
+            <span v-else-if="form.type == '2'">
+              <el-form-item label="信息属性">
+                <el-radio-group v-model="form.messattribute">
+                  <el-radio label="提供方"></el-radio>
+                  <el-radio label="需求方"></el-radio>
+                </el-radio-group>
+              </el-form-item>
+              <el-form-item label="需求程度">
+                <el-radio-group v-model="form.demand">
+                  <el-radio label="特急"></el-radio>
+                  <el-radio label="一般"></el-radio>
+                </el-radio-group>
+              </el-form-item>
+              <el-form-item label="信息描述">
+                <el-input
+                  v-model="form.informationdesc"
+                  type="textarea"
+                  maxlength="300"
+                  show-word-limit
+                  :autosize="{ minRows: 2, maxRows: 5 }"
+                  placeholder="请输入信息描述"
+                ></el-input>
+              </el-form-item>
+              <el-form-item label="核心要素">
+                <el-input
+                  v-model="form.coreelements"
+                  type="textarea"
+                  maxlength="200"
+                  show-word-limit
+                  :autosize="{ minRows: 2, maxRows: 5 }"
+                  placeholder="请输入核心要素"
+                ></el-input>
+              </el-form-item>
+              <el-form-item label="价格信息">
+                <el-input
+                  v-model="form.priceinfo"
+                  type="textarea"
+                  maxlength="100"
+                  show-word-limit
+                  :autosize="{ minRows: 2, maxRows: 5 }"
+                  placeholder="请输入价格信息"
+                ></el-input>
+              </el-form-item>
+              <el-form-item label="商务预期">
+                <el-input
+                  v-model="form.businessexpect"
+                  type="textarea"
+                  maxlength="200"
+                  show-word-limit
+                  :autosize="{ minRows: 2, maxRows: 5 }"
+                  placeholder="请输入商务预期"
+                ></el-input>
+              </el-form-item>
             </span>
-            <el-form-item label="服务范围">
-              <el-input type="textarea" v-model="form.scope" placeholder="请输入服务范围"></el-input>
-            </el-form-item>
-            <el-form-item label="合作方式" v-if="form.totaltype == null || form.totaltype == '0' || form.totaltype == '1'">
-              <el-select v-model="form.coopermode" placeholder="请选择合作方式">
-                <el-option label="技术转让" value="0"></el-option>
-                <el-option label="技术服务" value="1"></el-option>
-                <el-option label="技术许可" value="2"></el-option>
-                <el-option label="技术融资" value="3"></el-option>
-                <el-option label="其他" value="4"></el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="交易方式" v-if="form.totaltype == null || form.totaltype == '0' || form.totaltype == '1'">
-              <el-select v-model="form.business" placeholder="请选择交易方式">
-                <el-option label="公用" value="0"></el-option>
-                <el-option label="竞价" value="1"></el-option>
-                <el-option label="转让" value="2"></el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="投入预算" v-if="form.totaltype == null || form.totaltype == '0'">
-              <el-input v-model="form.budget" placeholder="请输入投入预算"></el-input>
-            </el-form-item>
-            <el-form-item label="需求截止日期" v-if="form.totaltype == null || form.totaltype == '0'">
-              <el-date-picker v-model="form.end_date" type="date" placeholder="请选择需求截止日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd">
-              </el-date-picker>
-            </el-form-item>
-            <el-form-item v-if="form.totaltype == null || form.totaltype == '0'">
-              <span slot="label">
-                <el-popover
-                  placement="top-start"
-                  width="200"
-                  trigger="hover"
-                  content="（阐述在生产经营、项目建设、科研活动、产业化方向中遇到的技术难题或瓶颈问题及需达到的技术指标）"
-                >
-                  <span slot="reference" style="color:#409eff">难题或瓶颈问题</span>
-                </el-popover>
-              </span>
-              <el-input type="textarea" v-model="form.difficult_problem" placeholder="请输入难题或瓶颈问题"></el-input>
-            </el-form-item>
-            <el-form-item v-if="form.totaltype == null || form.totaltype == '0'">
-              <span slot="label">
-                <el-popover
-                  placement="top-start"
-                  width="200"
-                  trigger="hover"
-                  content="（企业承接成果、技术所具备的技术人员、设备、资金等基础条件及其他配套条件）"
-                >
-                  <span slot="reference" style="color:#409eff">企业解决技术需求已具备的条件</span>
-                </el-popover>
-              </span>
-              <el-input type="textarea" v-model="form.demand" placeholder="请输入企业解决需求"></el-input>
-            </el-form-item>
-            <el-form-item label="企业名称" v-if="form.totaltype == null || form.totaltype == '1'">
-              <el-input v-model="form.company" placeholder="请输入企业名称"></el-input>
-            </el-form-item>
-            <el-form-item label="企业地址" v-if="form.totaltype == null || form.totaltype == '1'">
-              <el-input v-model="form.address" placeholder="请输入企业地址"></el-input>
-            </el-form-item>
-            <el-form-item label="技术团队情况" v-if="form.totaltype == null || form.totaltype == '1'">
-              <el-input type="textarea" v-model="form.team" placeholder="请输入技术团队情况"></el-input>
-            </el-form-item>
-            <el-form-item label="知识产权情况" v-if="form.totaltype == null || form.totaltype == '1'">
-              <!-- <el-input v-model="form.property" placeholder="请输入知识产权情况"></el-input> -->
-              <el-input type="textarea" v-model="form.property" placeholder="请输入知识产权情况"></el-input>
-            </el-form-item>
-
-            <el-form-item label="技术成熟度" v-if="form.totaltype == null || form.totaltype == '1'">
-              <el-select v-model="form.mature" placeholder="请选择技术成熟度">
-                <el-option label="实验室" value="0"></el-option>
-                <el-option label="小试" value="1"></el-option>
-                <el-option label="中试" value="2"></el-option>
-                <el-option label="成熟" value="3"></el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="是否有拟合作企业，如有请填企业名称" v-if="form.totaltype == null || form.totaltype == '1'">
-              <el-input v-model="form.coopercompany" placeholder="请输入是否有拟合作企业，如有请填企业名称"></el-input>
-            </el-form-item>
-            <el-form-item label="其他需求" v-if="form.totaltype == null || form.totaltype == '1'">
-              <el-input type="textarea" v-model="form.other" placeholder="请输入其他需求"></el-input>
-            </el-form-item>
-            <el-form-item label="联系人" prop="contact_user">
-              <el-input v-model="form.contact_user" placeholder="请输入联系人"></el-input>
-            </el-form-item>
-            <el-form-item label="联系电话" prop="contact_tel">
-              <el-input v-model.number="form.contact_tel" placeholder="请输入联系电话" maxlength="11"></el-input>
-            </el-form-item>
             <el-form-item>
               <el-button type="primary" @click="examineBtn()">审核提交</el-button>
             </el-form-item>
@@ -206,27 +353,49 @@ export default {
   data: function() {
     return {
       activeName: 'first',
+      theme: '产品',
       oneList: [],
       oneTotal: 0,
       twoList: [],
       twoTotal: 0,
       threeList: [],
       threeTotal: 0,
-      theme: '产品',
       dialog: false,
       form: {},
       rules: {},
-      columnList: [],
-      exportList: [],
+      // 所属领域
+      fieldList: [],
+      // 成果状态
+      achievestatusList: [],
+      // 合作方式
+      cooperationList: [],
     };
   },
   created() {
     this.search();
-    this.maarkettype();
+    this.searchtype();
   },
   methods: {
     ...newmarketproduct(['query', 'comquery', 'delete', 'fetch', 'update', 'exportexcel']),
     ...markettype({ markettypeList: 'query' }),
+    // 查询字典表
+    async searchtype() {
+      // 所属领域;
+      let res = await this.markettypeList({ category: '01' });
+      if (this.$checkRes(res)) {
+        this.$set(this, `fieldList`, res.data);
+      }
+      // 成果状态;
+      res = await this.markettypeList({ category: '02' });
+      if (this.$checkRes(res)) {
+        this.$set(this, `achievestatusList`, res.data);
+      }
+      // 合作方式;
+      res = await this.markettypeList({ category: '03' });
+      if (this.$checkRes(res)) {
+        this.$set(this, `cooperationList`, res.data);
+      }
+    },
     // 查询列表
     async search({ skip = 0, limit = 10, ...info } = {}) {
       let code = this.user.code;
@@ -237,7 +406,7 @@ export default {
       this.$set(this, `oneList`, oneArr.data);
       this.$set(this, `oneTotal`, oneArr.data.length);
       this.$set(this, `twoList`, twoArr.data);
-      this.$set(this, `exportList`, twoArr.data);
+      // this.$set(this, `exportList`, twoArr.data);
       this.$set(this, `twoTotal`, twoArr.data.length);
       this.$set(this, `threeList`, threeArr.data);
       this.$set(this, `threeTotal`, threeArr.data.length);
@@ -275,21 +444,6 @@ export default {
         this.search();
       }
     },
-    // 查询类型
-    async maarkettype({ category = 54, ...info } = {}) {
-      const res = await this.markettypeList({ category, ...info });
-      if (this.$checkRes(res)) {
-        this.$set(this, `columnList`, res.data);
-      }
-    },
-    // 类型选择
-    selectChild(product_type_id) {
-      let res = this.columnList.filter(fil => fil.id === product_type_id);
-      if (res.length > 0) {
-        this.$set(this.form, `product_type_name`, res[0].name);
-      }
-      this.$forceUpdate();
-    },
     // 图片
     uploadSuccess({ type, data }) {
       let arr = _.get(this.form, type);

src/views/superAdminCenter/enterpriseProduct/parts/one.vue

@@ -2,28 +2,11 @@
   <div id="one">
     <el-row>
       <el-col :span="24">
-        <el-table :data="list" style="width: 100%">
+        <el-table :data="list" style="width: 100%" border>
           <el-table-column prop="name" label="产品名称" align="center"> </el-table-column>
           <el-table-column prop="totaltype" label="产品类型 " align="center">
             <template v-slot="scoped">
-              {{ `${scoped.row.totaltype}` === `0` ? '技术' : `${scoped.row.totaltype}` === `1` ? '产品' : `${scoped.row.totaltype}` === `2` ? '服务' : '' }}
-            </template>
-          </el-table-column>
-          <el-table-column prop="field" label="所属领域 " align="center">
-            <template v-slot="scoped">
-              {{
-                `${scoped.row.field}` === `0`
-                  ? '先进制造'
-                  : `${scoped.row.field}` === `1`
-                  ? '新材料'
-                  : `${scoped.row.field}` === `2`
-                  ? '光电子'
-                  : `${scoped.row.field}` === `3`
-                  ? '信息技术'
-                  : `${scoped.row.field}` === `4`
-                  ? '文化和科技融合'
-                  : '暂无'
-              }}
+              {{ `${scoped.row.type}` === `0` ? '技术' : `${scoped.row.type}` === `1` ? '产品' : `${scoped.row.type}` === `2` ? '服务' : '' }}
             </template>
           </el-table-column>
           <el-table-column prop="state" label="状态" align="center">

src/views/superAdminCenter/enterpriseProduct/parts/three.vue

@@ -2,28 +2,11 @@
   <div id="three">
     <el-row>
       <el-col :span="24">
-        <el-table :data="list" style="width: 100%">
+        <el-table :data="list" style="width: 100%" border>
           <el-table-column prop="name" label="产品名称" align="center"> </el-table-column>
           <el-table-column prop="totaltype" label="产品类型 " align="center">
             <template v-slot="scoped">
-              {{ `${scoped.row.totaltype}` === `0` ? '技术' : `${scoped.row.totaltype}` === `1` ? '产品' : `${scoped.row.totaltype}` === `2` ? '服务' : '' }}
-            </template>
-          </el-table-column>
-          <el-table-column prop="field" label="所属领域 " align="center">
-            <template v-slot="scoped">
-              {{
-                `${scoped.row.field}` === `0`
-                  ? '先进制造'
-                  : `${scoped.row.field}` === `1`
-                  ? '新材料'
-                  : `${scoped.row.field}` === `2`
-                  ? '光电子'
-                  : `${scoped.row.field}` === `3`
-                  ? '信息技术'
-                  : `${scoped.row.field}` === `4`
-                  ? '文化和科技融合'
-                  : '暂无'
-              }}
+              {{ `${scoped.row.type}` === `0` ? '技术' : `${scoped.row.type}` === `1` ? '产品' : `${scoped.row.type}` === `2` ? '服务' : '' }}
             </template>
           </el-table-column>
           <el-table-column prop="state" label="状态" align="center">

src/views/superAdminCenter/enterpriseProduct/parts/two.vue

@@ -2,28 +2,11 @@
   <div id="two">
     <el-row>
       <el-col :span="24">
-        <el-table :data="list" style="width: 100%">
+        <el-table :data="list" style="width: 100%" border>
           <el-table-column prop="name" label="产品名称" align="center"> </el-table-column>
           <el-table-column prop="totaltype" label="产品类型 " align="center">
             <template v-slot="scoped">
-              {{ `${scoped.row.totaltype}` === `0` ? '技术' : `${scoped.row.totaltype}` === `1` ? '产品' : `${scoped.row.totaltype}` === `2` ? '服务' : '' }}
-            </template>
-          </el-table-column>
-          <el-table-column prop="field" label="所属领域 " align="center">
-            <template v-slot="scoped">
-              {{
-                `${scoped.row.field}` === `0`
-                  ? '先进制造'
-                  : `${scoped.row.field}` === `1`
-                  ? '新材料'
-                  : `${scoped.row.field}` === `2`
-                  ? '光电子'
-                  : `${scoped.row.field}` === `3`
-                  ? '信息技术'
-                  : `${scoped.row.field}` === `4`
-                  ? '文化和科技融合'
-                  : '暂无'
-              }}
+              {{ `${scoped.row.type}` === `0` ? '技术' : `${scoped.row.type}` === `1` ? '产品' : `${scoped.row.type}` === `2` ? '服务' : '' }}
             </template>
           </el-table-column>
           <el-table-column prop="state" label="状态" align="center">

src/views/superAdminCenter/notice/index.vue

@@ -5,10 +5,10 @@
         <el-button size="mini" type="primary" @click="toAdd" icon="el-icon-plus">添加{{ theme }}</el-button>
       </el-col>
       <el-col :span="24" class="main">
-        <data-table :fields="fields" :opera="opera" @edit="toEdit" :data="list" :total="total" @delete="toDelete" @query="search"></data-table>
+        <data-table :fields="fields" :opera="opera" :data="list" :total="total" @edit="toEdit" @delete="toDelete" @check="toCheck" @query="search"></data-table>
       </el-col>
       <el-dialog :title="theme" width="60%" :visible.sync="dialog" @closed="handleClose" :destroy-on-close="true">
-        <el-form ref="form" :rules="rules" :model="form" label-width="100px">
+        <el-form ref="form" :rules="rules" :model="form" label-width="100px" v-if="loading">
           <el-form-item label="标题" prop="title">
             <el-input v-model="form.title" placeholder="请输入信息标题"></el-input>
           </el-form-item>
@@ -22,18 +22,38 @@
           </el-form-item>
           <el-form-item label="信息内容">
             <wang-editor v-model="form.content" placeholder="请输入信息内容"></wang-editor>
+<<<<<<< HEAD
           </el-form-item>
           <el-form-item label="是否启用">
             <el-radio-group v-model="form.isenable">
               <el-radio label="1">启用</el-radio>
               <el-radio label="2">禁用</el-radio>
             </el-radio-group>
+=======
+>>>>>>> 34e2ec7c96003e13a0cd1bb3d5410543a2724454
           </el-form-item>
           <el-form-item>
             <el-button type="primary" @click="onSubmit()">提交</el-button>
           </el-form-item>
         </el-form>
       </el-dialog>
+      <el-dialog :title="theme" width="60%" :visible.sync="isenabledialog" @closed="handleClose" :destroy-on-close="true">
+        <div class="isenabledialog">
+          <p>
+            <el-radio-group v-model="noticeInfo.isenable">
+              <el-radio label="1">启用</el-radio>
+              <el-radio label="2">禁用</el-radio>
+            </el-radio-group>
+            <el-button type="primary" size="mini" @click="isenableBtn">保存</el-button>
+          </p>
+          <p>{{ noticeInfo.title }}</p>
+          <p>
+            <span>来源：{{ noticeInfo.source }}</span>
+            <span>发布时间：{{ noticeInfo.create_time }}</span>
+          </p>
+          <p v-html="noticeInfo.content"></p>
+        </div>
+      </el-dialog>
     </el-col>
   </div>
 </template>
@@ -55,9 +75,15 @@ export default {
   data: function() {
     return {
       theme: '通知',
+      loading: true,
       opera: [
         {
-          label: '修改&启用',
+          label: '启用&禁用',
+          icon: 'el-icon-check',
+          method: 'check',
+        },
+        {
+          label: '修改',
           icon: 'el-icon-edit',
           method: 'edit',
         },
@@ -85,6 +111,9 @@ export default {
       // 添加信息
       form: {},
       rules: {},
+      // 是否启用
+      isenabledialog: false,
+      noticeInfo: {},
     };
   },
   created() {
@@ -92,23 +121,12 @@ export default {
   },
   methods: {
     ...notice(['query', 'fetch', 'update', 'create', 'delete']),
+    // 列表
     async search({ skip = 0, limit = 10, ...info } = {}) {
       let arr = await this.query({ skip, limit, ...info });
       this.$set(this, `list`, arr.data);
       this.$set(this, `total`, arr.total);
     },
-    toEdit({ data }) {
-      this.dialog = true;
-      this.$set(this, `form`, data);
-    },
-    async toDelete({ data }) {
-      let res = await this.delete(data.id);
-      this.$message({
-        message: '刪除信息成功',
-        type: 'success',
-      });
-      this.search();
-    },
     // 添加
     toAdd() {
       this.dialog = true;
@@ -137,10 +155,51 @@ export default {
       }
       this.search();
     },
+    // 启用&禁用
+    toCheck({ data }) {
+      this.isenabledialog = true;
+      this.$set(this, `noticeInfo`, data);
+    },
+    async isenableBtn() {
+      let arr = await this.query();
+      let data = arr.data.filter(i => i.isenable == '1');
+      if (data.length > 0 && this.noticeInfo.isenable == '1') {
+        alert('已有信息启用');
+      } else {
+        console.log(this.noticeInfo);
+        let res = await this.update(this.noticeInfo);
+        if (this.$checkRes(res)) {
+          this.$message({
+            message: '添加信息成功',
+            type: 'success',
+          });
+        }
+        this.handleClose();
+      }
+      this.search();
+    },
+    // 修改
+    toEdit({ data }) {
+      this.$set(this, `loading`, false);
+      this.dialog = true;
+      this.$set(this, `form`, data);
+      this.$set(this, `loading`, true);
+    },
+
+    // 删除
+    async toDelete({ data }) {
+      let res = await this.delete(data.id);
+      this.$message({
+        message: '刪除信息成功',
+        type: 'success',
+      });
+      this.search();
+    },
     // 取消
     handleClose() {
       this.form = {};
       this.dialog = false;
+      this.isenabledialog = false;
     },
   },
   computed: {
@@ -155,4 +214,31 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.isenabledialog {
+  p:first-child {
+    text-align: center;
+    padding: 20px 0;
+    /deep/.el-radio__inner {
+      width: 25px;
+      height: 25px;
+      top: -4px;
+    }
+    /deep/.el-radio__label {
+      font-size: 25px;
+    }
+    .el-button {
+      margin: 0 0 0 15px;
+    }
+  }
+  p:nth-child(2) {
+    text-align: center;
+    font-size: 30px;
+  }
+  p:nth-child(3) {
+    text-align: center;
+    font-size: 20px;
+    padding: 20px 0;
+  }
+}
+</style>

src/views/userCenter/productInfo/index.vue

@@ -19,7 +19,7 @@
             <el-button type="primary" size="mini" class="add" @click="add">信息发布</el-button>
           </el-col>
           <el-col :span="24" class="infoTwo" v-else>
-            <infoRelease @back="back" :form="form" :product_args="product_args" @draftBtn="draftBtn" @submitBtn="submitBtn"></infoRelease>
+            <infoRelease @back="back" :form="form" @draftBtn="draftBtn" @submitBtn="submitBtn"></infoRelease>
           </el-col>
         </el-col>
       </el-col>
@@ -49,7 +49,6 @@ export default {
       // 发布信息
       display: true,
       form: {},
-      product_args: [],
     };
   },
   created() {},
@@ -57,7 +56,6 @@ export default {
     ...mapMarketproduct({ productFetch: 'fetch', productCreate: 'create', productUpdate: 'update' }),
     // 保存草稿
     async draftBtn({ data }) {
-      data.product_args = this.product_args;
       data.userid = this.user.uid;
       if (data.id) {
         let res = await this.productUpdate(data);

src/views/userCenter/productInfo/part/already.vue

@@ -9,39 +9,43 @@
           </el-col>
           <el-col :span="24" class="down">
             <el-col :span="3" class="image">
-              <el-col :span="24" v-for="(acm, index) in item.image" :key="index">
-                <template v-if="index === 0">
-                  <el-image style="width:100%;height:100px" :src="acm.url"></el-image>
-                </template>
-              </el-col>
+              <span v-if="item.image.length > 0">
+                <el-col :span="24" v-for="(acm, index) in item.image" :key="index">
+                  <template v-if="index === 0">
+                    <el-image style="width:100%;height:100px" :src="acm.url"></el-image>
+                  </template>
+                </el-col>
+              </span>
+              <span v-else>
+                <el-col :span="24" style="width: 100%;height: 100px;text-align: center;line-height: 100px;font-size: 20px;">
+                  <span>暂无图片</span>
+                </el-col>
+              </span>
             </el-col>
             <el-col :span="6" class="product">
-              <p>类别：{{ item.totaltype === '0' ? '技术' : item.totaltype === '1' ? '产品' : item.totaltype === '2' ? '服务' : 'underdind' }}</p>
-              <p>
-                所属领域:{{
-                  item.field == '0'
-                    ? '先进制造'
-                    : item.field == '1'
-                    ? '新材料'
-                    : item.field == '2'
-                    ? '光电子'
-                    : item.field == '3'
-                    ? '信息技术'
-                    : item.field == '4'
-                    ? '文化和科技融合'
-                    : '暂无'
-                }}
-              </p>
-              <p class="textOver" v-if="item.business">
-                交易方式:{{ item.business == '0' ? '公用' : item.business == '1' ? '竞用' : item.business == '2' ? '转让' : '未识别' }}
-              </p>
-              <p v-if="item.price">
-                {{ item.price }}/{{ item.priceunit == '0' ? '公斤' : item.priceunit == '1' ? '套' : item.priceunit == '2' ? '件' : '暂无' }}
-              </p>
+              <p>类型：{{ item.type === '0' ? '技术' : item.type === '1' ? '产品' : item.type === '2' ? '服务' : 'underdind' }}</p>
+              <span v-if="item.type === '0' || item.type === '1'">
+                <p>所属领域:{{ item.field }}</p>
+                <p>合作方式:{{ item.cooperation }}</p>
+              </span>
+              <span v-else>
+                <p>信息属性:{{ item.messattribute }}</p>
+                <p>需求程度:{{ item.demand }}</p>
+              </span>
             </el-col>
             <el-col :span="9" class="intro">
-              <p>产品简介:</p>
-              <p>{{ item.introduction }}</p>
+              <span v-if="item.type == '0'">
+                <p>技术难题&需求说明:</p>
+                <p>{{ item.requirementdesc }}</p>
+              </span>
+              <span v-else-if="item.type == '1'">
+                <p>产品简介:</p>
+                <p>{{ item.achievebrief }}</p>
+              </span>
+              <span v-else>
+                <p>信息描述:</p>
+                <p>{{ item.informationdesc }}</p>
+              </span>
             </el-col>
             <el-col :span="6" class="status">
               <p>状态:{{ item.status === '1' ? '审核成功' : '未识别' }}</p>
@@ -166,13 +170,9 @@ export default {
       padding: 0 15px;
       border-right: 1px dashed #ccc;
       p {
-        padding: 4px 0;
+        padding: 6px 0;
         font-size: 14px;
       }
-      p:last-child {
-        color: #ff0000;
-        font-weight: bold;
-      }
     }
     .intro {
       height: 100px;

src/views/userCenter/productInfo/part/infoRelease.vue

@@ -11,38 +11,12 @@
               <el-select v-model="form.type" placeholder="请选择产品类型">
                 <el-option label="技术" value="0"></el-option>
                 <el-option label="产品" value="1"></el-option>
-                <el-option label="服务" value="2"></el-option>
+                <el-option label="商务" value="2"></el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="名称">
               <el-input v-model="form.name" placeholder="请输入名称"></el-input>
             </el-form-item>
-            <el-form-item label="所属领域">
-              <el-select v-model="form.field" filterable>
-                <el-option v-for="(item, index) in fieldList" :key="index" :value="item.name" :label="item.name"></el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="合作方式">
-              <el-select v-model="form.cooperation" filterable>
-                <el-option v-for="(item, index) in cooperationList" :key="index" :value="item.name" :label="item.name"></el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="企业名称">
-              <el-input v-model="form.company" placeholder="请输入企业名称"></el-input>
-            </el-form-item>
-            <el-form-item label="企业简介">
-              <el-input
-                v-model="form.companybrief"
-                type="textarea"
-                maxlength="300"
-                show-word-limit
-                :autosize="{ minRows: 2, maxRows: 5 }"
-                placeholder="请输入企业简介"
-              ></el-input>
-            </el-form-item>
-            <el-form-item label="企业网站">
-              <el-input v-model="form.companyweb" placeholder="请输入企业网站"></el-input>
-            </el-form-item>
             <el-form-item label="联系人">
               <el-input v-model="form.contacts" placeholder="请输入联系人"></el-input>
             </el-form-item>
@@ -55,27 +29,55 @@
             <el-form-item label="电子邮箱">
               <el-input v-model="form.email" placeholder="请输入电子邮箱"></el-input>
             </el-form-item>
-            <el-form-item label="合作条件及要求">
-              <el-input
-                v-model="form.condition"
-                type="textarea"
-                maxlength="300"
-                show-word-limit
-                :autosize="{ minRows: 2, maxRows: 5 }"
-                placeholder="请输入合作条件及要求"
-              ></el-input>
-            </el-form-item>
-            <el-form-item label="产品图片" prop="image">
-              <upload
-                :limit="6"
-                :data="form.image"
-                :uploadBtn="true"
-                type="image"
-                :url="`/files/image/upload`"
-                @upload="uploadSuccess"
-                @delete="uploadDelete"
-              ></upload>
-            </el-form-item>
+            <span v-if="form.type == '0' || form.type == '1'">
+              <el-form-item label="所属领域">
+                <el-select v-model="form.field" filterable>
+                  <el-option v-for="(item, index) in fieldList" :key="index" :value="item.name" :label="item.name"></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="合作方式">
+                <el-select v-model="form.cooperation" filterable>
+                  <el-option v-for="(item, index) in cooperationList" :key="index" :value="item.name" :label="item.name"></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="企业名称">
+                <el-input v-model="form.company" placeholder="请输入企业名称"></el-input>
+              </el-form-item>
+              <el-form-item label="企业简介">
+                <el-input
+                  v-model="form.companybrief"
+                  type="textarea"
+                  maxlength="300"
+                  show-word-limit
+                  :autosize="{ minRows: 2, maxRows: 5 }"
+                  placeholder="请输入企业简介"
+                ></el-input>
+              </el-form-item>
+              <el-form-item label="企业网站">
+                <el-input v-model="form.companyweb" placeholder="请输入企业网站"></el-input>
+              </el-form-item>
+              <el-form-item label="合作条件及要求">
+                <el-input
+                  v-model="form.condition"
+                  type="textarea"
+                  maxlength="300"
+                  show-word-limit
+                  :autosize="{ minRows: 2, maxRows: 5 }"
+                  placeholder="请输入合作条件及要求"
+                ></el-input>
+              </el-form-item>
+              <el-form-item label="产品图片" prop="image">
+                <upload
+                  :limit="6"
+                  :data="form.image"
+                  :uploadBtn="true"
+                  type="image"
+                  :url="`/files/image/upload`"
+                  @upload="uploadSuccess"
+                  @delete="uploadDelete"
+                ></upload>
+              </el-form-item>
+            </span>
             <!-- 技术 -->
             <span v-if="form.type == '0'">
               <el-form-item label="投资预算">
@@ -242,7 +244,58 @@
             </span>
             <!-- 服务 -->
             <span v-else-if="form.type == '2'">
-              服务
+              <el-form-item label="信息属性">
+                <el-radio-group v-model="form.messattribute">
+                  <el-radio label="提供方"></el-radio>
+                  <el-radio label="需求方"></el-radio>
+                </el-radio-group>
+              </el-form-item>
+              <el-form-item label="需求程度">
+                <el-radio-group v-model="form.demand">
+                  <el-radio label="特急"></el-radio>
+                  <el-radio label="一般"></el-radio>
+                </el-radio-group>
+              </el-form-item>
+              <el-form-item label="信息描述">
+                <el-input
+                  v-model="form.informationdesc"
+                  type="textarea"
+                  maxlength="300"
+                  show-word-limit
+                  :autosize="{ minRows: 2, maxRows: 5 }"
+                  placeholder="请输入信息描述"
+                ></el-input>
+              </el-form-item>
+              <el-form-item label="核心要素">
+                <el-input
+                  v-model="form.coreelements"
+                  type="textarea"
+                  maxlength="200"
+                  show-word-limit
+                  :autosize="{ minRows: 2, maxRows: 5 }"
+                  placeholder="请输入核心要素"
+                ></el-input>
+              </el-form-item>
+              <el-form-item label="价格信息">
+                <el-input
+                  v-model="form.priceinfo"
+                  type="textarea"
+                  maxlength="100"
+                  show-word-limit
+                  :autosize="{ minRows: 2, maxRows: 5 }"
+                  placeholder="请输入价格信息"
+                ></el-input>
+              </el-form-item>
+              <el-form-item label="商务预期">
+                <el-input
+                  v-model="form.businessexpect"
+                  type="textarea"
+                  maxlength="200"
+                  show-word-limit
+                  :autosize="{ minRows: 2, maxRows: 5 }"
+                  placeholder="请输入商务预期"
+                ></el-input>
+              </el-form-item>
             </span>
             <el-form-item>
               <el-button @click="draftBtn('form')">保存草稿</el-button>
@@ -313,8 +366,7 @@ export default {
     submitBtn(formName) {
       this.$refs[formName].validate(valid => {
         if (valid) {
-          console.log(this.form);
-          // this.$emit('submitBtn', { data: this.form });
+          this.$emit('submitBtn', { data: this.form });
         } else {
           console.log('error submit!!');
           return false;

src/views/userCenter/productInfo/part/statusIn.vue

@@ -9,39 +9,43 @@
           </el-col>
           <el-col :span="24" class="down">
             <el-col :span="3" class="image">
-              <el-col :span="24" v-for="(acm, index) in item.image" :key="index">
-                <template v-if="index === 0">
-                  <el-image style="width:100%;height:100px" :src="acm.url"></el-image>
-                </template>
-              </el-col>
+              <span v-if="item.image.length > 0">
+                <el-col :span="24" v-for="(acm, index) in item.image" :key="index">
+                  <template v-if="index === 0">
+                    <el-image style="width:100%;height:100px" :src="acm.url"></el-image>
+                  </template>
+                </el-col>
+              </span>
+              <span v-else>
+                <el-col :span="24" style="width: 100%;height: 100px;text-align: center;line-height: 100px;font-size: 20px;">
+                  <span>暂无图片</span>
+                </el-col>
+              </span>
             </el-col>
             <el-col :span="6" class="product">
-              <p>类别：{{ item.totaltype === '0' ? '技术' : item.totaltype === '1' ? '产品' : item.totaltype === '2' ? '服务' : 'underdind' }}</p>
-              <p>
-                所属领域:{{
-                  item.field == '0'
-                    ? '先进制造'
-                    : item.field == '1'
-                    ? '新材料'
-                    : item.field == '2'
-                    ? '光电子'
-                    : item.field == '3'
-                    ? '信息技术'
-                    : item.field == '4'
-                    ? '文化和科技融合'
-                    : '暂无'
-                }}
-              </p>
-              <p class="textOver" v-if="item.business">
-                交易方式:{{ item.business == '0' ? '公用' : item.business == '1' ? '竞用' : item.business == '2' ? '转让' : '未识别' }}
-              </p>
-              <p v-if="item.price">
-                {{ item.price }}/{{ item.priceunit == '0' ? '公斤' : item.priceunit == '1' ? '套' : item.priceunit == '2' ? '件' : '暂无' }}
-              </p>
+              <p>类型：{{ item.type === '0' ? '技术' : item.type === '1' ? '产品' : item.type === '2' ? '服务' : 'underdind' }}</p>
+              <span v-if="item.type === '0' || item.type === '1'">
+                <p>所属领域:{{ item.field }}</p>
+                <p>合作方式:{{ item.cooperation }}</p>
+              </span>
+              <span v-else>
+                <p>信息属性:{{ item.messattribute }}</p>
+                <p>需求程度:{{ item.demand }}</p>
+              </span>
             </el-col>
             <el-col :span="9" class="intro">
-              <p>产品简介:</p>
-              <p>{{ item.introduction }}</p>
+              <span v-if="item.type == '0'">
+                <p>技术难题&需求说明:</p>
+                <p>{{ item.requirementdesc }}</p>
+              </span>
+              <span v-else-if="item.type == '1'">
+                <p>产品简介:</p>
+                <p>{{ item.achievebrief }}</p>
+              </span>
+              <span v-else>
+                <p>信息描述:</p>
+                <p>{{ item.informationdesc }}</p>
+              </span>
             </el-col>
             <el-col :span="6" class="status">
               <p>状态:{{ item.status === '0' ? '审核中' : '未识别' }}</p>
@@ -166,13 +170,9 @@ export default {
       padding: 0 15px;
       border-right: 1px dashed #ccc;
       p {
-        padding: 4px 0;
+        padding: 6px 0;
         font-size: 14px;
       }
-      p:last-child {
-        color: #ff0000;
-        font-weight: bold;
-      }
     }
     .intro {
       height: 100px;

src/views/userCenter/productInfo/part/stay.vue

@@ -9,39 +9,43 @@
           </el-col>
           <el-col :span="24" class="down">
             <el-col :span="3" class="image">
-              <el-col :span="24" v-for="(acm, index) in item.image" :key="index">
-                <template v-if="index === 0">
-                  <el-image style="width:100%;height:100px" :src="acm.url"></el-image>
-                </template>
-              </el-col>
+              <span v-if="item.image.length > 0">
+                <el-col :span="24" v-for="(acm, index) in item.image" :key="index">
+                  <template v-if="index === 0">
+                    <el-image style="width:100%;height:100px" :src="acm.url"></el-image>
+                  </template>
+                </el-col>
+              </span>
+              <span v-else>
+                <el-col :span="24" style="width: 100%;height: 100px;text-align: center;line-height: 100px;font-size: 20px;">
+                  <span>暂无图片</span>
+                </el-col>
+              </span>
             </el-col>
             <el-col :span="6" class="product">
-              <p>类别：{{ item.totaltype === '0' ? '技术' : item.totaltype === '1' ? '产品' : item.totaltype === '2' ? '服务' : 'underdind' }}</p>
-              <p>
-                所属领域:{{
-                  item.field === '0'
-                    ? '先进制造'
-                    : item.field === '1'
-                    ? '新材料'
-                    : item.field === '2'
-                    ? '光电子'
-                    : item.field === '3'
-                    ? '信息技术'
-                    : item.field === '4'
-                    ? '文化和科技融合'
-                    : '暂无'
-                }}
-              </p>
-              <p class="textOver" v-if="item.business">
-                交易方式:{{ item.business == '0' ? '公用' : item.business == '1' ? '竞用' : item.business == '2' ? '转让' : '未识别' }}
-              </p>
-              <p v-if="item.price">
-                {{ item.price }}/{{ item.priceunit == '0' ? '公斤' : item.priceunit == '1' ? '套' : item.priceunit == '2' ? '件' : '暂无' }}
-              </p>
+              <p>类型：{{ item.type === '0' ? '技术' : item.type === '1' ? '产品' : item.type === '2' ? '服务' : 'underdind' }}</p>
+              <span v-if="item.type === '0' || item.type === '1'">
+                <p>所属领域:{{ item.field }}</p>
+                <p>合作方式:{{ item.cooperation }}</p>
+              </span>
+              <span v-else>
+                <p>信息属性:{{ item.messattribute }}</p>
+                <p>需求程度:{{ item.demand }}</p>
+              </span>
             </el-col>
             <el-col :span="9" class="intro">
-              <p>产品简介:</p>
-              <p>{{ item.introduction }}</p>
+              <span v-if="item.type == '0'">
+                <p>技术难题&需求说明:</p>
+                <p>{{ item.requirementdesc }}</p>
+              </span>
+              <span v-else-if="item.type == '1'">
+                <p>产品简介:</p>
+                <p>{{ item.achievebrief }}</p>
+              </span>
+              <span v-else>
+                <p>信息描述:</p>
+                <p>{{ item.informationdesc }}</p>
+              </span>
             </el-col>
             <el-col :span="6" class="status">
               <p>状态:{{ item.status === '2' ? '审核拒绝' : item.status === '3' ? '草稿' : '未识别' }}</p>
@@ -188,13 +192,9 @@ export default {
       padding: 0 15px;
       border-right: 1px dashed #ccc;
       p {
-        padding: 4px 0;
+        padding: 6px 0;
         font-size: 14px;
       }
-      p:last-child {
-        color: #ff0000;
-        font-weight: bold;
-      }
     }
     .intro {
       height: 100px;