src/views/mis/common/api/codingManagement.js

@@ -432,6 +432,7 @@ const CodingCustom = {
         yslx: { instance: null, tableName: 'bm_yslx' },//用水类型
         sqfs:{instacnce:null,tableName:'bm_znjsq'},//违约金收取方式
         cljg:{instacnce:null,tableName:'bm_cljg'},//处理结果
+        fplx:{ instance: null, tableName: '', data: [{ code: '0', name: '普票' }, { code: '1', name: '专票' }, { code: '2', name: '手册' }, { code: '3', name: '未知' }] },//发票类型
     },
     query(requestParams) {
         return request({

src/views/mis/customerManagement/customer-form.vue

@@ -541,9 +541,55 @@
             </cpsSelect>
           </el-descriptions-item>
 
-          <el-descriptions-item label="备注" :span="3">
+          <el-descriptions-item label="开票类型">
+            <cpsSelect
+              v-model="detailData.yhKhjbxx.fplx"
+              placeholder="请选择"
+              skey="fplx"
+              isDisabled="all"
+            >
+            </cpsSelect>
+          </el-descriptions-item>
+          <el-descriptions-item label="购方电话">
+            <el-input
+              v-model="detailData.yhKhjbxx.fpLxdh"
+              placeholder="请输入"
+            ></el-input>
+          </el-descriptions-item>
+          <el-descriptions-item label="购方名称" :span="3">
+            <el-input
+              v-model="detailData.yhKhjbxx.fpName"
+              placeholder="请输入"
+            ></el-input>
+          </el-descriptions-item>
+
+          <el-descriptions-item label="购方税号" :span="3">
+            <el-input
+              v-model="detailData.yhKhjbxx.fpNsrsbh"
+              placeholder="请输入"
+            ></el-input>
+          </el-descriptions-item>
+          <el-descriptions-item label="购方银行开户行" :span="3">
+            <el-input
+              v-model="detailData.yhKhjbxx.fpBankname"
+              placeholder="请输入"
+            ></el-input>
+          </el-descriptions-item>
+          <el-descriptions-item label="开户行账号" :span="3">
+            <el-input
+              v-model="detailData.yhKhjbxx.fpBankcode"
+              placeholder="请输入"
+            ></el-input>
+          </el-descriptions-item>
+          <el-descriptions-item label="购方地址" :span="3">
+            <el-input
+              v-model="detailData.yhKhjbxx.fpDz"
+              placeholder="请输入"
+            ></el-input>
+          </el-descriptions-item>
+          <el-descriptions-item label="开票备注" :span="3">
             <el-input
-              v-model="detailData.yhKhjbxx.bz"
+              v-model="detailData.yhKhjbxx.fpBz"
               placeholder="请输入"
             ></el-input>
           </el-descriptions-item>

src/views/mis/customerManagement/customer-index.vue

@@ -127,7 +127,6 @@
           :isdelete="false"
           :is-select="false"
           :stripe="true"
-
           @handleCurrentChange="handleCurrentChange"
           @handleSizeChange="handleSizeChange"
           @handleSelectionChange="handleSelectionChange"
@@ -159,7 +158,9 @@
           v-if="!editState"
           >确 定</el-button
         >
-        <el-button   type="warning" icon="el-icon-close" @click="clickCancel()">关 闭</el-button>
+        <el-button type="warning" icon="el-icon-close" @click="clickCancel()"
+          >关 闭</el-button
+        >
       </template>
     </el-dialog>
 
@@ -329,7 +330,10 @@
             "
             >确 定</el-button
           >
-          <el-button  type="warning" icon="el-icon-close" @click="$refs.drawer.closeDrawer()"
+          <el-button
+            type="warning"
+            icon="el-icon-close"
+            @click="$refs.drawer.closeDrawer()"
             >关 闭</el-button
           >
         </el-footer>
@@ -494,13 +498,20 @@ export default {
           xb: undefined,
           khlb: undefined,
           ssregion: undefined,
-          bz: undefined,
           bzPcxlh: undefined,
           czrybm: undefined,
           czryxm: undefined,
           czsj: undefined,
           jdrybm: undefined,
           jdryxm: undefined,
+          fplx: undefined,
+          fpLxdh: undefined,
+          fpName: undefined,
+          fpNsrsbh: undefined,
+          fpBankname: undefined,
+          fpBankcode: undefined,
+          fpDz: undefined,
+          fpBz: undefined,
         },
         yhCbkxx: {
           jfzt: undefined,

src/views/mis/customerManagement/customerTs-index.vue

@@ -15,7 +15,6 @@
               placeholder="输入用户号进行查询"
               clearable
               autocomplete="off"
-              @change="onSearch()"
             />
             <el-button
               type="primary"
@@ -44,29 +43,29 @@
             >
               <el-descriptions-item
                 label="用户编号"
-                labelStyle="width:20%"
-                contentStyle="width:30%"
+                labelStyle="width:15%"
+                contentStyle="width:35%"
               >
                 {{ baseUserInfo.yhbh }}
               </el-descriptions-item>
               <el-descriptions-item
                 label="用户姓名"
-                labelStyle="width:20%"
-                contentStyle="width:30%"
+                labelStyle="width:15%"
+                contentStyle="width:35%"
               >
                 {{ baseUserInfo.yhxm }}
               </el-descriptions-item>
               <el-descriptions-item
                 label="联系电话"
-                labelStyle="width:20%"
-                contentStyle="width:30%"
+                labelStyle="width:15%"
+                contentStyle="width:35%"
               >
                 {{ baseUserInfo.lxdh }}
               </el-descriptions-item>
               <el-descriptions-item
                 label="用户地址"
-                labelStyle="width:20%"
-                contentStyle="width:30%"
+                labelStyle="width:15%"
+                contentStyle="width:35%"
               >
                 {{ baseUserInfo.yhdz }}
               </el-descriptions-item>
@@ -77,36 +76,56 @@
       <el-main>
         <div class="content-title">托收关系-分户</div>
         <el-divider />
-        <tfTable
-          :table-data="dataList"
-          :column="columns"
-          :for-id="false"
-          :pagination="true"
-          :currentpage="pageInfo.current"
-          :pagesize="pageInfo.size"
-          :total="pageInfo.tableTotal"
-          :border="true"
-          :multiple="true"
-          :fixed="true"
-          :isdelete="false"
-          :is-select="false"
-          :stripe="true"
-          @handleCurrentChange="handleCurrentChange"
-          @handleSizeChange="handleSizeChange"
-          @handleSelectionChange="handleSelectionChange"
-        />
+        <div style="height: calc(100% - 45px); border: 1px solid #dcdfe6">
+          <tfTable
+            :table-data="dataList"
+            :column="columns"
+            :for-id="false"
+            :pagination="true"
+            :currentpage="pageInfo.current"
+            :pagesize="pageInfo.size"
+            :total="pageInfo.tableTotal"
+            :border="true"
+            :multiple="true"
+            :fixed="true"
+            :isdelete="false"
+            :is-select="false"
+            :stripe="true"
+            @handleCurrentChange="handleCurrentChange"
+            @handleSizeChange="handleSizeChange"
+            @handleSelectionChange="handleSelectionChange"
+          />
+        </div>
       </el-main>
     </el-container>
+    <!-- 分户信息绑定 -->
+    <el-dialog
+      v-if="dialogVisible"
+      v-dialogDrag
+      top="20vh"
+      :title="dialogTitle"
+      :visible.sync="dialogVisible"
+      width="800px"
+      class="dialog"
+    >
+      <tfDetail :detailData="detailData" :editState="editState" ref="dForm" />
+      <template slot="footer">
+        <el-button type="warning" icon="el-icon-close" @click="clickCancel()"
+          >关 闭</el-button
+        >
+      </template>
+    </el-dialog>
   </div>
 </template>
 <script>
 import "@/views/mis/common/assets/styles/misStyle.scss";
 import { DateHelper } from "@/views/mis/common/assets/scripts/utils.js";
 import tfTable from "@/views/mis/common/misTable/index.vue";
-
+import tfDetail from "./customerTs-form.vue";
+import { Customer } from "@/views/mis/common/api/customerManagement.js";
 export default {
   //name: "customerTs",
-  components: { tfTable },
+  components: { tfTable, tfDetail },
   props: {},
   data() {
     return {
@@ -147,10 +166,26 @@ export default {
           prop: "cbkidFb",
           align: "center",
         },
+        {
+          slotScoped: "action",
+          label: "操作",
+          acts: [
+            { emitWay: "unbind", color: "#0000FF", operation: "解绑" },
+            {
+              emitWay: "bind",
+              color: "#0000FF",
+              operation: "分配",
+            },
+          ],
+        },
       ],
       dataList: [], // 表格数据
       selectionsData: [], // 表格选中数据
       selectedRow: {}, //表格选中行
+
+      /* ----- 绑定页 ----- */
+      dialogTitle: "分户绑定",
+      dialogVisible: false,
     };
   },
   mounted() {
@@ -171,10 +206,39 @@ export default {
       this.bindList();
     },
 
+    onSearch() {
+      if (this.queryParams.yhbh != "") {
+        //查询用户
+        Customer.queryCustomer(this.queryParams.yhbh)
+          .then((res) => {
+            if (res.code == 1) {
+              this.baseUserInfo.yhbh = res.result.yhbh;
+              this.baseUserInfo.yhxm = res.result.yhxm;
+              this.baseUserInfo.lxdh = res.result.lxdh;
+              this.baseUserInfo.yhdz = res.result.yhdz;
+            }
+          })
+          .catch((ex) => {
+            this.$message.error("查询用户信息失败！");
+          });
+      }
+    },
+
     /***
      * @description 绑定
      * **/
-    onBind() {},
+    onBind() {
+      this.dialogTitle = "绑定分户";
+      this.dialogVisible = true; // 显示弹窗
+    },
+
+    /**
+     * 点击关闭（取消）
+     */
+    clickCancel() {
+      this.dialogVisible = false; // 关闭弹窗
+      this.bindList();
+    },
 
     /* ----- 组件事件 ----- */
     /**