1209测试，抓取规则，模板字段展示

src/views/officialSeal/components/grabRules.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <el-dialog title="设置抓取规则" :visible="rulesVisable" v-if="rulesVisable" @close="cancelRules" width="1000px"
+        <el-dialog title="设置抓取规则" :visible="rulesVisable" v-if="rulesVisable" @close="cancelRules"
             append-to-body :destroy-on-close="true" center>
             <el-button type="primary" icon="el-icon-plus" style="margin-bottom: 20px;"
                 @click="addForm">新增系统内置抓取规则</el-button>
@@ -10,38 +10,17 @@
                         <el-button type="primary" icon="el-icon-delete" style="margin-bottom: 20px;"
                             @click="deleteForm(item)">删除</el-button>
                         <el-row>
-                            <!-- <el-col :span="12">
-                                <el-form-item label="字段：" :prop="'forms.' + index + '.column'" :rules="[
-                                    {
-                                        required: true,
-                                        message: '字段不能为空',
-                                        trigger: 'blur',
-                                    },
-                                ]">
-                                    <el-input v-model="item.column" placeholder="请输入字段" />
-                                </el-form-item>
-                                <el-form-item label="字段：" :prop="'forms.' + index + '.column'" :rules="[
-                                    {
-                                        required: true,
-                                        message: '字段不能为空',
-                                    },
-                                ]">
-                                    <el-select v-model="item.column" placeholder="请选择">
-                                        <el-option v-for="dict in selectList" :key="dict.id" :label="dict.column"
-                                            :value="dict.column"></el-option>
-                                    </el-select>
-                                </el-form-item>
-                            </el-col> -->
                             <el-col :span="12">
-                                <!-- <el-form-item label="字段名：" :prop="'forms.' + index + '.columnName'" :rules="[
+                                <el-form-item label="抓取文件名：" :prop="'forms.' + index + '.fileName'" :rules="[
                                     {
                                         required: true,
-                                        message: '字段名不能为空',
+                                        message: '抓取文件名不能为空',
-                                        trigger: 'blur',
                                     },
                                 ]">
-                                    <el-input v-model="item.columnName" placeholder="请输入字段名" />
+                                    <el-input v-model="item.fileName" placeholder="请输入抓取文件名" />
-                                </el-form-item> -->
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
                                 <el-form-item label="字段名：" :prop="'forms.' + index + '.columnName'" :rules="[
                                     {
                                         required: true,
@@ -55,35 +34,33 @@
                                 </el-form-item>
                             </el-col>
                             <el-col :span="12">
-                                <el-form-item label="抓取文件名：" :prop="'forms.' + index + '.fileName'" :rules="[
+                                <el-form-item label="开始抓取字段：" :prop="'forms.' + index + '.startContent'">
-                                    {
-                                        required: true,
-                                        message: '抓取文件名不能为空',
-                                    },
-                                ]">
-                                    <el-input v-model="item.fileName" placeholder="请输入抓取文件名" />
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="开始抓取字段：" :prop="'forms.' + index + '.startContent'" :rules="[
-                                    {
-                                        required: true,
-                                        message: '开始抓取字段不能为空',
-                                    },
-                                ]">
                                     <el-input v-model="item.startContent" placeholder="请输入开始抓取字段" />
                                 </el-form-item>
                             </el-col>
                             <el-col :span="12">
-                                <el-form-item label="结束抓取字段：" :prop="'forms.' + index + '.endContent'" :rules="[
+                                <el-form-item label="结束抓取字段：" :prop="'forms.' + index + '.endContent'">
-                                    {
-                                        required: true,
-                                        message: '结束抓取字段不能为空',
-                                    },
-                                ]">
                                     <el-input v-model="item.endContent" placeholder="结束抓取字段" />
                                 </el-form-item>
                             </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="指定抓取位置：" :prop="'forms.' + index + '.startContentRepeatOrder'">
