Merge branch 'dev' of http://git.xayunmei.com/SH-Arbitrate/Arbitrate-Frontend into hcb

src/api/caseAccess/caseEntry.js

     data: data
   })
 }
+// 抓取内容修改
+export function editCaseApplicationDefineval(data) {
+  return request({
+    url: '/caseApplication/editCaseApplicationDefineval',
+    method: 'post',
+    data: data
+  })
+}
 // 删除案件信息 
 export function removeCaseApply(data) {
   return request({

src/api/caseFiling/caseFiling.js

     params: data
   })
 }
+
+
+
+
 //根据案件id查询视频列表
 export function videoList(data) {
   return request({
     method: 'get',
     params: data
   })
-}
+}
+// 下载案件压缩包
+export function downloadCaseZipFile(data) {
+  return request({
+    url: '/caseApplication/downloadCaseZipFile',
+    method: 'post',
+    data: data
+  })
+}

src/api/home.js

     method: 'get'
   })
 }
+
+
+
+
+
+

src/api/officialSeal/officialSeal.js

         method: 'post',
         data: data
     })
+}
+// 模板字段列表
+export function getTemplateInfoById(data) {
+    return request({
+        url: '/deptIdentify/getTemplateInfoById',
+        method: 'get',
+        params: data
+    })
 }

src/views/awardManagement/components/detailsAward.vue

             <el-tab-pane label="申请人案件证据资料" name="first"></el-tab-pane>
             <el-tab-pane label="被申请人案件证据资料" name="second"></el-tab-pane>
             <el-tab-pane label="裁决书附件" name="third"></el-tab-pane>
-            <el-tab-pane label="仲裁申请书" name="fourth"></el-tab-pane>
+            <!-- <el-tab-pane label="仲裁申请书" name="fourth"></el-tab-pane> -->
             <el-tab-pane label="案件视频" name="five"></el-tab-pane>
             <el-tab-pane label="庭审笔录" name="six"></el-tab-pane>
          </el-tabs>

src/views/awardManagement/components/paymentdetailsDialog.vue

       </div> -->
       <!-- 清除画布 -->
       <div slot="footer" class="dialog-footer">
-        <el-button type="danger" @click="submitForm(4)" v-if="flag == 1">重新生成裁决书</el-button>
+        <!-- <el-button type="danger" @click="submitForm(4)" v-if="flag == 1">重新生成裁决书</el-button> -->
         <el-button type="primary" @click="submitForm(0)" v-if="flag == 1">提 交</el-button>
         <el-button type="primary" @click="submitForm(1)" v-if="flag == 2">同 意</el-button>
         <el-button type="danger" @click="submitForm(2)" v-if="flag == 2">驳 回</el-button>

src/views/caseFiling/archiveList.vue

         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
-    <!-- <el-row style="margin-bottom:5px;">
-         <el-button type="primary" size="mini" icon="el-icon-download" @click="downloadZips">案件归档</el-button>
-    </el-row> -->
     <el-table v-loading="loading" :data="dataList" style="width: 100%">
       <el-table-column label="序号" type="index" align="center">
         <template slot-scope="scope">
 <script>
 import { caseApplicationList, selectSignSealUrl,caseApplicationDetail } from "@/api/awardManagement/awardManagement";
 import { caseLogRecordList, logistics } from "@/api/caseManagement/caseManagement";
