团购订单：开具发票，增加发票备注

src/views/finance/InvoiceRecords/index.vue

@@ -94,6 +94,7 @@
             </el-table-column>
             <el-table-column label="抬头名称" align="center" prop="name" />
             <el-table-column label="税号" align="center" prop="creditCode" />
+            <el-table-column label="发票备注" align="center" prop="remark" width="160" show-overflow-tooltip />
             <el-table-column label="状态" align="center">
               <template slot-scope="scope">
                 <dict-tag :options="dict.type.Invoicing_type" :value="scope.row.status"/>
@@ -104,7 +105,7 @@
                 <dict-tag :options="dict.type.Invoice_source" :value="scope.row.invoiceSource"/>
               </template>
             </el-table-column>
-            <el-table-column label="申请时间" align="center">
+            <el-table-column label="申请时间" align="center" width="160">
               <template slot-scope="scope">
                 <span>{{ parseTime(scope.row.createTime) }}</span>
               </template>

src/views/order/groupBuyingMr/dialog/aduitInvoice.vue

@@ -67,6 +67,17 @@
             style="width: 100%;"
           />
         </el-form-item>
+        <el-form-item label="发票备注:" prop="remark">
+          <el-input
+            v-model="aduitForm.remark"
+            placeholder="此内容将回显至电子发票的备注中，请谨慎填写!"
+            clearable
+            type="textarea"
+            :rows="4"
+            class="red-placeholder"
+            style="width: 100%;"
+          />
+        </el-form-item>
         
       </el-form>
     </div>
@@ -115,11 +126,12 @@ export default {
         id: '',
         invoiceAmount: '',
         invoiceLine: '',
-        handlerType: '',
+        handlerType: 2,
         name: '',
         creditCode: '',
         mobile: '',
-        email: ''
+        email: '',
+        remark: ''
       },
       listType: [
           {
@@ -169,6 +181,7 @@ export default {
               invoiceAmount: this.aduitForm.invoiceAmount,
               invoiceLine: this.aduitForm.invoiceLine,
               invoiceSource: 3,
+              remark: this.aduitForm.remark,
               invoiceHandler: {
                 handlerType: this.aduitForm.handlerType,
                 name: this.aduitForm.name,
@@ -201,12 +214,13 @@ export default {
      */
     reset() {
       this.$set(this.aduitForm, 'id', "");
-      this.$set(this.aduitForm, 'handlerType', '');
+      this.$set(this.aduitForm, 'handlerType', 2);
       this.$set(this.aduitForm, 'invoiceLine', "")
       this.$set(this.aduitForm, 'email', "");
       this.$set(this.aduitForm, 'name', "");
       this.$set(this.aduitForm, 'invoiceAmount', "");
       this.$set(this.aduitForm, 'creditCode', '');
+      this.$set(this.aduitForm, 'remark', '');
     },
     // 关闭弹框
     cancel() {
@@ -243,6 +257,11 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+::v-deep .red-placeholder input::placeholder, 
+::v-deep .red-placeholder textarea::placeholder {
+  color: #f27171;
+  opacity: 1; /* 修复某些浏览器下placeholder透明度问题 */
+}
 .dialog {
   padding: 0 30px;
   max-height: 65vh;