新增产品名称,开票增加数电

src/components/base/AppList.vue

@@ -18,12 +18,14 @@
                   clearable
                   v-bind="item"
                   v-if="item.type === 'select'"
-                  @change="search">
+                  @change="search"
+                >
                   <template v-for="(option, index) in item.options">
                     <el-option
                       :label="option[item.labelKey] || option.label || option"
                       :value="option[item.valueKey] || option.value || option"
-                      :key="index"></el-option>
+                      :key="index"
+                    ></el-option>
                   </template>
                 </el-select>
               </template>
@@ -50,7 +52,8 @@
           v-bind="$attrs"
           v-on="$listeners"
           style="height: 100%"
-          ref="table">
+          ref="table"
+        >
           <template v-for="item in currentColumns">
             <el-table-column v-bind="item" :key="item.prop" v-if="visible(item)">
               <template v-slot:default="scope" v-if="item.slots || item.computed">
@@ -77,7 +80,8 @@
         @size-change="pageSizeChange"
         @current-change="fetchList()"
         :hide-on-single-page="true"
-        v-if="hasPagination">
+        v-if="hasPagination"
+      >
       </el-pagination>
     </div>
     <!-- 更多筛选 -->
@@ -99,12 +103,14 @@
                     clearable
                     v-bind="item"
                     v-if="item.type === 'select'"
-                    style="width: 100%">
+                    style="width: 100%"
+                  >
                     <template v-for="(option, index) in item.options">
                       <el-option
                         :label="option[item.labelKey] || option.label"
                         :value="option[item.valueKey] || option.value"
-                        :key="index"></el-option>
+                        :key="index"
+                      ></el-option>
                     </template>
                   </el-select>
                 </template>

src/modules/payment/views/List.vue

@@ -18,7 +18,8 @@
           end-placeholder="结束日期"
           value-format="yyyy-MM-dd"
           size="small"
-          style="width: 360px">
+          style="width: 360px"
+        >
         </el-date-picker>
       </template>
       <!-- 末次缴费时间 -->
@@ -31,7 +32,8 @@
           end-placeholder="结束日期"
           value-format="yyyy-MM-dd"
           size="small"
-          style="width: 360px">
+          style="width: 360px"
+        >
         </el-date-picker>
       </template>
       <!-- 状态 -->
@@ -41,7 +43,8 @@
           active-value="1"
           inactive-value="2"
           @change="handleStatus(row)"
-          :disabled="row.refund_time !== null"></el-switch>
+          :disabled="row.refund_time !== null"
+        ></el-switch>
       </template>
       <!-- 操作 -->
       <template v-slot:table-x="{ row }">
@@ -76,7 +79,8 @@
         :id="id"
         @close="ticketVisible = false"
         @createTicket="handleCreateTicket"
-        :row="row" />
+        :row="row"
+      />
       <el-drawer
         size="30%"
         title="历史开票信息"
@@ -85,7 +89,8 @@
         append-to-body
         :destroy-on-close="true"
         center
-        :modal="false">
+        :modal="false"
+      >
         <History v-if="historyVisible" :hasSearch="true" @select="handleSelect" />
       </el-drawer>
     </el-drawer>
@@ -157,11 +162,18 @@ export default {
             final_payment_time_to: '',
             sort: '',
             related_id: '',
-            class_name: ''
+            class_name: '',
+            product_name: ''
           },
           beforeRequest: this.beforeRequest
         },
         filters: [
+          // 客户姓名
+          {
+            type: 'input',
+            prop: 'product_name',
+            placeholder: '产品名称'
+          },
           // 项目
           {
             type: 'select',
@@ -269,6 +281,7 @@ export default {
           { type: 'selection', minWidth: '50px', fixed: 'left' },
           { label: '客户名称', prop: 'name', minWidth: 150 },
           { label: '项目', prop: 'project_id_name', align: 'center', minWidth: 150 },
+          { label: '产品名称', prop: 'product_name', align: 'center', minWidth: 100 },
           { label: '支付状态', prop: 'payment_status_name', align: 'center', minWidth: 100 },
           { label: '费用类型', prop: 'type_name', align: 'center', minWidth: 100 },
           {