更新

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

@@ -6,9 +6,9 @@
           <el-button type="primary" size="mini" @click="back()">返回</el-button>
         </el-col>
         <el-col :span="24" class="form">
-          <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>
@@ -17,6 +17,233 @@
             <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>
+            <el-form-item label="联系电话">
+              <el-input v-model="form.phone" placeholder="请输入联系电话"></el-input>
+            </el-form-item>
+            <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>
+            <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'">
+              <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'">
+              服务
+            </span>
             <el-form-item>
               <el-button @click="draftBtn('form')">保存草稿</el-button>
               <el-button type="primary" @click="submitBtn('form')">信息发布</el-button>
@@ -32,6 +259,7 @@
 import _ from 'lodash';
 import upload from '@/components/upload.vue';
 import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: markettype } = createNamespacedHelpers('markettype');
 export default {
   name: 'infoRelease',
   props: {
@@ -39,7 +267,7 @@ export default {
     product_args: null,
   },
   components: {
-    // upload,
+    upload,
   },
   data: function() {
     return {
@@ -47,10 +275,37 @@ export default {
       rules: {
         name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
       },
+      // 所属领域
+      fieldList: [],
+      // 成果状态
+      achievestatusList: [],
+      // 合作方式
+      cooperationList: [],
     };
   },
-  created() {},
+  created() {
+    this.searchtype();
+  },
   methods: {
+    ...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);
+      }
+    },
     // 草稿
     draftBtn() {
       this.$emit('draftBtn', { data: this.form });
@@ -59,7 +314,8 @@ export default {
     submitBtn(formName) {
       this.$refs[formName].validate(valid => {
         if (valid) {
-          this.$emit('submitBtn', { data: this.form });
+          console.log(this.form);
+          // this.$emit('submitBtn', { data: this.form });
         } else {
           console.log('error submit!!');
           return false;