add

src/pages/myInfo/my-info.vue

@@ -18,6 +18,8 @@
           <div slot="name">退出登录</div>
         </item>
       </list-item>
+      <button v-if="flag" @click="changePageHead">用户绑定</button>
+      <button v-if="!flag">解除绑定</button>
     </h-content>
   </section>
 </template>
@@ -26,6 +28,7 @@
 export default {
   data () {
     return {
+      flag: true,
       user_bp_status: '',
       user_bp_class: '',
       bp_id: '',
@@ -75,6 +78,7 @@ export default {
       let vm = this
       if (vm.bp_id) {
         if (vm.user_bp_status === 'NEW' || vm.user_bp_status === 'REJECT') {
+          vm.flag = true
           if (vm.user_bp_class === 'NP') {
             vm.$router.push({
               name: 'NaturePerson',
@@ -84,32 +88,37 @@ export default {
             })
           } else {
             this.$router.push({
-              name: ' Enterprise',
+              name: 'Enterprise',
               params: {
                 'bp_id': this.bp_id,
               },
             })
           }
         } else if (vm.user_bp_status === 'APPROVED') {
+          vm.flag = false
           if (vm.user_bp_class === 'NP') {
             vm.$router.push({
-              name: 'NaturePersonReadOnly',
+              name: 'NaturePerson',
               params: {
                 'bp_id': this.bp_id,
+                'status': 'APPROVED',
               },
             })
           } else {
             this.$router.push({
-              name: 'EnterpriseReadOnly',
+              name: 'Enterprise',
               params: {
                 'bp_id': this.bp_id,
+                'status': 'APPROVED',
               },
             })
           }
         } else if (vm.user_bp_status === 'APPROVING') {
+          vm.flag = true
           this.hlsPopup.showLongCenter('您的绑定申请还在流程中')
         }
       } else {
+        vm.flag = true
         this.hlsPopup.showLongCenter('请先进行用户绑定')
       }
     },
@@ -131,6 +140,13 @@ export default {
 }
 </script>
 
-<style lang="less" type="text/less">
-
+<style lang="less" scoped>
+button{
+  margin-top:50px;
+  margin-left:100px;
+  width: 150px;
+  height: 50px;
+  color: #fff;
+  background-color: navy;
+}
 </style>

src/pages/personalCenter/npReadWrite/invoiceInfoWrite.vue

@@ -13,6 +13,7 @@
       >
     </item>
     <item :showArrow="true">
+
       <div slot="name">发票类型</div>
       <input
         slot="content"

src/pages/userBind/np/naturePerson.vue

@@ -55,12 +55,15 @@
         <list-item :item-height="44" class="second-part">
           <item>
             <div slot="name" class="required">姓名</div>
-            <input slot="content" v-model="baseInfo.bp_name" placeholder="上传身份证自动填充" class="auto" >
+            <input
+              slot="content" :readonly="isApproved" v-model="baseInfo.bp_name" placeholder="上传身份证自动填充"
+              class="auto" >
           </item>
           <item>
             <div slot="name" class="required">身份证号码</div>
             <input
               slot="content"
+              :readonly="isApproved"
               v-model="baseInfo.id_card_no"
               placeholder="上传身份证自动填充"
               class="auto"
@@ -210,6 +213,7 @@ export default {
       isPaople: false,
       isEnter: false,
       showModalValue: false,
+      isApproved: false,
       isSave: false,
       isSelected: false,
       tabNum: 0,
@@ -296,6 +300,9 @@ export default {
     this.getEducationBackground()
     this.getMarital()
     this.getBankInfo()
+    if (this.$route.params.status === 'APPROVED') {
+      this.isApproved = true
+    }
   },
   beforeRouteEnter (to, from, next) {
     if (from.fullPath === '/tab/my-info') {

src/pages/userBind/org/invoiceInfo.vue

@@ -11,7 +11,7 @@
       <div slot="name" class="font-color">纳税人类型</div>
       <input
         slot="content"
-        v-model="taxpayer_type_n"
+        v-model="invoiceInfo.taxpayer_type_n"
         type="text"
         readonly
         placeholder="请选择"
@@ -64,17 +64,25 @@ export default {
       type: String,
       default: '',
     },
+    'baseInfo': {
+      type: Object,
+      default: {},
+    },
+    'tabNum': {
+      type: Number,
+      default: 0,
+    },
   },
   data () {
     return {
       invoicList: [],
       taxpayerList: [],
       invoice_kind_n: '',
-      taxpayer_type_n: '',
       invoiceInfo: {
-        invoice_kind: '',
+        invoice_kind: 1,
         taxpayer_type: '',
         invoice_title: '',
+        taxpayer_type_n: '',
         organization_code: this.orgCode,
         invoice_bp_bank_account: '',
         invoice_bp_address_phone_num: '',
@@ -85,6 +93,17 @@ export default {
     orgCode () {
       this.invoiceInfo.organization_code = this.orgCode
     },
+    'tabNum' (newVal, oulVal) {
+      if (newVal === 2) {
+        Object.assign(this.invoiceInfo, this.baseInfo)
+        this.invoice_kind_n = ''
+        if (this.invoiceInfo.invoice_kind == 0) {
+          this.invoice_kind_n = '增值税专用发票'
+        } else if (this.invoiceInfo.invoice_kind == 2) {
+          this.invoice_kind_n = '增值税普通发票'
+        }
+      }
+    },
   },
   created () {
     console.log('orgCode', this.orgCode)
@@ -149,7 +168,7 @@ export default {
         object: {},
         returnItem: function (index, obj) {
           vm.invoiceInfo.taxpayer_type = obj.bp_type
-          vm.taxpayer_type_n = obj.bp_type_n
+          vm.invoiceInfo.taxpayer_type_n = obj.bp_type_n
         },
       })
     },