fixed: 品牌列表页快捷字母居中、退货提示填写说明

@@ -101,7 +101,8 @@
     }
 
     .index-list {
-        top: 90px !important;
+        top: 50%;
+        transform: translateY(-50%);
     }
 </style>
 <script>

@@ -10,7 +10,7 @@
         </div>
         <template v-if="specialReasons.indexOf(product.reason.id) !== -1">
             <div class="remark">
-                <textarea v-model="product.remark" rows="4" max-length="100" placeholder="原因说明"></textarea>
+                <textarea v-model="remark" rows="4" max-length="100" placeholder="原因说明"></textarea>
             </div>
             <div class="image-list clearfix">
                 <div class="image-item" v-for="image in imageListForShow" :key="image.path">
@@ -35,7 +35,8 @@
             return {
                 bucket: 'evidenceImages',
                 reasons: [],
-                specialReasons: []
+                specialReasons: [],
+                remark: ''
             };
         },
         computed: {
@@ -60,7 +61,11 @@
         components: {
             upload
         },
-
+        watch: {
+            remark(val) {
+                this.$set(this.product, 'remark', val);
+            }
+        },
         created() {
             this.reasons = reasonConfig.reasons;
             this.specialReasons = reasonConfig.specialReasons;
@@ -128,7 +133,7 @@
                 margin-right: 25px;
                 width: 154px;
                 height: 154px;
-                
+
                 &:last-child {
                     margin-right: 0;
                 }