diff --git a/jero-web/src/views/otamanagement/upgradeactivityrecord/components/thetargetvehicleofthisupgrade.vue b/jero-web/src/views/otamanagement/upgradeactivityrecord/components/thetargetvehicleofthisupgrade.vue
index 7422158b3..bdbaf46d0 100644
--- a/jero-web/src/views/otamanagement/upgradeactivityrecord/components/thetargetvehicleofthisupgrade.vue
+++ b/jero-web/src/views/otamanagement/upgradeactivityrecord/components/thetargetvehicleofthisupgrade.vue
@@ -35,6 +35,7 @@
               </div>
               <a-form-model-item class="itemModel" prop="dateofproduction">
                 <a-range-picker class="box-input"
+                               @change="change"
                                :placeholder="$t('PleaseSelect')+$t('dateofproduction')"
                                format="YYYY-MM-DD"
                                v-model="formInline.dateofproduction"
@@ -52,7 +53,7 @@
               </div>
               <a-form-model-item class="itemModel" prop="VINcodelist">
                 <a-textarea :placeholder="$t('pleaseEnter')+$t('VINcodelist')"
-                            v-model="formInline.VINcodelist"
+                            v-model="formInline.vinList"
                             :rows="4"/>
               </a-form-model-item>
 <!--              <a-form-model-item class="itemModel" prop="VINcodelist">-->
