1

src/views/service/patent/user/apply/apply/parts/detail-1.vue

@@ -32,7 +32,10 @@
             <van-picker show-toolbar :columns="typeList" @confirm="typeCon" @cancel="typePicker = false" />
           </van-popup>
           <van-col span="24" class="inventer">
-            <van-col span="24" class="inventer_btn"><van-button size="mini" type="info" @click="addInventer('inventer')">添加发明人</van-button></van-col>
+            <van-col span="24" class="inventer_btn">
+              <van-button size="mini" type="info" @click="selectInventer('inventer')">选择发明人</van-button>
+              <van-button size="mini" type="info" @click="addInventer('inventer')">添加发明人</van-button>
+            </van-col>
             <van-col span="24" class="inventer_list">
               <span>发明人：</span>
               <span v-for="(item, index) in form.inventer" :key="index">
@@ -41,7 +44,10 @@
             </van-col>
           </van-col>
           <van-col span="24" class="inventer">
-            <van-col span="24" class="inventer_btn"><van-button size="mini" type="info" @click="addInventer('contact')">添加技术联系人</van-button></van-col>
+            <van-col span="24" class="inventer_btn">
+              <van-button size="mini" type="info" @click="selectInventer('contact')">选择技术联系人</van-button>
+              <van-button size="mini" type="info" @click="addInventer('contact')">添加技术联系人</van-button>
+            </van-col>
             <van-col span="24" class="inventer_list">
               <span>技术联系人：</span>
               <span v-for="(item, index) in form.contact" :key="index">
@@ -165,6 +171,16 @@
         </van-col>
       </van-col>
     </van-dialog>
+    <van-dialog class="adddialog" v-model="addShow" title="添加用户" :show-cancel-button="false" :show-confirm-button="false" :closeOnClickOverlay="true">
+      <van-form>
+        <van-field v-model="addForm.name" name="name" label="姓名" placeholder="姓名" />
+        <van-field v-model="addForm.phone" name="phone" label="联系电话" placeholder="联系电话" />
+        <van-col span="24" class="btn">
+          <van-button type="danger" size="small" @click="resetAdd">取消添加</van-button>
+          <van-button type="info" size="small" @click="submitAdd">确认添加</van-button>
+        </van-col>
+      </van-form>
+    </van-dialog>
   </div>
 </template>
 
@@ -188,15 +204,18 @@ export default {
       // 申请类型
       typePicker: false,
       typeList: ['发明', '实用新型', '其他'],
-      // 选择发明人
+      // 选择发明人&&技术联系人
       // 查询专利
       show: false,
       type: '',
-      // 搜索专利
+      // 属于手机号查询用户
       searchName: '',
       list: [],
       limit: 4,
       total: 0,
+      // 添加发明人&&技术联系人
+      addShow: false,
+      addForm: {},
     };
   },
   created() {
@@ -234,8 +253,8 @@ export default {
       this.$set(this.form, `type`, value);
       this.typePicker = false;
     },
-    // 选择发明人
-    addInventer(type) {
+    // 选择发明人&&技术联系人
+    selectInventer(type) {
       this.$set(this, `type`, type);
       this.show = true;
     },
@@ -256,6 +275,23 @@ export default {
         this.$set(this, `total`, res.total);
       }
     },
+    // 添加发明人&&技术联系人
+    addInventer(type) {
+      this.$set(this, `type`, type);
+      this.addShow = true;
+    },
+    // 取消添加
+    resetAdd() {
+      this.addForm = {};
+      this.addShow = false;
+    },
+    // 确认添加
+    submitAdd() {
+      let data = this.addForm;
+      if (this.type == 'inventer') this.form.inventer.push(data);
+      else if (this.type == 'contact') this.form.contact.push(data);
+      this.addShow = false;
+    },
     // 删除发明用户
     delInv(data) {
       this.form.inventer.splice(this.form.inventer.indexOf(data), 1);
@@ -327,4 +363,13 @@ export default {
     color: #666;
   }
 }
+.adddialog {
+  .btn {
+    margin: 8px 0;
+    text-align: center;
+    .van-button {
+      margin: 0 10px;
+    }
+  }
+}
 </style>