style:备案

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-11 15:44:33
+ * @LastEditTime: 2023-09-11 16:12:27
 -->
 <template>
   <dialogBox
@@ -28,7 +28,7 @@
       label-width="120px">
       <el-form-item label="身份证读卡器">
         <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button>
-        <el-button type="primary">信息备案</el-button>
+        <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button>
       </el-form-item>
       <el-row>
         <el-col :span="8">
@@ -62,6 +62,7 @@
               clearable
               v-model="ruleForm.zjzl"
               :disabled="!showButton"
+              @change="handleZjzl"
               class="width100"
               placeholder="请选择">
               <el-option
@@ -340,7 +341,7 @@
   import { mapGetters } from "vuex";
   import store from '@/store/index.js'
   import { getIdCardInfo } from '@/utils/operation.js'
-  import { queryQyByPage, queryYhByPage } from "@/api/xxba.js";
+  import { queryQyByPage, queryYhByPage, addQy } from "@/api/xxba.js";
   import { dataYh, dataQy, sendThis } from "../../javascript/addQlrData";
   export default {
     props: {
@@ -354,6 +355,7 @@
     data () {
       return {
         isShow: false,
+        isBz: false,
         activeName: '1',
         loading: false,
         myValue: this.value,
@@ -430,6 +432,27 @@
       }
     },
     methods: {
+      // 证件种类选择
+      handleZjzl (val) {
+        if (['6', '7', '8'].includes(val)) {
+          this.isBz = true
+        } else {
+          this.isBz = false
+        }
+      },
+      // 信息备案
+      handleFilings () {
+        this.ruleForm.qymc = this.ruleForm.sqrmc
+        this.ruleForm.dwdz = this.ruleForm.txdz
+        addQy(this.ruleForm).then(res => {
+          if (res.code == 200) {
+            this.$message.success('备案成功')
+            this.$refs['ruleForm'].resetFields();
+          } else {
+            this.$message.error(res.message);
+          }
+        })
+      },
       /**
        * @description: handleClick
        * @param {*} event
@@ -476,6 +499,7 @@
             this.tableDataQy.data.forEach(item => {
               item.zjzlMc = this.dicStatus(item.zjzl, 'A30')
               item.sqrmc = item.qymc
+              item.txdz = item.dwdz
             })
           }
         })
@@ -500,6 +524,7 @@
             this.tableDataYh.data.forEach(item => {
               item.zjzlMc = this.dicStatus(item.zjzl, 'A30')
               item.sqrmc = item.qymc
+              item.txdz = item.dwdz
             })
           }
         })