WEB

ruilikeji

补充内容 (2026-4-24 16:02):
{n.f.notificationInfo("读取失败,请重试!")}))},_cameraPhoto:function(){var e=this;this.$get(this.$globalApi.eis.readLocalCamera).then((function(n){e.c(n)})).catch((function(n){e.c(n)}))}}},s=...

补充内容 (2026-4-24 16:11):
自动填表问题，内容补充在下面，谢谢啦

ruilikeji

晕死，手滑了，内容都还没填就发出去了，这里补充问题，web在线填表问题


想实现上面表单自动填充内容



下面是我找的js内容里面截取的

{n.f.notificationInfo("读取失败,请重试!")}))},_cameraPhoto:function(){var e=this;this.$get(this.$globalApi.eis.readLocalCamera).then((function(n){e.c(n)})).catch((function(n){e.c(n)}))}}},s=c,o=(a("f3e2"),a("62237"),a("2877")),i=Object(o.a)(s,(function(){var e=this,n=e.$createElement,a=e._self._c||n;return a("div",[a("div",{staticClass:"custom-table mt-20"},[a("span",{staticClass:"header"},
[e._v("申请人信息")]),a("a-row",{staticClass:"row column"},[a("a-col",{staticClass:"col col-title",attrs:{span:3}},
[e._v("姓名")]),a("a-col",{staticClass:"col col-title",attrs:{span:6}},
[e._v("证件类型")]),a("a-col",{staticClass:"col col-title",attrs:{span:4}},
[e._v("证件号码")]),a("a-col",{staticClass:"col col-title",attrs:{span:3}},
[e._v("联系电话")]),a("a-col",{staticClass:"col col-title",attrs:{span:5}}),a("a-col",{staticClass:"col col-title",attrs:{span:3}})],1),a("a-form",{attrs:{form:e.form},on:{submit:e.handleSubmit}},e._l(e.dataList,(function(n,t){return a("a-row",{key:t,staticClass:"row"},[a("a-col",{staticClass:"col",attrs:{span:3}},[a("a-form-item",[a("a-input",{directives:[{name:"decorator",rawName:"v-decorator",value:["dataList["+t+"][applicantName]",{validateTrigger:["blur"],rules:[{required:e.identityInfoRequired,whitespace:!0,message:"请填写"}]}],expression:"[ `dataList[${index}][applicantName]`,\n                        {\n                          validateTrigger: ['blur'],\n                          rules: [\n                            {\n                              required: identityInfoRequired,\n                              whitespace: true,\n                              message: '请填写',\n                            },\n                          ],\n                        },\n                ]"}],staticClass:"w100",attrs:{placeholder:"姓名",size:"small"}})],1)],1),a("a-col",{staticClass:"col",attrs:{span:6}},[a("a-form-item",[a("a-select",{directives:[{name:"decorator",rawName:"v-decorator",value:["dataList["+t+"][dicCertTypeCode]",{validateTrigger:["blur"],rules:[{required:e.identityInfoRequired,whitespace:!0,message:"请填写"}]}],expression:"[`dataList[${index}][dicCertTypeCode]`,\n                        {\n                          validateTrigger: ['blur'],\n                          rules: [\n                            {\n                              required: identityInfoRequired,\n                              whitespace: true,\n                              message: '请填写',\n                            },\n                          ],\n                        },\n                      ]"}],staticStyle:{width:"180px"},attrs:{dropdownClassName:"select-style",loading:e.loading,size:"small"},on:{dropdownVisibleChange:e._dropdownVisibleChange}},e._l(e.cardTypeOption,(function(n,t){return a("a-select-option",{key:t,attrs:{value:n.value}},[e._v(e._s(n.key)+"\n                ")])})),1)],1)],1),a("a-col",{staticClass:"col",attrs:{span:4}},[a("a-form-item",[a("a-input",{directives:[{name:"decorator",rawName:"v-decorator",value:["dataList["+t+"][certificateNo]",{validateTrigger:["blur"],rules:[{required:e.identityInfoRequired,whitespace:!0,message:"请填写"}]}],expression:"[`dataList[${index}][certificateNo]`,\n                        {\n                          validateTrigger: ['blur'],\n                          rules: [\n                            {\n                              required: identityInfoRequired,\n                              whitespace: true,\n                              message: '请填写',\n                            },\n                          ],\n                        },\n                      ]"}],staticClass:"w100",attrs:{placeholder:"证件号码",size:"small"}})],1)],1),a("a-col",{staticClass:"col",attrs:{span:3}},[a("a-form-item",[a("a-input",{directives:[{name:"decorator",rawName:"v-decorator",value:["dataList["+t+"][telephone]"],expression:"[`dataList[${index}][telephone]`]"}],staticClass:"w100",attrs:{placeholder:"联系电话",size:"small"}})],1)],1),a("a-col",{staticClass:"col",attrs:{span:5}},[a("div",{staticClass:"flex-between"},[a("a-button",{staticClass:"content-item gray-bg",on:{click:function(n){return e._readCradID(t)}}},[e._v("读取sfz")])],1)]),a("a-col",{staticClass:"col",attrs:{span:3}},[a("div",{staticClass:"flex-between"},[a("span",{staticClass:"action",on:{click:e._add}},[e._v("+")]),t>0?a("span",{staticClass:"action",on:{click:function(n){return e._del(t)}}},[e._v("-")]):e._e()])])],1)})),1)],1)])}),[],!1,null,"6b45343d",null);n.a=i.exports},"0c05":function(e,n,a){"use strict";var t={name:"FuniPdfModal",components:{FuniPDFPreview:a("0549").a},created:function(){},data:function(){return{title:"",visible:!1,confirmLoadingStatus:!1,pdfUrl:"",downloadLoading:!1,checkLoading:!1,esnKey:null,downloadBtn:!1,printBtn:!1}},computed:{},mounted:function(){},methods:{show:function(e){var n=this,t=e.templateData,c=e.title,s=e.openwatermark,o=void 0===s?1:s,i=a("e762").Base64;this.visible=!0,this.title=c;var u=null;t.html&&(u=i.encode(t.html)),this.$post(this.$globalApi.findTemplatePdf,{orgId:t.orgId,version:t.templateVersion,content:u,openwatermark:o,busData:u?{}:t.templateObjData||t.templateData,code:t.templateCode},{responseType:"blob"}).then((function(e){n.pdfUrl=window.URL.createObjectURL(e)})).finally((function(){n.$loading.hide()}))},showPdf:function(e){var n=this,a=e.url,t=e.params,c=e.title,s=e.downloadBtn,o=void 0!==s&&s,i=e.printBtn,u=void 0!==i&&i;this.esnKey=t.key,this.visible=!0,this.title=c,this.downloadBtn=o,this.printBtn=u,this.$post(a,t,{responseType:"blob"}).then((function(e){n.pdfUrl=window.URL.createObjectURL(e)})).finally((function(){n.$loading.hide()}))},_eviFileCheck:function(){},_eviFileDownload:function(){},print:function(){this.$refs.pdfPreViewRef.print()},_pdfFileDownload:function(){var e=document.createElement("a");e.download="".concat(this.title,".pdf"),e.href=this.pdfUrl,e.click(),URL.revokeObjectURL(blob)},hide:function(){this.visible=!1,this.pdfUrl=""},handleCancel:function(){this.hide()},handleOk:function(){}}},c=t,s=(a("c659"),a("e23b"),a("2877")),o=Object(s.a)(c,(function(){var e=this,n=e.$createElement,a=e._self._c||n;return a("div",[a("a-modal",{staticClass:"common_pdf_save",attrs:{maskClosable:!1,title:e.title,visible:e.visible,width:"95%",confirmLoading:e.confirmLoadingStatus,destroyOnClose:!0},on:{cancel:e.handleCancel,ok:e.handleOk}},[a("template",{slot:"footer"},[a("a-button",{key:"back",on:{click:e.handleCancel}},[e._v("取消")]),e.downloadBtn?a("a-button",{on:{click:e._pdfFileDownload}},[e._v("下载")]


请帮我看一下我该咋写代码才能填上上面的内容，万分感谢，解决后追加100精币感谢，再次感谢！

阿SSS

手铐警告⚠️ .还敢发论坛.不知道论坛内有叔叔吗

ruilikeji

阿SSS 发表于 2026-4-25 08:20
手铐警告⚠️ .还敢发论坛.不知道论坛内有叔叔吗

言重了，只是想快捷填表，不是干啥违法的事，哈哈

yb139

根据你提供的代码片段，这是一个基于 Vue.js 的表单应用。要自动填充这个表单，你需要访问 Vue 组件的实例并修改其 dataList 数据。

以下是几种可能的解决方案：

**方法1：通过控制台直接操作 Vue 实例**
```javascript
// 找到包含表单的 Vue 组件实例
const app = document.querySelector('.custom-table').__vue__;

// 设置表单数据
app.dataList[0] = {
  applicantName: '张三',
  dicCertTypeCode: '110', // sfz代码
  certificateNo: '123456789012345678',
  telephone: '13800138000'
};

// 如果需要添加多行
app._add(); // 调用组件的添加方法
```

**方法2：使用定时器和 MutationObserver**
```javascript
// 等待 Vue 实例加载完成后执行
function autoFillForm() {
  const vueInstance = document.querySelector('div[data-v-6b45343d]').__vue__;
  if (vueInstance && vueInstance.dataList) {
    vueInstance.dataList[0].applicantName = '张三';
    vueInstance.dataList[0].dicCertTypeCode = '110';
    vueInstance.dataList[0].certificateNo = '123456789012345678';
    vueInstance.dataList[0].telephone = '13800138000';
   
    // 触发更新
    vueInstance.$forceUpdate();
  } else {
    setTimeout(autoFillForm, 100);
  }
}
autoFillForm();
```

**方法3：使用油猴脚本在页面加载时自动填充**
```javascript
// ==UserScript==
// @name         自动填表
// @match        *://目标网站地址/*
// @grant        none
// ==/UserScript==

(function() {
  const observer = new MutationObserver(() => {
    const vueApp = document.querySelector('.custom-table').__vue__;
    if (vueApp) {
      vueApp.dataList[0] = {
        applicantName: '张三',
        dicCertTypeCode: '110',
        certificateNo: '123456789012345678',
        telephone: '13800138000'
      };
      observer.disconnect();
    }
  });
  observer.observe(document.body, { childList: true, subtree: true });
})();
```

注意事项：
1. 需要先在浏览器控制台找到正确的 Vue 实例选择器
2. dicCertTypeCode 的值需要从下拉选项中获取（如 110 代表sfz）
3. 如果表单有验证规则，可能需要同时触发验证事件

希望能帮到你！