-import { adjudicationArchives, videoList } from "@/api/caseFiling/caseFiling";
+import { adjudicationArchives, videoList,downloadCaseZipFile} from "@/api/caseFiling/caseFiling";
 import archiveDetailsDialog from "./components/archiveDetailsDialog.vue";
 export default {
   name: "archiveList",
   components: { archiveDetailsDialog },
   data() {
     return {
+      fileURL: window.location.origin + "/API",
       queryParams: {
         pageNum: 1,
         pageSize: 10,
     },
     // 下在案件归档压缩包
     downloadZips(row){
-      //  console.log(this.download) 
+       downloadCaseZipFile({ id: row.id }).then(res => {
+         let url = this.fileURL+res.data.annexPath
+        window.open(url)
+      })
     },
     // 查询列表数据
     getList(parms) {

src/views/caseManagement/caseList.vue

       <el-form-item label="案件编号" prop="caseNum">
         <el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
-      <el-form-item label="申请人(机构)" prop="applicantName">
+      <el-form-item label="申请人" prop="applicantName">
         <!-- <el-input
           v-model="queryParams.applicantName"
           placeholder="请输入机构名称"
         </template>
       </el-table-column>
       <el-table-column label="案件编号" align="center" prop="caseNum" :show-overflow-tooltip="true" />
-      <el-table-column label="申请人(机构)" align="center" prop="applicantName" :show-overflow-tooltip="true" />
+      <el-table-column label="申请人" align="center" prop="applicantName" :show-overflow-tooltip="true" />
       <el-table-column label="案件标的" align="center" prop="caseSubjectAmount" />
       <el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
       <!-- 仲裁员 -->
     <!-- 立案申请弹框 -->
     <caseentryDialog :visible="visible" @cancel="cancel" :form="form" :queryParams="queryParams"
       :dialogtitle="dialogtitle" :getcaseApply="getcaseApply" :flag="flag" :caseAttachList="caseAttachList"
-      :initpaymentArr="initpaymentArr" :initpaymentArr1="initpaymentArr1"></caseentryDialog>
+      :initpaymentArr="initpaymentArr" :initpaymentArr1="initpaymentArr1" :columnValues="columnValues"></caseentryDialog>
     <!-- 批量申请弹框 openbatch-->
     <batchDialog :openbatch="openbatch" :queryParams="queryParams" @cancelBatch="cancelBatch"
       :getcaseApply="getcaseApply"></batchDialog>
       :uploadCaseData="uploadCaseData">
     </uploadCaseDialog>
     <!-- 秘书审核修改页面 -->
-    <caseentryExamineDialog :dialogtitle="dialogtitle" :caseentryExamineVisible="caseentryExamineVisible" :queryParams="queryParams"
-    :getcaseApply="getcaseApply"
+    <caseentryExamineDialog :dialogtitle="dialogtitle" :caseentryExamineVisible="caseentryExamineVisible" :queryParams="queryParams" :afterColumnValues="afterColumnValues"
+    :getcaseApply="getcaseApply" 
     @caseentryExamineCancel="caseentryExamineCancel" :caseentryExamineData="caseentryExamineData" :caseentryExamineDataAll="caseentryExamineDataAll"></caseentryExamineDialog>
     <caseCompressionPackage :openCompressedPackages="openCompressedPackages" :queryParams="queryParams" @cancelCompreess="cancelCompreess"
       :getcaseApply="getcaseApply">
       isapply: "申请人：",
       // 表格数据
       dataList: [],
+      // 抓取数据
+      columnValues:[],
+      // 审核修改抓取数据
+      afterColumnValues:[],
       // 查询参数
       queryParams: {
         caseNum: undefined,
           res.data.caseStatusName = "待缴费";
         }
         this.form = res.data;
+        console.log(this.form)
         this.payForm.feePayable = res.data.feePayable;
         this.payForm.caseId = res.data.id;
       });
     },
     // 审核案件 selectCompareCase caseentryExamineData
     reviewCase(row) {
-      this.caseentryExamineVisible = true;
+      
       this.dialogtitle = "审核修改详情";
       this.getSelectCompareCase(row)
+     
     },
     // 秘书审核修改页面 caseentryExamineVisible
     caseentryExamineCancel() {
         version:val.version
       }
       selectCompareCase(param).then((res) => {
+        this.afterColumnValues = res.data.afterCase.columnValues
+        console.log(this.afterColumnValues+"8888888888")
         this.caseentryExamineData = res.data.afterCase
         this.caseentryExamineDataAll = res.data
+        this.caseentryExamineVisible = true;
       })
     },
     // 审核撤销
             this.initpaymentArr1.push(item);
           }
         });
+        this.columnValues = res.data.columnValues;
         this.caseAttachList = res.data.caseAttachList;
         // console.log(this.caseAttachList,"caseAttachList")
         this.form.requestRule = res.data.requestRule;

src/views/caseManagement/components/caseentryDialog.vue

   <div>
     <el-dialog :title="dialogtitle" :visible="visible" @close="cancel" width="1000px" append-to-body
       :destroy-on-close="true" center>
-      <!-- 案件信息 -->
+      <!-- tab页 -->
+       <el-tabs v-model="activeName" @tab-click="handleClick" v-show="form.id != undefined && form.id != null">
+          <el-tab-pane label="案件基本信息" name="first"></el-tab-pane>
+          <el-tab-pane label="自定义抓取内容" name="second"></el-tab-pane>
+      </el-tabs>
+      <div v-show="activeName=='first'">
+           <!-- 案件信息 -->
       <el-form ref="form" :model="formData" :rules="rules" label-width="150px" :disabled="flag == '0'">
         <div style="display: inline-flex">
           <div class="infoIcon"></div>
           </el-col>
           <!-- 申请人仲裁诉求 -->
           <el-col :span="24">
