发票管理-经办人

src/components/userSelect/index.vue

@@ -1,6 +1,6 @@
 <template>
 <div>
-    <el-input placeholder="请选择" :size="size" :disabled="disabled"  :readonly="readonly" style="line-hight:40px" v-model="name" class="input-with-select">
+    <el-input placeholder="请选择" :size="size" :disabled="disabled"  :readonly="readonly" style="line-hight:40px" @change="changeName" v-model="name" class="input-with-select">
       <el-button slot="append" :disabled="disabled"  :readonly="readonly" @click="showUserSelect" icon="el-icon-search"></el-button>
     </el-input>
     <user-select ref="userSelect" @doSubmit="selectUsersToInput" :limit="limit" :selectData="selectData"></user-select>
@@ -20,6 +20,7 @@ export default {
   props: {
     limit: Number,
     value: String,
+    name: String,
     size: {
       type: String,
       default: () => { return 'small' }
@@ -63,6 +64,13 @@ export default {
       },
       immediate: false,
       deep: false
+    },
+    name: {
+      handler (newVal) {
+        this.name = newVal
+      },
+      immediate: false,
+      deep: false
     }
   },
   methods: {
@@ -72,6 +80,9 @@ export default {
       this.name = users.map(user => { return user.name }).join(',')
       this.$emit('getValue', this.labelValue, this.name)
     },
+    changeName () {
+      this.$emit('getValue', null, this.name)
+    },
     showUserSelect () {
       this.$refs.userSelect.init()
     }

src/views/modules/finance/invoice/InvoiceList.vue

@@ -15,13 +15,17 @@
           </el-input>
         </el-form-item>
         <el-form-item>
+          <el-button type="default" @click="showHide" size="small" :icon="showHideIcon">{{showHideName}}</el-button>
           <el-button type="primary" @click="refreshList()" size="small" icon="el-icon-search">查询</el-button>
           <el-button @click="resetSearch()" size="small" icon="el-icon-refresh-right">重置</el-button>
         </el-form-item>
       </el-row>
-      <el-row :gutter="0">
-        <el-form-item prop="reconciliationPeople" label="对账人">
-          <UserSelect :limit='1' :readonly="true" :value="searchForm.reconciliationPeople" @getValue='(value) => {searchForm.reconciliationPeople = value}'></UserSelect>
+      <el-row v-if="showHideItem" :gutter="0">
+        <el-form-item prop="reconciliationPeopleName" label="对账人">
+          <UserSelect :limit='1' :name="searchForm.reconciliationPeopleName" @getValue='(value, label) => {searchForm.reconciliationPeopleName = label}'></UserSelect>
+        </el-form-item>
+        <el-form-item label="经办人" prop="operator">
+          <UserSelect :limit='1' :name="searchForm.operator" @getValue='(value, label) => {searchForm.operator = label}'></UserSelect>
         </el-form-item>
         <el-form-item prop="billingWorkplaceReal" label="开票单位">
           <el-input size="small" v-model="searchForm.billingWorkplaceReal" placeholder="请输入开票单位" clearable></el-input>
@@ -78,7 +82,7 @@
         </el-form-item>
 
       </el-row>
-      <el-row :gutter="0">
+      <el-row v-if="showHideItem" :gutter="0">
         <el-form-item prop="billingDateList" label="开票日期">
           <el-date-picker
             size="small"
@@ -109,7 +113,7 @@
           </el-date-picker>
         </el-form-item>
       </el-row>
-      <el-row :gutter="0">
+      <el-row v-if="showHideItem" :gutter="0">
         <el-form-item prop="accountBegin" label="开票总金额">
           <el-input-number
             size="small"
@@ -178,6 +182,7 @@
           </vxe-column>
           <vxe-column width="150" title="发票号"align="center" field="number"></vxe-column>
           <vxe-column width="150" title="实际开票单位"align="center" field="billingWorkplaceReal"></vxe-column>
+          <vxe-column width="150" title="经办人"align="center" field="operator"></vxe-column>
           <vxe-column width="150" title="开票总金额（元）"align="center" field="account"></vxe-column>
           <vxe-column width="150" title="开票金额（元）"align="center" field="accountDetail"></vxe-column>
           <vxe-column width="120" title="开票内容"align="center" field="billingContent">
@@ -258,6 +263,9 @@
   export default {
     data () {
       return {
+        showHideItem: false,
+        showHideIcon: 'el-icon-arrow-down',
+        showHideName: '展示',
         searchForm: {
           number: '',
           accountBegin: undefined,
@@ -270,7 +278,8 @@
           remittanceDateEnd: '',
           programName: '',
           programId: '',
-          reconciliationPeople: ''
+          reconciliationPeopleName: '',
+          operator: ''
         },
         dataList: [],
         tablePage: {
@@ -316,6 +325,17 @@
       this.refreshList()
     },
     methods: {
+      showHide () {
+        if (this.showHideItem === false) {
+          this.showHideItem = true
+          this.showHideIcon = 'el-icon-arrow-up'
+          this.showHideName = '隐藏'
+        } else {
+          this.showHideItem = false
+          this.showHideIcon = 'el-icon-arrow-down'
+          this.showHideName = '展示'
+        }
+      },
       // 新增
       add () {
         this.$refs.invoiceForm.init('add', '')
@@ -458,7 +478,8 @@
           remittanceDateEnd: '',
           programName: '',
           programId: '',
-          reconciliationPeople: ''
+          reconciliationPeopleName: '',
+          operator: ''
         }
         this.$refs.searchForm.resetFields()
         this.refreshList()