@@ -134,12 +135,21 @@ export default {
           otaId=''
         }
         getAction('/ota/otaBaSjSjmbcl/queryByOtaId',{otaIdT:otaIdT,otaId:otaId}).then(res=>{
-          console.log(res);
+          if(res.code==200){
+            this.formInline.zsl=res.result.zsl
+            this.formInline.vinList=res.result.vinList
+            this.formInline.dateofproduction=[]
+            this.formInline.dateofproduction.push(res.result.scrqks)
+            this.formInline.dateofproduction.push(res.result.scrqjs)
+            this.$forceUpdate()
+
+          }
         })
     },
     save(){
       
       let obj={}
+      obj.otaId=localStorage.getItem('otaId')
       obj.zsl = this.formInline.zsl
       if(this.formInline.dateofproduction){
         obj.scrqks = this.formInline.dateofproduction[0] 
@@ -149,9 +159,9 @@ export default {
         obj.scrqjs =''
       }
  
-      obj.VINcodelist = this.formInline.VINcodelist
+      obj.vinList = this.formInline.vinList
         postAction('/ota/otaBaSjSjmbcl/add',obj).then(res=>{
-          console.log(res);
+          this.$message.success(this.$t('SavedSuccessfully'))
         })
     },
     next(){
@@ -162,6 +172,9 @@ export default {
       this.save()
       this.$emit('upgradeRequirementsup')
     },
+    change(){
+   this.$forceUpdate()
+    },
     clickButtonToUpload(item) {
       this.$refs.uploadFile.perentHandleFunc()
       this.$refs.uploadFile.visible = true
diff --git a/jero-web/src/views/otamanagement/upgradeactivityrecord/components/upgradehavechanged.vue b/jero-web/src/views/otamanagement/upgradeactivityrecord/components/upgradehavechanged.vue
index 52ab6db6b..b09c81b94 100644
--- a/jero-web/src/views/otamanagement/upgradeactivityrecord/components/upgradehavechanged.vue
+++ b/jero-web/src/views/otamanagement/upgradeactivityrecord/components/upgradehavechanged.vue
@@ -22,40 +22,54 @@
       :columns="columns"
       style="margin-bottom: 20px"
     >
-      <!--      配置情况-->
-      <span slot="configuration" slot-scope="text,record">
-            <a-radio-group>
-                    <a-radio :value="1"> {{ $t('yes') }} </a-radio>
-                    <a-radio :value="2"> {{ $t('not') }} </a-radio>
-            </a-radio-group>
-      </span>
-      <!--      可升级-->
-      <span slot="whetheritcanbeupgraded" slot-scope="text,record">
-            <a-radio-group>
-                    <a-radio :value="1"> {{ $t('yes') }} </a-radio>
-                    <a-radio :value="2"> {{ $t('not') }} </a-radio>
-            </a-radio-group>
-      </span>
-      <!--       自动化级别-->
-      <span slot="drivingautomationlevel" slot-scope="text,record">
-                    <j-dict-select-tag class="box-input"
-                                       :disabled="disable"
-                                       :placeholder="$t('PleaseSelect')"
-                                       :type="'select'"
-                                       :triggerChange="false"/>
+      <span slot="systemname" slot-scope="text,record">
+        <a-input :placeholder="$t('pleaseEnter')"  v-model="record.xtmc"></a-input>
       </span>
       <!--       升级前-->
       <span slot="preupgrade" slot-scope="text,record">
-          <a-input :placeholder="$t('ifNot')"></a-input>
+          <a-input :placeholder="$t('ifNot')" v-model="record.sjqbgcs"></a-input>
       </span>
       <!--       升级后-->
       <span slot="afterupgrade" slot-scope="text,record">
-          <a-input :placeholder="$t('ifNot')"></a-input>
+          <a-input :placeholder="$t('ifNot')" v-model="record.sjhbgcs"></a-input>
+      </span>
+      <span slot="nameoftheupgradedelectroniccontroller" slot-scope="text,record">
+        <a-input :placeholder="$t('pleaseEnter')" v-model="record.sjkzqmc" ></a-input>
+      </span>
+      <span slot="adaptivehardwareversion" slot-scope="text,record">
+        <a-input :placeholder="$t('pleaseEnter')"  v-model="record.xtmc"></a-input>
+      </span>
+      <span slot="beforethesoftwareversionupgraded" slot-scope="text,record">
+        <a-input :placeholder="$t('pleaseEnter')" v-model="record.xtmc" ></a-input>
+      </span>
+      <span slot="afterthesoftwareversionupgraded" slot-scope="text,record">
+        <a-input :placeholder="$t('pleaseEnter')"  v-model="record.xtmc"></a-input>
+      </span>
+      <span slot="beforetheOSversionupgraded" slot-scope="text,record">
+        <a-input :placeholder="$t('pleaseEnter')"  v-model="record.xtmc"></a-input>
+      </span>
+      <span slot="aftertheoperatingsystemversionupgraded" slot-scope="text,record">
+        <a-input :placeholder="$t('pleaseEnter')"  v-model="record.xtmc"></a-input>
+      </span>
+      <span slot="softwaredevelopmententerprise" slot-scope="text,record">
+        <a-input :placeholder="$t('pleaseEnter')" v-model="record.xtmc" ></a-input>
+      </span>
+      <span slot="initialpackageforintegrityinflammatorydata" slot-scope="text,record">
+        <a-input :placeholder="$t('pleaseEnter')"  v-model="record.xtmc"></a-input>
+      </span>
+      <span slot="upgradepackageintegrityverificationdata" slot-scope="text,record">
+        <a-input :placeholder="$t('pleaseEnter')" v-model="record.xtmc" ></a-input>
+      </span>
+        <span slot="upgradepackagesize" slot-scope="text,record">
+        <a-input :placeholder="$t('pleaseEnter')"  v-model="record.xtmc"></a-input>
+        </span>
+        <span slot="differentialupgradeornot" slot-scope="text,record">
+        <a-input :placeholder="$t('pleaseEnter')"  v-model="record.xtmc"></a-input>
       </span>
       <!--      操作列-->
       <span slot="operation" slot-scope="text,record">
-          <a class="text-operation">{{$t('addcontroller')}}</a>
-          <a class="text-operation">{{$t('delete')}}</a>
+          <a class="text-operation" @click="addlineAtBot">{{$t('addcontroller')}}</a>
+          <a class="text-operation" @click="deleteData(record)">{{$t('delete')}}</a>
       </span>
     </a-table>
     <div>
@@ -85,8 +99,6 @@ export default {
     return {
       dataSource: [
         {
-          key:1,
-          functionname:'ceshi',
         }
       ],
       loading: false,
@@ -97,7 +109,9 @@ export default {
           align: 'left',
           dataIndex: 'systemname',
           ellipsis: true,
-          width: 170
+          width: 170,
+          scopedSlots: { customRender: 'systemname' },
+
         },
         {
           title: this.$t('adjustmentofchangedBulletinparameters'),
@@ -136,77 +150,89 @@ export default {
               align: 'left',
               dataIndex: 'nameoftheupgradedelectroniccontroller',
               ellipsis: true,
-              width: 170
+              width: 170,
+              scopedSlots: { customRender: 'nameoftheupgradedelectroniccontroller' },
+              
             },
             {
               title: this.$t('adaptivehardwareversion'),
               align: 'left',
               dataIndex: 'adaptivehardwareversion',
               ellipsis: true,
-              width: 170
+              width: 170,
+              scopedSlots: { customRender: 'adaptivehardwareversion' },
             },
             {
               title: this.$t('beforethesoftwareversionupgraded'),
               align: 'left',
               dataIndex: 'beforethesoftwareversionupgraded',
               ellipsis: true,
-              width: 170
+              width: 170,
+              scopedSlots: { customRender: 'beforethesoftwareversionupgraded' },
             },
             {
               title: this.$t('afterthesoftwareversionupgraded'),
               align: 'left',
               dataIndex: 'afterthesoftwareversionupgraded',
               ellipsis: true,
-              width: 170
+              width: 170,
+              scopedSlots: { customRender: 'afterthesoftwareversionupgraded' },
             },
             {
               title: this.$t('beforetheOSversionupgraded'),
               align: 'left',
               dataIndex: 'beforetheOSversionupgraded',
               ellipsis: true,
-              width: 170
+              width: 170,
+              scopedSlots: { customRender: 'beforetheOSversionupgraded' },
             },
             {
               title: this.$t('aftertheoperatingsystemversionupgraded'),
               align: 'left',
               dataIndex: 'aftertheoperatingsystemversionupgraded',
               ellipsis: true,
-              width: 170
+              width: 170,
+              scopedSlots: { customRender: 'aftertheoperatingsystemversionupgraded' },
             },
             {
               title: this.$t('softwaredevelopmententerprise'),
               align: 'left',
               dataIndex: 'softwaredevelopmententerprise',
               ellipsis: true,
-              width: 170
+              width: 170,
+              scopedSlots: { customRender: 'softwaredevelopmententerprise' },
             },
             {
               title: this.$t('initialpackageforintegrityinflammatorydata'),
               align: 'left',
               dataIndex: 'initialpackageforintegrityinflammatorydata',
               ellipsis: true,
-              width: 170
+              width: 170,
+              scopedSlots: { customRender: 'initialpackageforintegrityinflammatorydata' },
             },
             {
               title: this.$t('upgradepackageintegrityverificationdata'),
               align: 'left',
               dataIndex: 'upgradepackageintegrityverificationdata',
               ellipsis: true,
-              width: 170
+              width: 170,
+              scopedSlots: { customRender: 'upgradepackageintegrityverificationdata' },
             },
             {
               title: this.$t('upgradepackagesize'),
               align: 'left',
               dataIndex: 'upgradepackagesize',
               ellipsis: true,
-              width: 170
+              width: 170,
+              scopedSlots: { customRender: 'upgradepackagesize' },
             },
             {
               title: this.$t('differentialupgradeornot'),
               align: 'left',
               dataIndex: 'differentialupgradeornot',
               ellipsis: true,
-              width: 170
+              width: 170,
+              scopedSlots: { customRender: 'differentialupgradeornot' },
             },
           ]
         },
@@ -278,6 +304,13 @@ export default {
     next(){
       this.$emit('upgradedonlinedown')
     },
+    addlineAtBot(){
+      let obj={}
+        this.dataSource.push(obj)
+      },
+      deleteData(record){
+        this.dataSource.splice(this.dataSource.indexOf(record),1)
+      },
     uploadSuccess(data) {
       let attIdList = []
       if (data && data.length > 0) {
diff --git a/jero-web/src/views/otamanagement/upgradeactivityrecord/components/upgradeimpactassessment.vue b/jero-web/src/views/otamanagement/upgradeactivityrecord/components/upgradeimpactassessment.vue
index 7a51eb5b3..cba9b95c1 100644
--- a/jero-web/src/views/otamanagement/upgradeactivityrecord/components/upgradeimpactassessment.vue
+++ b/jero-web/src/views/otamanagement/upgradeactivityrecord/components/upgradeimpactassessment.vue
@@ -16,10 +16,13 @@
           <span class='sider-span1'>{{$t('upgradePurpose')}}</span>
         </a-layout-sider>
           <a-layout-content style='border: black solid 1px;border-left: none;border-bottom: none;'>
-            <j-dict-select-tag class="box-input"
+            <j-multi-select-tag class="box-input"
+                               v-model="form.sjmd"
+                               @change="update"
                                :disabled="disable"
                                :placeholder="$t('PleaseSelect')"
                                :type="'select'"
+                               :dictCode="'uipgrade_purpose'"
                                :triggerChange="false"/>
           </a-layout-content>
       </a-layout>
@@ -35,25 +38,25 @@
         </a-layout-content>
         <a-layout-content style='width: 5.5%'>
           <span class='content-text'>
-            <a-radio-group style='margin-left: 40px;'>
+            <a-radio-group style='margin-left: 40px;' v-model="form.sfbgcs">
                     <a-radio :value="1"> {{ $t('yes') }} </a-radio>
                     <a-radio :value="2"> {{ $t('not') }} </a-radio>
             </a-radio-group>
           </span>
           <span class='content-text'>
-            <a-radio-group style='margin-left: 40px;'>
+            <a-radio-group style='margin-left: 40px;' v-model="form.sjxnbh">
                     <a-radio :value="1"> {{ $t('yes') }} </a-radio>
                     <a-radio :value="2"> {{ $t('not') }} </a-radio>
             </a-radio-group>
           </span>
           <span class='content-text'>
-            <a-radio-group style='margin-left: 40px;'>
+            <a-radio-group style='margin-left: 40px;' v-model="form.fhgd">
                     <a-radio :value="1"> {{ $t('yes') }} </a-radio>
                     <a-radio :value="2"> {{ $t('not') }} </a-radio>
             </a-radio-group>
           </span>
           <span class='content-text'>
-            <a-radio-group style='margin-left: 40px;'>
+            <a-radio-group style='margin-left: 40px;' v-model="form.zdjsxg">
                     <a-radio :value="1"> {{ $t('yes') }} </a-radio>
                     <a-radio :value="2"> {{ $t('not') }} </a-radio>
             </a-radio-group>
@@ -75,7 +78,7 @@
         </div>
         <div class='layout-box-second'>
           <span class='box-text'>
-            <a-radio-group style='margin-left: 40px;'>
+            <a-radio-group style='margin-left: 40px;' v-model="form.jrxxg">
                     <a-radio :value="1"> {{ $t('yes') }} </a-radio>
                     <a-radio :value="2"> {{ $t('not') }} </a-radio>
             </a-radio-group>
@@ -84,40 +87,46 @@
             <j-dict-select-tag class="box-input"
                                style='margin-top: 2px'
                                :disabled="disable"
+                               v-model="form.zxsj"
+                               :placeholder="$t('PleaseSelect')"
+                               :type="'select'"
+                               dictCode="conditions_upgrades"
+                               :triggerChange="false"/>
+          </span>
+          <span class='box-text'>
+            <j-multi-select-tag class="box-input"
+                               v-model="form.aqjz"
+                               style='margin-top: 2px'
+                               :disabled="disable"
+                               dictCode="upgrade_failed"
                                :placeholder="$t('PleaseSelect')"
                                :type="'select'"
                                :triggerChange="false"/>
           </span>
           <span class='box-text'>
-            <j-dict-select-tag class="box-input"
-                               style='margin-top: 2px'
-                               :disabled="disable"
-                               :placeholder="$t('PleaseSelect')"
-                               :type="'select'"
-                               :triggerChange="false"/>
-          </span>
-          <span class='box-text'>
-            <a-radio-group style='margin-left: 40px;'>
+            <a-radio-group style='margin-left: 40px;' v-model="form.sfyxaq">
                     <a-radio :value="1"> {{ $t('yes') }} </a-radio>
                     <a-radio :value="2"> {{ $t('not') }} </a-radio>
             </a-radio-group>
           </span>
           <span class='box-text'>
-            <a-radio-group style='margin-left: 40px;'>
+            <a-radio-group style='margin-left: 40px;' v-model="form.yhqr"> 
                     <a-radio :value="1"> {{ $t('yes') }} </a-radio>
                     <a-radio :value="2"> {{ $t('not') }} </a-radio>
             </a-radio-group>
           </span>
           <span class='box-text'>
-            <j-dict-select-tag class="box-input"
+            <j-multi-select-tag class="box-input"
                                style='margin-top: 2px'
                                :disabled="disable"
+                               v-model="form.sjbcs"
                                :placeholder="$t('PleaseSelect')"
+                               dictCode="package_test"
                                :type="'select'"
                                :triggerChange="false"/>
           </span>
           <span class='box-text' style='border-bottom: black solid 1px'>
-            <a-radio-group style='margin-left: 40px;'>
+            <a-radio-group style='margin-left: 40px;' v-model="form.aqkkx">
                     <a-radio :value="1"> {{ $t('yes') }} </a-radio>
                     <a-radio :value="2"> {{ $t('not') }} </a-radio>
             </a-radio-group>
@@ -129,7 +138,7 @@
       </div>
     </a-layout>
     <div class="bootom-button">
-      <a-button style="margin-right:50px">{{$t('preservation')}}</a-button>
+      <a-button style="margin-right:50px" @click="save">{{$t('preservation')}}</a-button>
       <a-button type="primary" style='width: 73px;margin-right: 50px' @click='last'>{{$t('last')}}</a-button>
       <a-button type="primary" style='width: 73px' @click='next'>{{$t('next')}}</a-button>
     </div>
@@ -289,12 +298,27 @@ export default {
           scopedSlots: { customRender: 'operation' }
         }
       ],
+      form:{
+        sjmd:'',
+        fhgd:1,
+        zdjsxg:2,
+        sfyxaq:2,
+        yhqr:1,
+        aqkkx:1,
+        zxsj:2,
+        aqjz:'2',
+        sjbcs:'3,4'
+      }
     }
   },
   mounted() {
     // this.getList()
+    this.getData()
   },
   methods: {
+    update(){
+this.$forceUpdate()
+    },
     // 模板下载
     handleModule() {
       downloadFile('ota/otaBaSjSjyxpg/exportTemplate', '升级影响评估' + '.zip', {})
@@ -339,10 +363,45 @@ export default {
         }
       })
     },
+    getData(){
+      let otaIdT=localStorage.getItem('otaIdT')
+        if(otaIdT==null){
+          otaIdT=''
+        }
+        let otaId=localStorage.getItem('otaId')
+        if(otaId==null){
+          otaId=''
+        }
+        getAction('/ota/otaBaSjSjyxpg/queryByOtaId',{otaIdT:otaIdT,otaId:otaId}).then(res=>{
+           if(res.code==200){
+            this.form=res.result==null ? {
+        sjmd:'',
+        fhgd:1,
+        zdjsxg:2,
+        sfyxaq:2,
+        yhqr:1,
+        aqkkx:1,
+        zxsj:2,
+        aqjz:'2',
+        sjbcs:'3,4'
+      } : res.result
+           }
+        })
+    },
+    save(){
+      
+       this.form.otaId=localStorage.getItem('otaId')
+       postAction('/ota/otaBaSjSjyxpg/add',this.form).then(res=>{
+        this.$message.success(this.$t('SavedSuccessfully'))
+        console.log(res);
+       })
+    },
     last(){
+      this.save()
       this.$emit('safetyPrecautionsup')
     },
     next(){
+      this.save()
       this.$emit('safetyPrecautionsdown')
     },
     uploadSuccess(data) {
diff --git a/jero-web/src/views/otamanagement/upgradeactivityrecord/components/upgradetargetmodel.vue b/jero-web/src/views/otamanagement/upgradeactivityrecord/components/upgradetargetmodel.vue
index 767ce71ac..586cc9396 100644
--- a/jero-web/src/views/otamanagement/upgradeactivityrecord/components/upgradetargetmodel.vue
+++ b/jero-web/src/views/otamanagement/upgradeactivityrecord/components/upgradetargetmodel.vue
@@ -19,7 +19,7 @@
                 <span class="title-text-text" :title="$t('selectTheVehicleTemplate')">{{$t('selectTheVehicleTemplate')}}</span>
               </div>
               <a-form-model-item class="itemModel" prop="dutyTerritory">
-                <a-select  :disabled="disabled" class="box-input" v-model="form.cxmb" allowClear     :placeholder="$t('PleaseSelect')" @change="changeId">
+                <a-select  :disabled="disabled" class="box-input" v-model="form.cxmb" allowClear     :placeholder="$t('PleaseSelect')" @change="update">
                   <a-select-option v-for="(item , key ) in selectListMb" :key="key" :value="item.id" >
                     {{ item.cpdjbh }}
                   </a-select-option>
@@ -76,12 +76,8 @@
                 <span class="title-text-text" :title="$t('producttrademark')">{{$t('producttrademark')}}</span>
               </div>
               <a-form-model-item class="itemModel">
-                <j-dict-select-tag class="box-input"
-                                   disabled
-                                   v-model="form.cpsb"
-                                   :placeholder="$t('PleaseSelect')"
-                                   :type="'select'"
-                                   :triggerChange="false"/>
+                <a-input  disabled  class="box-input" :placeholder="$t('pleaseEnter')"   v-model="form.cpsb"></a-input>
+                
               </a-form-model-item>
             </div>
           </a-col>
@@ -91,12 +87,8 @@
                 <span class="title-text-text" :title="$t('productname')">{{$t('productname')}}</span>
               </div>
               <a-form-model-item class="itemModel">
-                <j-dict-select-tag class="box-input"
-                                    disabled 
-                                   v-model="form.cpmc"
-                                   :placeholder="$t('PleaseSelect')"
-                                   :type="'select'"
-                                   :triggerChange="false"/>
+                <a-input  disabled  class="box-input" :placeholder="$t('pleaseEnter')"  v-model="form.cpmc"></a-input>
+             
               </a-form-model-item>
             </div>
           </a-col>
@@ -106,12 +98,8 @@
                 <span class="title-text-text" :title="$t('productModel')">{{$t('productModel')}}</span>
               </div>
               <a-form-model-item class="itemModel">
-                <j-dict-select-tag class="box-input"
-                                   disabled
-                                   v-model="form.cpxh"
-                                   :placeholder="$t('PleaseSelect')"
-                                   :type="'select'"
-                                   :triggerChange="false"/>
+                <a-input  disabled  class="box-input" :placeholder="$t('pleaseEnter')"   v-model="form.cpxh"></a-input>
+               
               </a-form-model-item>
             </div>
           </a-col>
@@ -174,7 +162,9 @@ import ImportFile from '@/components/ImportFileData/index'
       return {
         confirmLoading: false,
         disabled: false,
-        form:{},
+        form:{
+          qymc:'安徽江淮汽车集团股份有限公司'
+        },
         url: {
           exportData: '/ota/otaBaSjSjmbcx/exportData',
           importZipUrl: '/ota/otaBaSjSjmbcx/importData',//导入
@@ -204,14 +194,19 @@ import ImportFile from '@/components/ImportFileData/index'
         if(otaId==null){
           otaId=''
         }
-        getAction('/ota/otaBaCxJbxx/queryByOtaId',{otaIdT:otaIdT,otaId:otaId}).then(res=>{
+        getAction('/ota/otaBaSjSjmbcx/queryByOtaId',{otaIdT:otaIdT,otaId:otaId}).then(res=>{
          if(res.code == 200){
-          // this.form=res.result
+          this.form=res.result ==null?{}:res.result
          }
         })
     },
     save(){
-      postAction('/ota/otaBaSjSjmbcx/add',this.form).then(res=>{
+      let otaId=localStorage.getItem('otaId')
+        if(otaId==null){
+          otaId=''
+        }
+      postAction('/ota/otaBaSjSjmbcx/add',{otaId:otaId,...this.form}).then(res=>{
+        this.$message.success(this.$t('SavedSuccessfully'))
         localStorage.setItem('otaId', res.result.otaId)
         })
     },
@@ -225,8 +220,7 @@ import ImportFile from '@/components/ImportFileData/index'
             this.selectListPc=[]
             res.result.forEach(item=>{
               let obj={}
-               obj.id=item.id
-               obj.ggpc=item.ggpc
+               obj=item
                this.selectListPc.push(obj)
             })
            }
@@ -256,8 +250,16 @@ import ImportFile from '@/components/ImportFileData/index'
         }
         
       },
-      changeId(value){
-        this.$forceUpdate()
+      changeId(value,option){
+     this.selectListPc.map(item=>{
+       if(item.id==value){
+        this.form.cpsb = item.cpsb 
+        this.form.cpmc = item.cpmc
+        this.form.cpxh = item.cpxh
+        this.form.babh = item.cpdjbh
+        }
+     })
+     this.$forceUpdate()
       },
       update(){
         this.$forceUpdate()