-            <el-form-item label="申请人仲裁请求及事实和理由" prop="arbitratClaims">
+            <el-form-item label="申请人仲裁请求" prop="arbitratClaims">
               <el-input v-model="formData.arbitratClaims" placeholder="请输入申请人仲裁诉求" type="textarea"
                 :autosize="{ minRows: 4, maxRows: 8 }" />
             </el-form-item>
           </el-col>
+          <el-col :span="24">
+              <el-form-item label="事实和理由" prop="arbitratClaims">
+                <el-input v-model="formData.arbitratClaims" placeholder="请输入申请人仲裁诉求" type="textarea"
+                :autosize="{ minRows: 4, maxRows: 8 }" />
+              </el-form-item>
+          </el-col>
           <el-col :span="12">
             <el-form-item label="申请人案件证据资料上传：" prop="applicantEvidence" v-if="flag !== '0'">
               <el-upload class="upload-demo" ref="fileupload" accept=".png,.jpg,.doc,.docx,.txt,.pdf"
               <el-form-item label="被申请人性别：" :prop="'paymentArr1.' + index + '.responSex'" :rules="[
                 {
                   required: true,
+                  message: '请选择性别'
                 },
               ]">
                 <el-radio-group v-model="itm.responSex">
         @click="generateForm1()"
         >新增被申请人主体信息</el-button
       > -->
-      <div>
-         <div style="display: inline-flex">
-            <div class="infoIcon"></div>
-            <div class="caseInfo2">仲裁申请书:</div>
+        <div>
+          <div style="display: inline-flex">
+              <div class="infoIcon"></div>
+              <div class="caseInfo2">仲裁申请书:</div>
+            </div>
+          <div v-for="item in caseAttachList" :key ="item.annexId" v-if="item.annexType==1" style="margin-top:-25px;margin-left:100px;">
+            <el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
           </div>
-        <div v-for="item in caseAttachList" :key ="item.annexId" v-if="item.annexType==1" style="margin-top:-25px;margin-left:100px;">
-          <el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
         </div>
+            <div slot="footer" class="dialog-footer" style="text-align:center;margin-top:20px;">
+            <el-button type="primary" @click="submitForm" v-if="flag != 0" class="endbutton"><span>确 定</span></el-button>
+            <el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
+          </div>
+        
       </div>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm" v-if="flag != 0" class="endbutton"><span>确 定</span></el-button>
-        <el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
+      
+      <div v-show="activeName=='second'" style="margin-top:20px;">
+        <el-form :model="formGrab"  label-width="120px" :disabled ="flag == '0'">
+         
+            <el-form-item  v-for="(item,index) in formGrab.list"  :label="item.name" :key="item.id">
+                <el-input type="textarea" v-model="item.value"></el-input>
+            </el-form-item>
+          
+        </el-form>  
+        <!-- <el-col :span="24">
+          <div style="text-align:center;margin-top:50px;">
+            <el-button type="primary" @click="submitFormGrab" v-if="flag != 0" class="endbutton"><span>确 定</span></el-button>
+            <el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
+          </div>
+        </el-col> -->
+          
+        
       </div>
     </el-dialog>
   </div>
 <script>
 import moment from "moment"; //导入文件
 import { getToken } from "@/utils/auth";