+                                    <el-input-number v-model="item.startContentRepeatorder" controls-position="right" :min="1"></el-input-number>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="抓取顺序：" :prop="'forms.' + index + '.endContentRepeatOrder'">
+                                    <el-input-number v-model="item.endContentRepeatorder" controls-position="right" :min="1"></el-input-number>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="抓取方向：" :prop="'forms.' + index + '.fatchOrder'">
+                                    <el-select v-model="item.fatchOrder" placeholder="请选择">
+                                        <el-option v-for="dict in fatchOrderList" :key="dict.key"
+                                            :label="dict.name" :value="dict.key"></el-option>
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
                         </el-row>
                     </div>
                 </el-form>
@@ -127,25 +104,33 @@
                                 </el-form-item>
                             </el-col>
                             <el-col :span="12">
-                                <el-form-item label="开始抓取字段：" :prop="'forms.' + index + '.startContent'" :rules="[
+                                <el-form-item label="开始抓取字段：" :prop="'forms.' + index + '.startContent'">
-                                    {
-                                        required: true,
-                                        message: '开始抓取字段不能为空',
-                                    },
-                                ]">
                                     <el-input v-model="item.startContent" placeholder="请输入开始抓取字段" />
                                 </el-form-item>
                             </el-col>
                             <el-col :span="12">
-                                <el-form-item label="结束抓取字段：" :prop="'forms.' + index + '.endContent'" :rules="[
+                                <el-form-item label="结束抓取字段：" :prop="'forms.' + index + '.endContent'">
-                                    {
-                                        required: true,
-                                        message: '结束抓取字段不能为空',
-                                    },
-                                ]">
                                     <el-input v-model="item.endContent" placeholder="结束抓取字段" />
                                 </el-form-item>
                             </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="指定抓取位置：" :prop="'forms.' + index + '.startContentRepeatOrder'">
+                                    <el-input-number v-model="item.startContentRepeatorder" controls-position="right" :min="1"></el-input-number>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="抓取顺序：" :prop="'forms.' + index + '.endContentRepeatOrder'">
+                                    <el-input-number v-model="item.endContentRepeatorder" controls-position="right" :min="1"></el-input-number>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="抓取方向：" :prop="'forms.' + index + '.fatchOrder'">
+                                    <el-select v-model="item.fatchOrder" placeholder="请选择">
+                                        <el-option v-for="dict in fatchOrderList" :key="dict.key"
+                                            :label="dict.name" :value="dict.key"></el-option>
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
                         </el-row>
                     </div>
                 </el-form>
@@ -179,7 +164,16 @@ export default {
             formData_custom: {
                 forms: []
             },
-            // selectList: []
+            fatchOrderList: [
+                {
+                    name:'从前向后抓取',
+                    key:0
+                },
+                {
+                    name:'从后往前抓取',
+                    key:1
+                }
+            ]
         };
     },
     watch: {
@@ -187,7 +181,7 @@ export default {
             if (val) {
                 this.formData.forms = [];
                 this.formData_custom.forms = [];
-                // this.getFatchRuleByTemplateidFn({ id: val.id })
+                this.getFatchRuleByTemplateidFn({ id: val.id })
             }
         }
     },
@@ -252,12 +246,22 @@ export default {
             });
         },
         // 根据id获取抓取规则
