收支类型为支出时，不显示购票数量和观影人实付单价

src/views/finance/flowingWaterMr/index.vue

@@ -83,8 +83,8 @@
           <span style="color: #1890ff;cursor: pointer;" @click="openDetails(scope.row)">{{ scope.row.id }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="购票数量" align="center" prop="quantity" />
-      <el-table-column label="实付单价" align="center" prop="price" />
+      <el-table-column v-if="!zhichu" label="购票数量" align="center" prop="quantity" />
+      <el-table-column v-if="!zhichu" label="实付单价" align="center" prop="price" />
       <el-table-column label="金额(元)" align="center" prop="type">
         <template slot-scope="scope">
           <span>￥{{ scope.row.orderPrice }}</span>
@@ -185,12 +185,27 @@ export default {
       newObj: {},
       visibleType: '',
       handleExportLoading: false,
-      tableData: {}
+      tableData: {},
+      zhichu:false,
     };
   },
   created() {
     this.getList();
   },
+  watch: {
+    'queryParams.incomeExpenses': {
+      handler: function(newValue, oldValue) {
+        // console.log(`The value changed to ${newValue}`);
+        if(newValue=='支出'){
+          this.zhichu=true;
+        }else if(newValue=='收入'){
+          this.zhichu=false;
+        }
+      },
+      deep: true,
+      immediate: false
+    }
+  },
   methods: {
     /** 查询列表 */
     getList() {