-import { addCaseApply, editCaseApply } from "@/api/caseAccess/caseEntry";
+import { addCaseApply, editCaseApply,editCaseApplicationDefineval} from "@/api/caseAccess/caseEntry";
 export default {
   props: [
     "visible",
     "initpaymentArr1",
     "queryParams",
     "caseAttachList",
+    "columnValues"
   ],
   data() {
     return {
+      activeName: 'first',
       fileURL: window.location.origin + "/API",
       formData: this.form,
       filedata: {
           },
         ],
       }, //被申请人主体信息
+      // 抓取内容
+      formGrab:{
+        list:[]
+      },
+      formGrabList:[],
       // 表单校验
       rules: {
         // caseNum: [
   watch: {
     initpaymentArr: {
       handler(val) {
+        this.activeName = "first"
+        this.formGrab.list = this.columnValues
          this.caseAttachListArr = []
         if (val) {
           this.applicateArr = [];
                     "YYYY-MM-DD HH:mm:ss"
                   );
                   if (this.formData.id) {
+                    this.formData['columnValues'] = this.formGrab.list
                     editCaseApply({
                       ...this.formData,
                       caseAffiliates: this.formData.caseAffiliates,
         }
       });
     },
+    // 提交抓取内容修改
+    // submitFormGrab(){
+    //   this.$refs['formGrabRef'].validate((valid) => {
+    //      if(valid){
+    //        this.formGrabList['columnValues']= this.formGrab.list
+           
+    //        console.log(this.formGrabList)
+    //        editCaseApplicationDefineval({columnValues:this.formGrab.list}).then(res=>{
+    //          if (res.code == 200) {
+    //             this.$modal.msgSuccess("修改成功");
+    //             this.$emit("cancel");
+    //             this.getcaseApply(this.queryParams);
+    //           }
+    //        })
+    //      }
+    //   });
+    // },
     // 详情显示，展示申请人案件文件
     toFile(item, index) {
       window.open(
         "_black"
       );
     },
+    // tabs页
+     handleClick(tab, event) {
+        // console.log(tab, event);
+    }
   },
 };
 </script>

src/views/caseManagement/components/caseentryExamine.vue

       :visible="caseentryExamineVisible"
       @close="cancel"
       width="1000px"
+      height="800px"
       append-to-body
       :destroy-on-close="true"
       center
     >
-      <!-- 案件信息 -->
+    <!-- tab页 -->
+     <el-tabs v-model="activeName" @tab-click="handleClick">
+          <el-tab-pane label="案件基本信息" name="first"></el-tab-pane>
+          <el-tab-pane label="自定义抓取内容" name="second"></el-tab-pane>
+      </el-tabs>
+      <div v-show="activeName=='first'">
+         <!-- 案件信息 -->
       <el-form
         ref="form"
         :model="formData"
           </el-row>
         </div>
       </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button
-          type="primary"
-          @click="submitIsAgree(1)"
-          v-if="
-            formData.updateSubmitStatus == 1 || formData.updateSubmitStatus == 2
-          "
-          class="endbutton"
-          ><span>同 意</span></el-button
-        >
-        <el-button
-          type="warning"
-          @click="submitIsAgree(0)"
-          v-if="
-            formData.updateSubmitStatus == 1 || formData.updateSubmitStatus == 2
-          "
-          class="endbutton2"
-          ><span>拒 绝</span></el-button
-        >
+        <div slot="footer" class="dialog-footer" style="text-align:center;margin-top:20px;">
+          <el-button
+            type="primary"
+            @click="submitIsAgree(1)"
+            v-if="
+              formData.updateSubmitStatus == 1 || formData.updateSubmitStatus == 2
+            "
+            class="endbutton"
+            ><span>同 意</span></el-button
+          >
+          <el-button
+            type="warning"
+            @click="submitIsAgree(0)"
+            v-if="
+              formData.updateSubmitStatus == 1 || formData.updateSubmitStatus == 2
+            "
+            class="endbutton2"
+            ><span>拒 绝</span></el-button
+          >
+        </div>
+      </div>
+      <div v-show="activeName=='second'">
+        <el-form :model="formGrab"  label-width="120px" >
+         
+            <el-form-item  v-for="(item,index) in formGrab.list"  :label="item.name" :key="item.id">
+                <el-input type="textarea" v-model="item.value"></el-input>
+            </el-form-item>
+          
+        </el-form> 
+        
       </div>
+     
     </el-dialog>
   </div>
 </template>
     "caseAttachList",
     "caseentryExamineVisible",
     "caseentryExamineData",
-    "caseentryExamineDataAll"
+    "caseentryExamineDataAll",
+    "afterColumnValues"
   ],
   data() {
     return {
+      activeName: 'first',
+       // 抓取内容
+      formGrab:{
+        list:[]
+      },
       formData: {},
       changeLableCode: [],
       changeLableCode1: [],
       changeLableCode2: [],
+      changeLableColumn:[],
       filedata: {
         annexType: 2,
       },
   watch: {
     caseentryExamineVisible: {
       handler(val) {
+        this.activeName = "first"
+        this.formGrab.list = this.caseentryExamineDataAll.afterCase.columnValues
+        console.log(this.formGrab.list)
         setTimeout(() => {
           if (val) {
             this.applicateArr = [];
             this.formData = this.caseentryExamineData;
             if (this.caseentryExamineDataAll.changeColumn) {
               this.changeLableCode = this.caseentryExamineDataAll.changeColumn.split(',')
+              console.log(this.changeLableCode)
             } else {
               this.changeLableCode = []
             }
             } else {
               this.changeLableCode2 = []
             }
+            if(this.caseentryExamineDataAll.columnValueChangeColumn){
+              let changeLableColumn1 = this.caseentryExamineDataAll.columnValueChangeColumn.split(',')
+              
+            }else{
+              this.changeLableColumn = []
+            }
             this.fileList = [];
             this.form2.paymentArr = [
               this.caseentryExamineData.caseAffiliates[0],
         updateSubmitStatus: this.formData.updateSubmitStatus,
         isAgree: row,
         version: this.formData.version,
+        columnValues:this.formGrab.list
       };
       updateAudit(parms).then((res) => {
         this.$modal.msgSuccess("审核成功");
         "_black"
       );
     },
+    // tab页
+    handleClick(tab, event){
+      
+    }
   },
 };
 </script>

src/views/caseManagement/components/payDialog.vue

             {{ form.caseStatusName }}
           </el-tag>
         </el-descriptions-item>
-        <el-descriptions-item label="申请人仲裁诉求">{{
+        <!-- <el-descriptions-item label="申请人仲裁诉求">{{
           form.arbitratClaims
+        }}</el-descriptions-item> -->
+        <el-descriptions-item label="案件理由">{{
+          form.facts
         }}</el-descriptions-item>
       </el-descriptions>
       <div class="paySelectType">

src/views/caseManagement/components/trialincourtDialog.vue

         <!-- </el-form> -->
       </el-form>
       <el-button @click="openmeeting" type="primary">发起会议</el-button>
-      <el-button @click="openArbitrationresults" type="primary" v-if="this.recordArr.length <= 0">生成庭审笔录</el-button>
+      <el-button @click="openArbitrationresults" type="primary" v-if="this.recordArr.length <= 0">确认会议结果</el-button>
       <div slot="footer" class="dialog-footer">
         <el-button class="endbutton" :disabled="showsubmit && recordArr.length == 0" @click="submitResults">提交</el-button>
         <el-button @click="cancel" class="endbutton1"><span>关 闭</span></el-button>
       user: "",
       userId: 1,
       showArbitrationresults: false,
-      form2: {},
+      form2: {
+        isAbsence:0,
+        appliIsAbsen:0
+      },
       applicateArr: [], //申请人案件资料
       quiltArr: [], //被申请人案件资料
       recordArr: [], //笔录附件
     submitForm() {
       this.$refs["form2"].validate((valid) => {
         if (valid) {
+          
           creatTrialRecordnew({
             caseAppliId: this.formData.id,
             // evidenDetermi: this.form2.evidenDetermi,
               this.$modal.msgSuccess("提交成功");
               this.showsubmit = false;
               this.closeArbitrationresults();
+              this.form2.respondentOpinion ="";
+              this.form2.applicantOpinion = "";
+              
             })
             .catch((err) => { });
         }

src/views/index.vue

         </div>
       </div>
       <div class="cardList" v-hasPermi="['home:arbitratorCheck']" @click="pushPage(18)">
-        <div class="badge">{{ dataCount.caseApplyAwardCheck }}</div>
+        <div class="badge">{{ dataCount.arbitratorApplyAwardConfirm }}</div>
         <div class="cardMain">
           <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
         </div>

src/views/officialSeal/components/grabRules.vue

 <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>
                         <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="[
+                            <el-col :span="12">
+                                <el-form-item label="抓取文件名：" :prop="'forms.' + index + '.fileName'" :rules="[
                                     {
                                         required: true,
-                                        message: '字段不能为空',
+                                        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-input v-model="item.fileName" placeholder="请输入抓取文件名" />
                                 </el-form-item>
-                            </el-col> -->
+                            </el-col>
                             <el-col :span="12">
-                                <!-- <el-form-item label="字段名：" :prop="'forms.' + index + '.columnName'" :rules="[
-                                    {
-                                        required: true,
-                                        message: '字段名不能为空',
-                                        trigger: 'blur',
-                                    },
-                                ]">
-                                    <el-input v-model="item.columnName" placeholder="请输入字段名" />
-                                </el-form-item> -->
                                 <el-form-item label="字段名：" :prop="'forms.' + index + '.columnName'" :rules="[
                                     {
                                         required: true,
                                 </el-form-item>
                             </el-col>
                             <el-col :span="12">
-                                <el-form-item label="抓取文件名：" :prop="'forms.' + index + '.fileName'" :rules="[
-                                    {
-                                        required: true,
-                                        message: '抓取文件名不能为空',
-                                    },
-                                ]">
-                                    <el-input v-model="item.fileName" placeholder="请输入抓取文件名" />
+                                <el-form-item label="开始抓取字段：" :prop="'forms.' + index + '.startContent'">
+                                    <el-input v-model="item.startContent" 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 label="结束抓取字段：" :prop="'forms.' + index + '.endContent'">
+                                    <el-input v-model="item.endContent" placeholder="结束抓取字段" />
                                 </el-form-item>
                             </el-col>
                             <el-col :span="12">
-                                <el-form-item label="结束抓取字段：" :prop="'forms.' + index + '.endContent'" :rules="[
-                                    {
-                                        required: true,
-                                        message: '结束抓取字段不能为空',
-                                    },
-                                ]">
-                                    <el-input v-model="item.endContent" placeholder="结束抓取字段" />
+                                <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>
                                 </el-form-item>
                             </el-col>
                             <el-col :span="12">
-                                <el-form-item label="开始抓取字段：" :prop="'forms.' + index + '.startContent'" :rules="[
-                                    {
-                                        required: true,
-                                        message: '开始抓取字段不能为空',
-                                    },
-                                ]">
+                                <el-form-item label="开始抓取字段：" :prop="'forms.' + index + '.startContent'">
                                     <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="[
-                                    {
-                                        required: true,
-                                        message: '结束抓取字段不能为空',
-                                    },
-                                ]">
+                                <el-form-item label="结束抓取字段：" :prop="'forms.' + index + '.endContent'">
                                     <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>
             formData_custom: {
                 forms: []
             },
-            // selectList: []
+            fatchOrderList: [
+                {
+                    name:'从前向后抓取',
+                    key:0
+                },
+                {
+                    name:'从后往前抓取',
+                    key:1
+                }
+            ]
         };
     },
     watch: {
             if (val) {
                 this.formData.forms = [];
                 this.formData_custom.forms = [];
-                // this.getFatchRuleByTemplateidFn({ id: val.id })
+                this.getFatchRuleByTemplateidFn({ id: val.id })
             }
         }
     },
             });
         },
         // 根据id获取抓取规则
-        // getFatchRuleByTemplateidFn(data) {
-        //     getFatchRuleByTemplateid(data).then(res => {
-        //         // this.formData.forms = res.data;
-        //         this.selectList = res.data
-        //     })
-        // },
+        getFatchRuleByTemplateidFn(data) {
+            getFatchRuleByTemplateid(data).then(res => {
+                // this.formData.forms = 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

+<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 {
+    getTemplateInfoById
+} from "@/api/officialSeal/officialSeal.js";
+export default {
+    props: ["listVisable", "listData", "queryParams"],
+    data() {
+        return {
+            title: "模板字段列表",
+            // 遮罩层
+            loading: false,
+            dataList:[]
+        };
+    },
+    watch: {
+        listData(val) {
+            if (val) {
+                getTemplateInfoById({ 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

                     <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>
         </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>
 import {
     getTemplate,
-    deleteTemplate
+    deleteTemplate,
+    getTemplateInfoById
 } from "@/api/officialSeal/officialSeal.js";
 
 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: {
         addTemplate,
         sealManage,
         editTemplate,
-        grabRules
+        grabRules,
+        temmplateList
     },
     data() {
         return {
             sealData: {},
             editVisable:false,
             editData:{},
-            rulesData:{}
+            rulesData:{},
+            listVisable:false,
+            listData:{}
         };
     },
     created() {
         cancelEdit() {
             this.editVisable = false;
         },
+        // 模板字段列表
+        templateList(row){
+            this.listVisable = true;
+            this.listData = row;
+        },
+        cancelList(){
+            this.listVisable = false;
+        },
         // 抓取规则
         grabRulesClick(row){
             this.rulesVisable = true;

vue.config.js

 
 const port = process.env.port || process.env.npm_config_port || 80 // 端口
 
-// const API = 'http://121.40.189.20:9001'  //生产
-const API = 'http://121.40.189.20:8001'  //测试
+const API = 'http://121.40.189.20:9001'  //生产
+// const API = 'http://121.40.189.20:8001'  //测试
 // const API = 'http://192.168.3.18:9001'  //B
 // const API = 'http://192.168.3.77:9001' //Q