-        // getFatchRuleByTemplateidFn(data) {
+        getFatchRuleByTemplateidFn(data) {
-        //     getFatchRuleByTemplateid(data).then(res => {
+            getFatchRuleByTemplateid(data).then(res => {
-        //         // this.formData.forms = res.data;
+                // this.formData.forms = res.data;
-        //         this.selectList = res.data
+                // this.selectList = res.data
-        //     })
+                this.formData.forms = [];
-        // },
+                this.formData_custom.forms = [];
+                console.log(res.data,"LLLLLLLLLLLLLLLLLLLLLLLLLLLL");
+                res.data.forEach(item => {
+                    if(item.isDefault == 0){
+                        this.formData.forms.push(item)
+                    }else if(item.isDefault == 1){
+                        this.formData_custom.forms.push(item)
+                    }
+                });
+            })
+        },
         // 提交抓取规则
         saveFatchRulesFn(data) {
             saveFatchRules(data).then(res => {

src/views/officialSeal/components/temmplateList.vue

@@ -0,0 +1,58 @@
+<template>
+    <div>
+        <el-dialog :title="title" :visible="listVisable" v-if="listVisable" @close="cancel" width="800px" center
+            :distroy-on-close="true">
+            <el-table v-loading="loading" :data="dataList" style="width: 100%">
+                <el-table-column label="字段" align="center" prop="column" :show-overflow-tooltip="true" />
+                <el-table-column label="字段名" align="center" prop="columnName" :show-overflow-tooltip="true" />
+            </el-table>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import {
+    getFatchRuleByTemplateid
+} from "@/api/officialSeal/officialSeal.js";
+export default {
+    props: ["listVisable", "listData", "queryParams"],
+    data() {
+        return {
+            title: "模板字段列表",
+            // 遮罩层
+            loading: false,
+            dataList:[]
+        };
+    },
+    watch: {
+        listData(val) {
+            if (val) {
+                getFatchRuleByTemplateid({ id: val.id }).then(res=>{
+                    this.dataList = res.data;
+                })
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        cancel() {
+            this.$emit("cancelList");
+        },
+    },
+};
+</script>
+  
+<style lang="scss" scoped>
+.steps {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.radiobox {
+    margin-top: 30px;
+}
+</style>

src/views/officialSeal/templateManagement.vue

@@ -21,6 +21,7 @@
                     <el-button size="mini" @click="deleteTemplate(scope.row)" type="text" icon="el-icon-delete">删除</el-button>
                     <el-button size="mini" @click="eidtTemplate(scope.row)" type="text" icon="el-icon-edit">修改模板</el-button>
                     <el-button size="mini" @click="grabRulesClick(scope.row)" type="text" icon="el-icon-edit">设置抓取规则</el-button>
+                    <el-button size="mini" @click="templateList(scope.row)" type="text" icon="el-icon-edit">模板字段列表</el-button>
                 </template>
             </el-table-column>
         </el-table>
@@ -33,7 +34,8 @@
         </sealManage>
         <editTemplate :editVisable="editVisable" @cancelEdit="cancelEdit" @getList="getList" :editData="editData" :queryParams="queryParams"></editTemplate>
         <grabRules :rulesVisable="rulesVisable" @cancelRules="cancelRules" @getList="getList" :rulesData="rulesData" :queryParams="queryParams"></grabRules>
-    </div>
+        <temmplateList :listVisable="listVisable" @cancelList="cancelList" @getList="getList" :listData="listData" :queryParams="queryParams"></temmplateList>
+   </div>
 </template>
   
 <script>
@@ -46,7 +48,8 @@ import addInstitution from "./components/addInstitution";
 import addTemplate from "./components/addTemplate";
 import sealManage from "./components/sealManage";
 import editTemplate from "./components/editTemplate";
-import grabRules from "./components/grabRules.vue"
+import grabRules from "./components/grabRules.vue";
+import temmplateList from "./components/temmplateList.vue";
 export default {
     name: "paymentList",
     components: {
@@ -54,7 +57,8 @@ export default {
         addTemplate,
         sealManage,
         editTemplate,
-        grabRules
+        grabRules,
+        temmplateList
     },
     data() {
         return {
@@ -79,7 +83,9 @@ export default {
             sealData: {},
             editVisable:false,
             editData:{},
-            rulesData:{}
+            rulesData:{},
+            listVisable:false,
+            listData:{}
         };
     },
     created() {
@@ -120,6 +126,14 @@ export default {
         cancelEdit() {
             this.editVisable = false;
         },
+        // 模板字段列表
+        templateList(row){
+            this.listVisable = true;
+            this.listData = row;
+        },
+        cancelList(){
+            this.listVisable = false;
+        },
         // 抓取规则
         grabRulesClick(row){
             this.rulesVisable = true;