From edc371ed308a1c662bc2f29810d9b34119efd0cd Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Fri, 14 Oct 2022 11:36:06 +0800
Subject: [PATCH 1/5] =?UTF-8?q?=E5=BD=93=E5=89=8D=E5=B1=8A=E6=AC=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AppOrganizationChange/components/List.vue |  28 ++++-
 .../components/addChange.vue                  |  20 +++
 .../components/history.vue                    |  17 ++-
 .../components/moment.vue                     | 119 +++++++++++++++++-
 4 files changed, 174 insertions(+), 10 deletions(-)

diff --git a/project/pingchang/apps/AppOrganizationChange/components/List.vue b/project/pingchang/apps/AppOrganizationChange/components/List.vue
index cb6079d5..9a18aa45 100644
--- a/project/pingchang/apps/AppOrganizationChange/components/List.vue
+++ b/project/pingchang/apps/AppOrganizationChange/components/List.vue
@@ -1,7 +1,11 @@
 <template>
   <ai-list class="List">
-    <template slot="title">
-      <ai-title title="组织换届" isShowBottomBorder/>
+    <template slot="title" class="title">
+      <ai-title title="组织换届" isShowBottomBorder>
+        <template slot="rightBtn">
+          <el-button size="small" type="primary" icon="iconfont iconAdd" @click="toAdd('')" >换届设置</el-button>
+        </template>
+      </ai-title>
     </template>
     <template #left>
       <ai-tree-menu title="组织目录" searchPlaceholder="请输入组织名称" @search="onSearch">
@@ -29,6 +33,7 @@
 import {mapState} from 'vuex'
 import moment from './moment.vue'
 import history from './history.vue'
+import Template from '../../../../../packages/work/AppAskForm/components/Template.vue'
 
 
 export default {
@@ -73,10 +78,12 @@ export default {
   },
   components: {
     moment,
-    history
+    history,
+    Template
   },
   computed: {
     ...mapState(['user']),
+    
     orgTree() {
       return this.$refs.tree?.$refs?.partyTree
     },
@@ -94,6 +101,7 @@ export default {
   created() {
     // this.dict.load('disciplinary', 'partyType', 'sex', 'nation', 'education', 'partyStatus', 'partyPosition', 'flowStatus', 'auditStatus')
     // this.getList()
+    console.log(this.user);
   },
   methods: {
     showNeighbourSetting(id) {
@@ -160,10 +168,24 @@ export default {
 
 <style lang="scss" scoped>
 .List {
+  position: relative;
+
   .party-table__btns {
     display: flex;
     align-items: center;
   }
+    
+  .set_btn {
+    position: absolute;
+    right: 20px;
+    top: 8px;
+  }
+
+  // .add_btn {
+  //   position: absolute;
+  //   right: 38px;
+  //   top: 78px;
+  // }
 
   ::v-deep .audit-0 {
     color: #FF8822 !important;
diff --git a/project/pingchang/apps/AppOrganizationChange/components/addChange.vue b/project/pingchang/apps/AppOrganizationChange/components/addChange.vue
index e69de29b..8a8c60f1 100644
--- a/project/pingchang/apps/AppOrganizationChange/components/addChange.vue
+++ b/project/pingchang/apps/AppOrganizationChange/components/addChange.vue
@@ -0,0 +1,20 @@
+<template>
+  <section class="addChange">
+    新增 
+  </section>
+</template>
+
+<script>
+export default {
+  name: "addChange",
+  props: {
+    instance: Function,
+    permissions: Function,
+    dict: Object,
+  },
+}
+</script>
+
+<style lang="scss" scope>
+.addChange {}
+</style>
\ No newline at end of file
diff --git a/project/pingchang/apps/AppOrganizationChange/components/history.vue b/project/pingchang/apps/AppOrganizationChange/components/history.vue
index a109a175..182b2f92 100644
--- a/project/pingchang/apps/AppOrganizationChange/components/history.vue
+++ b/project/pingchang/apps/AppOrganizationChange/components/history.vue
@@ -1,13 +1,22 @@
 <template>
-  <div>历史届次</div>
+  <section class="history">
+    历史届次hhh 
+  </section>
 </template>
 
 <script>
 export default {
-
+  name: "history",
+  props: {
+    instance: Function,
+    permissions: Function,
+    dict: Object,
+  },
 }
 </script>
 
-<style>
-
+<style lang="scss" scope>
+.history {
+  
+}
 </style>
\ No newline at end of file
diff --git a/project/pingchang/apps/AppOrganizationChange/components/moment.vue b/project/pingchang/apps/AppOrganizationChange/components/moment.vue
index cf98bad6..a2920e4e 100644
--- a/project/pingchang/apps/AppOrganizationChange/components/moment.vue
+++ b/project/pingchang/apps/AppOrganizationChange/components/moment.vue
@@ -1,13 +1,126 @@
 <template>
-  <div>当前届次</div>
+  <section class="moment">
+    <ai-detail>
+      <template slot="content">
+        <ai-bar title="总体概况">
+          <template slot="right">
+            <el-button size="small" type="text" icon="iconfont iconEdit" @click="toEdit('')" >修改</el-button>
+          </template>
+        </ai-bar>
+        <ai-wrapper>
+          <ai-info-item label="本届换届时间" :value="111" />
+          <ai-info-item label="换届类型" :value="111" />
+          <ai-info-item label="下届换届时间" :value="111" />
+          <ai-info-item label="当前届次" :value="111" />
+        </ai-wrapper>
+        <ai-bar title="本届任职">
+          <template slot="right">
+            <el-button size="small" type="text" icon="iconfont iconAdd" @click="toAdd('')" >添加任职人员</el-button>
+          </template>
+        </ai-bar>
+        <ai-table
+            class="detail-table__table"
+            :tableData="tableData"
+            :col-configs="colConfigs"
+            :total="totalJob"
+            :current.sync="current"
+            :size.sync="size"
+            @getList="getJobList">
+            <el-table-column slot="options" label="操作" align="center">
+              <template slot-scope="{ row }">
+                <el-button type="text" @click="jobEdit(row.id)">编辑</el-button>
+                <el-button type="text" @click="jobDelete(row.id)">删除</el-button>
+              </template>
+            </el-table-column>
+          </ai-table>
+          <ai-bar title="本届候选人">
+          <template slot="right">
+            <el-button size="small" type="text" icon="iconfont iconAdd" @click="toAdd('')" >添加候选人</el-button>
+          </template>
+        </ai-bar>
+        <ai-table
+            class="detail-table__table"
+            :tableData="tableData"
+            :col-configs="colConfigs"
+            :total="totalJob"
+            :current.sync="current"
+            :size.sync="size"
+            @getList="getJobList">
+            <el-table-column slot="options" label="操作" align="center">
+              <template slot-scope="{ row }">
+                <el-button type="text" @click="jobEdit(row.id)">编辑</el-button>
+                <el-button type="text" @click="jobDelete(row.id)">删除</el-button>
+              </template>
+            </el-table-column>
+          </ai-table>
+      </template>
+    </ai-detail>
+  </section>
 </template>
 
 <script>
 export default {
-
+  name: "moment",
+  props: {
+    instance: Function,
+    permissions: Function,
+    dict: Object,
+    selected: Object
+  },
+  data() {
+    return {
+      isEdit: false,
+      tableData: [],
+      totalJob: 0,
+      current: 1,
+      size: 10,
+    }
+  },
+  computed: {
+    colConfigs() {
+      return [
+        {prop: 'content', label: '职位'},
+        {prop: 'content', label: '姓名'},
+        {slot: 'options'},
+      ]
+    }
+  },
+  methods: {
+    jobEdit() {},
+    jobDelete() {},
+    getJobList() {},
+    toEdit() {
+      this.$emit('change', {
+        type: 'addChange',
+        params: {
+          id: id || ''
+        }
+      })
+    },
+  }
 }
 </script>
 
-<style>
+<style lang="scss" scope>
+.moment {
+  ::v-deep .ai-detail .ai-detail__content .ai-detail__content--wrapper {
+    padding-top: 0;
+    background-color: blue;
+    // ::v-deep .aibar {
+    //   height: 40px;
+    // }
+  }
+  ai-detail {
+    ::v-deep .ai-detail__content {
+      background-color: #FFF;
+    }
 
+    
+  }
+  
+
+  
+
+  
+}
 </style>
\ No newline at end of file

From e710fc4604840771d0ef789fb7705e8526dd9564 Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Fri, 14 Oct 2022 11:53:24 +0800
Subject: [PATCH 2/5] =?UTF-8?q?=E6=B8=85=E7=90=86$calcAge?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../meta/AppPartyMember/components/Add.vue    |  11 +-
 packages/meta/AppResident/residentDetail.vue  |   9 +-
 packages/work/AppHelpedResident/hrAdd.vue     |   9 +-
 packages/work/AppHelpedResident/hrDetail.vue  |   7 +-
 .../AppRecruitPartyMembers/components/Add.vue |  86 +++----
 .../AppSpecialAdjustment/components/List.vue  | 209 +++++++++---------
 .../AppSpecialDisabled/components/List.vue    | 208 +++++++++--------
 .../apps/AppSpecialDrug/components/List.vue   | 209 +++++++++---------
 .../apps/AppSpecialMental/components/List.vue | 209 +++++++++---------
 .../apps/AppSpecialPrison/components/List.vue | 209 +++++++++---------
 10 files changed, 574 insertions(+), 592 deletions(-)

diff --git a/packages/meta/AppPartyMember/components/Add.vue b/packages/meta/AppPartyMember/components/Add.vue
index 7a5ba16c..9b85855e 100644
--- a/packages/meta/AppPartyMember/components/Add.vue
+++ b/packages/meta/AppPartyMember/components/Add.vue
@@ -33,7 +33,7 @@
                       :maxLength="15"
                       placeholder="请输入姓名"
                       v-model="form.name"
-                      
+
                   >
                     <template slot="append" v-if="!isEdit">
                       <ai-person-select
@@ -765,16 +765,17 @@
 
 <script>
 import {mapState} from "vuex";
+import {ID} from "dvcp-ui/lib/js/utils";
+
 export default {
   name: "Add",
-
   props: {
     instance: Function,
     dict: Object,
     selected: Object
   },
   computed: {
-     ...mapState(["user"]),
+    ...mapState(["user"]),
     isEdit() {
       return !!this.$route.query.id;
     },
@@ -938,10 +939,10 @@ export default {
       this.isShowDisciplinaryForm = true;
     },
     idChange(val) {
-      let info = this.idCardNoUtil.getIdCardInfo(val)
+      let info = new ID(val)
       this.form.sex = info.sex || "";
       this.form.birthday = info.birthday || "";
-      this.form.age = this.$calcAge(val) || "";
+      this.form.age = info.age
     },
     checkName(val) {
       for (let i in this.form) {
diff --git a/packages/meta/AppResident/residentDetail.vue b/packages/meta/AppResident/residentDetail.vue
index 7da7c0d4..31145917 100644
--- a/packages/meta/AppResident/residentDetail.vue
+++ b/packages/meta/AppResident/residentDetail.vue
@@ -434,6 +434,7 @@ import {mapState} from "vuex";
 import AiEditCard from "./components/AiEditCard";
 import PersonalAssets from "./components/personalAssets";
 import TagsManage from "./components/tagsManage";
+import {ID} from "dvcp-ui/lib/js/utils";
 
 export default {
   name: "residentDetail",
@@ -685,10 +686,10 @@ export default {
     },
     IdCard(UUserCard) {
       if (UUserCard) {
-        this.baseInfo.age = this.$calcAge(UUserCard)
-        let {birthday, sex} = this.idCardNoUtil.getIdCardInfo(UUserCard)
-        this.baseInfo.sex = sex
-        this.baseInfo.birthday = birthday
+        const idCard = new ID(UUserCard)
+        this.baseInfo.age = idCard.age
+        this.baseInfo.sex = idCard.sex
+        this.baseInfo.birthday = idCard.birthday
       }
     }
   },
diff --git a/packages/work/AppHelpedResident/hrAdd.vue b/packages/work/AppHelpedResident/hrAdd.vue
index 60afbbe0..a80775d5 100644
--- a/packages/work/AppHelpedResident/hrAdd.vue
+++ b/packages/work/AppHelpedResident/hrAdd.vue
@@ -328,6 +328,7 @@
 <script>
 
 import {mapState} from "vuex";
+import {ID} from "dvcp-ui/lib/js/utils";
 
 export default {
   name: "hrAdd",
@@ -453,12 +454,12 @@ export default {
       if (v.length == 20) {
         idNumber = v.substring(0, 18)
       }
-      let {birthday: birthDate, sex} = this.idCardNoUtil.getIdCardInfo(idNumber)
-      this.form = {...this.form, birthDate, sex, age: this.$calcAge(idNumber)}
+      let {birthday: birthDate, sex, age} = new ID(idNumber)
+      this.form = {...this.form, birthDate, sex, age}
     },
     submit() {
-      if(this.form.houseType == 1) {
-        if(!this.form.objectType) {
+      if (this.form.houseType == 1) {
+        if (!this.form.objectType) {
           return this.$message.error('请选择监测对象类型')
         }
       }
diff --git a/packages/work/AppHelpedResident/hrDetail.vue b/packages/work/AppHelpedResident/hrDetail.vue
index 0b800174..b8246e15 100644
--- a/packages/work/AppHelpedResident/hrDetail.vue
+++ b/packages/work/AppHelpedResident/hrDetail.vue
@@ -42,7 +42,7 @@
                       <el-form-item label="证件号">{{ detail.idNumber }}</el-form-item>
                       <el-form-item label="性别" prop="sex">{{ dict.getLabel("sex", detail.sex) }}</el-form-item>
                       <el-form-item label="出生日期">{{ detail.birthDate }}</el-form-item>
-                      <el-form-item label="家庭人口数">{{ detail.familyCount}}</el-form-item>
+                      <el-form-item label="家庭人口数">{{ detail.familyCount }}</el-form-item>
                       <!-- <el-form-item label="年龄" prop="age">{{ detail.age}}</el-form-item> -->
                       <el-form-item label="民族">{{ dict.getLabel("fpNation", detail.nation) }}</el-form-item>
                       <el-form-item label="文化程度">{{ dict.getLabel("fpEducation", detail.education) }}</el-form-item>
@@ -497,6 +497,7 @@
 import {mapState} from "vuex";
 import HrMeasure from "./detail/hrMeasure";
 import HrLog from "./detail/hrLog";
+import {ID} from "dvcp-ui/lib/js/utils";
 
 export default {
   name: "hrDetail",
@@ -677,8 +678,8 @@ export default {
       })
     },
     handleIdNumberAutocomplete(v) {
-      let {birthday: birthDate, sex} = this.idCardNoUtil.getIdCardInfo(v);
-      this.form = {...this.form, birthDate, sex, age: this.$calcAge(v)};
+      let {birthday: birthDate, sex, age} = new ID(v);
+      this.form = {...this.form, birthDate, sex, age};
     },
     onConfirm() {
       this.$refs.ruleForm.validate((v) => {
diff --git a/project/pingchang/apps/AppRecruitPartyMembers/components/Add.vue b/project/pingchang/apps/AppRecruitPartyMembers/components/Add.vue
index db1160d8..263cc9d7 100644
--- a/project/pingchang/apps/AppRecruitPartyMembers/components/Add.vue
+++ b/project/pingchang/apps/AppRecruitPartyMembers/components/Add.vue
@@ -33,7 +33,7 @@
                       :maxLength="15"
                       placeholder="请输入姓名"
                       v-model="form.name"
-                      
+
                   >
                     <template slot="append" v-if="!isEdit">
                       <ai-person-select
@@ -224,9 +224,9 @@
             </el-form-item>
             <el-form-item label="文化程度">
               <ai-select
-                v-model="form.partyStatus"
-                placeholder="请选择文化程度"
-                :selectList="dict.getDict('partyStatus')"
+                  v-model="form.partyStatus"
+                  placeholder="请选择文化程度"
+                  :selectList="dict.getDict('partyStatus')"
               ></ai-select>
             </el-form-item>
             <el-form-item label="学位职称">
@@ -238,15 +238,15 @@
             </el-form-item>
             <el-form-item label="奖励情况" style="width: 100%;">
               <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
-                 rows="2" placeholder="请输入奖励情况"/>
+                        rows="2" placeholder="请输入奖励情况"/>
             </el-form-item>
             <el-form-item label="处分情况" style="width: 100%;">
               <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
-                 rows="2" placeholder="请输入处分情况"/>
+                        rows="2" placeholder="请输入处分情况"/>
             </el-form-item>
             <el-form-item label="简历" style="width: 100%;">
               <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
-                 rows="2" placeholder="请输入简历"/>
+                        rows="2" placeholder="请输入简历"/>
             </el-form-item>
             <el-form-item label="附件" style="width: 100%;">
               <ai-uploader
@@ -294,7 +294,7 @@
 
         <ai-card title="入学积极分子的确定和教育培养">
           <template #content>
-            <el-form-item label="确定为入学积极分子时间" prop="phone" required >
+            <el-form-item label="确定为入学积极分子时间" prop="phone" required>
               <el-date-picker
                   size="small"
                   v-model="form.joinPartyTime"
@@ -308,11 +308,11 @@
             </el-form-item>
             <el-form-item label="确定为积极分子的根据和意见" style="width: 100%;">
               <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
-                 rows="2" placeholder="请输入确定为积极分子的根据和意见"/>
+                        rows="2" placeholder="请输入确定为积极分子的根据和意见"/>
             </el-form-item>
             <el-form-item label="培养教育情况及鉴定意见" style="width: 100%;">
               <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
-                 rows="2" placeholder="请输入培养教育情况及鉴定意见"/>
+                        rows="2" placeholder="请输入培养教育情况及鉴定意见"/>
             </el-form-item>
 
           </template>
@@ -323,12 +323,12 @@
           </template>
           <template #content>
             <ai-table
-              :border="true"
-              :tableData="form.starList"
-              :isShowPagination="false"
-              :col-configs="colConfigs1"
-              :stripe="false"
-              @getList="() => {}"
+                :border="true"
+                :tableData="form.starList"
+                :isShowPagination="false"
+                :col-configs="colConfigs1"
+                :stripe="false"
+                @getList="() => {}"
             >
               <el-table-column label="职位" slot="level" align="center">
                 <template slot-scope="{ row }">
@@ -365,7 +365,7 @@
         </ai-card>
         <ai-card title="发展对象的确定和考察">
           <template #content>
-            <el-form-item label="确定为发展对象时间" prop="phone" required >
+            <el-form-item label="确定为发展对象时间" prop="phone" required>
               <el-date-picker
                   size="small"
                   v-model="form.joinPartyTime"
@@ -379,41 +379,41 @@
             </el-form-item>
             <el-form-item label="政治历史的考察及结论" style="width: 100%;">
               <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
-                 rows="2" placeholder="请输入..."/>
+                        rows="2" placeholder="请输入..."/>
             </el-form-item>
             <el-form-item label="社会关系考察及结论" style="width: 100%;">
               <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
-                 rows="2" placeholder="请输入..."/>
+                        rows="2" placeholder="请输入..."/>
             </el-form-item>
             <el-form-item label="现实考察及结论" style="width: 100%;">
               <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
-                 rows="2" placeholder="请输入..."/>
+                        rows="2" placeholder="请输入..."/>
             </el-form-item>
             <el-form-item label="学的基本知识考核及考试成绩" style="width: 100%;">
               <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
-                 rows="2" placeholder="请输入..."/>
+                        rows="2" placeholder="请输入..."/>
             </el-form-item>
             <el-form-item label="综合考察结论意见" style="width: 100%;">
               <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
-                 rows="2" placeholder="请输入..."/>
+                        rows="2" placeholder="请输入..."/>
             </el-form-item>
             <el-form-item label="学内讨论是否确定为发展对象的意见" style="width: 100%;">
               <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
-                 rows="2" placeholder="请输入..."/>
+                        rows="2" placeholder="请输入..."/>
             </el-form-item>
             <el-form-item label="确定为发展对象后的谈话记录" style="width: 100%;">
               <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
-                 rows="2" placeholder="请输入..."/>
+                        rows="2" placeholder="请输入..."/>
             </el-form-item>
             <el-form-item label="支委会研究意见" style="width: 100%;">
               <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
-                 rows="2" placeholder="请输入..."/>
+                        rows="2" placeholder="请输入..."/>
             </el-form-item>
           </template>
         </ai-card>
         <ai-card title="预备学员的接收">
           <template #content>
-            <el-form-item label="吸收入学时间" prop="phone" required >
+            <el-form-item label="吸收入学时间" prop="phone" required>
               <el-date-picker
                   size="small"
                   v-model="form.joinPartyTime"
@@ -436,29 +436,29 @@
             </el-form-item>
             <el-form-item label="吸收入学时支部大会上学员提的意见和要求及个人的态度" style="width: 100%;">
               <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
-                 rows="2" placeholder="请输入..."/>
+                        rows="2" placeholder="请输入..."/>
             </el-form-item>
             <el-form-item label="预备期间的教育情况" style="width: 100%;">
               <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
-                 rows="2" placeholder="请输入..."/>
+                        rows="2" placeholder="请输入..."/>
             </el-form-item>
             <el-form-item label="学小组对其转正的讨论意见" style="width: 100%;">
               <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
-                 rows="2" placeholder="请输入..."/>
+                        rows="2" placeholder="请输入..."/>
             </el-form-item>
             <el-form-item label="预备期间的考察情况" style="width: 100%;">
               <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
-                 rows="2" placeholder="请输入..."/>
+                        rows="2" placeholder="请输入..."/>
             </el-form-item>
             <el-form-item label="学支部对其转正的意见" style="width: 100%;">
               <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
-                 rows="2" placeholder="请输入..."/>
+                        rows="2" placeholder="请输入..."/>
             </el-form-item>
           </template>
         </ai-card>
         <ai-card title="预备学员的教育考察和转正">
           <template #content>
-            <el-form-item label="转正时间" prop="phone" required >
+            <el-form-item label="转正时间" prop="phone" required>
               <el-date-picker
                   size="small"
                   v-model="form.joinPartyTime"
@@ -472,19 +472,19 @@
             </el-form-item>
             <el-form-item label="预备期间的教育情况" style="width: 100%;">
               <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
-                 rows="2" placeholder="请输入..."/>
+                        rows="2" placeholder="请输入..."/>
             </el-form-item>
             <el-form-item label="预备期间的考察情况" style="width: 100%;">
               <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
-                 rows="2" placeholder="请输入..."/>
+                        rows="2" placeholder="请输入..."/>
             </el-form-item>
             <el-form-item label="学小组对其转正的讨论意见" style="width: 100%;">
               <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
-                 rows="2" placeholder="请输入..."/>
+                        rows="2" placeholder="请输入..."/>
             </el-form-item>
             <el-form-item label="学支部对其转正的意见" style="width: 100%;">
               <el-input type="textarea" v-model="form.personalProfile" clearable maxlength="500" show-word-limit
-                 rows="2" placeholder="请输入..."/>
+                        rows="2" placeholder="请输入..."/>
             </el-form-item>
           </template>
         </ai-card>
@@ -667,6 +667,8 @@
 
 <script>
 import {mapState} from "vuex";
+import {ID} from "dvcp-ui/lib/js/utils";
+
 export default {
   name: "Add",
 
@@ -676,7 +678,7 @@ export default {
     selected: Object
   },
   computed: {
-     ...mapState(["user"]),
+    ...mapState(["user"]),
     isEdit() {
       return !!this.$route.query.id;
     },
@@ -845,10 +847,10 @@ export default {
       this.isShowDisciplinaryForm = true;
     },
     idChange(val) {
-      let info = this.idCardNoUtil.getIdCardInfo(val)
+      let info = new ID(val)
       this.form.sex = info.sex || "";
       this.form.birthday = info.birthday || "";
-      this.form.age = this.$calcAge(val) || "";
+      this.form.age = info.age || "";
     },
     checkName(val) {
       for (let i in this.form) {
@@ -997,12 +999,14 @@ export default {
   .audit-1 {
     color: #2ea222 !important;
   }
+
   ::v-deep .ai-form .el-form-item .el-form-item__content {
-    margin-left: 174px!important;
+    margin-left: 174px !important;
   }
+
   ::v-deep .ai-form .el-form-item,
   ::v-deep .el-form-item {
-    margin-bottom: 8px!important;
+    margin-bottom: 8px !important;
   }
 }
 </style>
diff --git a/project/sass/apps/AppSpecialAdjustment/components/List.vue b/project/sass/apps/AppSpecialAdjustment/components/List.vue
index 621dab5d..028eca46 100644
--- a/project/sass/apps/AppSpecialAdjustment/components/List.vue
+++ b/project/sass/apps/AppSpecialAdjustment/components/List.vue
@@ -10,25 +10,25 @@
           </template>
           <template #right>
             <el-input
-              v-model="search.name"
-              size="small"
-              placeholder="请输入姓名"
-              clearable
-              v-throttle="() => {search.current = 1, getList()}"
-              @clear="search.current = 1, search.name = '', getList()"
-              suffix-icon="iconfont iconSearch">
+                v-model="search.name"
+                size="small"
+                placeholder="请输入姓名"
+                clearable
+                v-throttle="() => {search.current = 1, getList()}"
+                @clear="search.current = 1, search.name = '', getList()"
+                suffix-icon="iconfont iconSearch">
             </el-input>
           </template>
         </ai-search-bar>
         <ai-table
-          :tableData="tableData"
-          :col-configs="colConfigs"
-          :total="total"
-          v-loading="loading"
-          style="margin-top: 16px;"
-          :current.sync="search.current"
-          :size.sync="search.size"
-          @getList="getList">
+            :tableData="tableData"
+            :col-configs="colConfigs"
+            :total="total"
+            v-loading="loading"
+            style="margin-top: 16px;"
+            :current.sync="search.current"
+            :size.sync="search.size"
+            @getList="getList">
           <el-table-column slot="options" width="140px" fixed="right" label="操作" align="center">
             <template slot-scope="{ row }">
               <div class="table-options">
@@ -45,113 +45,108 @@
 </template>
 
 <script>
-  import { mapState } from 'vuex'
-  export default {
-    name: 'List',
+import {mapState} from 'vuex'
+import {ID} from "dvcp-ui/lib/js/utils";
 
-    props: {
-      instance: Function,
-      dict: Object
-    },
+export default {
+  name: 'List',
 
-    data () {
-      return {
-        search: {
-          current: 1,
-          size: 10,
-          name: ''
-        },
-        colConfigs: [
-          { prop: 'name', label: '姓名' },
-          { prop: 'idNumber', align: 'center', label: '身份证号' },
-          { prop: 'gender', align: 'center', label: '性别' },
-          { prop: 'birthday', align: 'center', label: '出生日期' }, 
-          { prop: 'age', align: 'center', label: '年龄', }, 
-          { prop: 'phone', align: 'center', label: '联系方式' }
-        ],
-        tableData: [],
-        total: 0,
-        loading: false
-      }
-    },
+  props: {
+    instance: Function,
+    dict: Object
+  },
 
-    computed: {
-      ...mapState(['user']),
+  data() {
+    return {
+      search: {
+        current: 1,
+        size: 10,
+        name: ''
+      },
+      colConfigs: [
+        {prop: 'name', label: '姓名'},
+        {prop: 'idNumber', align: 'center', label: '身份证号'},
+        {prop: 'gender', align: 'center', label: '性别'},
+        {prop: 'birthday', align: 'center', label: '出生日期'},
+        {prop: 'age', align: 'center', label: '年龄',},
+        {prop: 'phone', align: 'center', label: '联系方式'}
+      ],
+      tableData: [],
+      total: 0,
+      loading: false
+    }
+  },
 
-      param () {
-        return {
+  computed: {
+    ...mapState(['user']),
+  },
 
+  created() {
+    this.dict.load('sex').then(() => {
+      this.getList()
+    })
+  },
+
+  methods: {
+    getList() {
+      this.instance.post(`/app/appspecialadjustment/list`, null, {
+        params: {
+          ...this.search
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.tableData = res.data.records.map(v => {
+            let info = new ID(v.idNumber)
+            v.birthday = info.birthday
+            v.age = info.age
+            v.gender = info.gender
+            return v
+          })
+          this.total = res.data.total
         }
-      }
-    },
-
-    created () {
-      this.dict.load('sex').then(() => {
-        this.getList()
       })
     },
 
-    methods: {
-      getList () {
-        this.instance.post(`/app/appspecialadjustment/list`, null, {
-          params: {
-            ...this.search
-          }
-        }).then(res => {
+    toEdit(e) {
+      this.$emit('change', {
+        type: 'Add',
+        params: {
+          type: 'Add',
+          id: e
+        }
+      })
+    },
+
+    toAdd() {
+      this.$emit('change', {
+        type: 'Add',
+        params: {
+          type: 'Add',
+        }
+      })
+    },
+
+    remove(id) {
+      this.$confirm('确定删除该数据？').then(() => {
+        this.instance.post(`/app/appspecialadjustment/delete?ids=${id}`).then(res => {
           if (res.code == 0) {
-            this.tableData = res.data.records.map(v => {
-              let info = this.idCardNoUtil.getIdCardInfo(v.idNumber)
-              v.birthday = info.birthday
-              v.age = this.$calcAge(v.idNumber)
-              v.gender = info.gender
-
-              return v
-            })
-            this.total = res.data.total
+            this.$message.success('删除成功！')
+            this.getList()
           }
         })
-      },
+      })
+    },
 
-      toEdit (e) {
-        this.$emit('change', {
-          type: 'Add',
-          params: {
-            type: 'Add',
-            id: e
-          }
-        })
-      },
-
-      toAdd() {
-        this.$emit('change', {
-          type: 'Add',
-          params: {
-            type: 'Add',
-          }
-        })
-      },
-
-      remove(id) {
-        this.$confirm('确定删除该数据？').then(() => {
-          this.instance.post(`/app/appspecialadjustment/delete?ids=${id}`).then(res => {
-            if (res.code == 0) {
-              this.$message.success('删除成功！')
-              this.getList()
-            }
-          })
-        })
-      },
-
-      toDetail (id) {
-        this.$emit('change', {
-          type: 'Detail',
-          params: {
-            id: id || ''
-          }
-        })
-      }
+    toDetail(id) {
+      this.$emit('change', {
+        type: 'Detail',
+        params: {
+          id: id || ''
+        }
+      })
     }
   }
+}
 </script>
 
 <style scoped lang="scss">
diff --git a/project/sass/apps/AppSpecialDisabled/components/List.vue b/project/sass/apps/AppSpecialDisabled/components/List.vue
index b367accc..b47392cd 100644
--- a/project/sass/apps/AppSpecialDisabled/components/List.vue
+++ b/project/sass/apps/AppSpecialDisabled/components/List.vue
@@ -10,25 +10,25 @@
           </template>
           <template #right>
             <el-input
-              v-model="search.name"
-              size="small"
-              placeholder="请输入姓名"
-              clearable
-              v-throttle="() => {search.current = 1, getList()}"
-              @clear="search.current = 1, search.name = '', getList()"
-              suffix-icon="iconfont iconSearch">
+                v-model="search.name"
+                size="small"
+                placeholder="请输入姓名"
+                clearable
+                v-throttle="() => {search.current = 1, getList()}"
+                @clear="search.current = 1, search.name = '', getList()"
+                suffix-icon="iconfont iconSearch">
             </el-input>
           </template>
         </ai-search-bar>
         <ai-table
-          :tableData="tableData"
-          :col-configs="colConfigs"
-          :total="total"
-          v-loading="loading"
-          style="margin-top: 16px;"
-          :current.sync="search.current"
-          :size.sync="search.size"
-          @getList="getList">
+            :tableData="tableData"
+            :col-configs="colConfigs"
+            :total="total"
+            v-loading="loading"
+            style="margin-top: 16px;"
+            :current.sync="search.current"
+            :size.sync="search.size"
+            @getList="getList">
           <el-table-column slot="options" width="140px" fixed="right" label="操作" align="center">
             <template slot-scope="{ row }">
               <div class="table-options">
@@ -45,113 +45,109 @@
 </template>
 
 <script>
-  import { mapState } from 'vuex'
-  export default {
-    name: 'List',
+import {mapState} from 'vuex'
+import {ID} from "dvcp-ui/lib/js/utils";
 
-    props: {
-      instance: Function,
-      dict: Object
-    },
+export default {
+  name: 'List',
 
-    data () {
-      return {
-        search: {
-          current: 1,
-          size: 10,
-          name: ''
-        },
-        colConfigs: [
-          { prop: 'name', label: '姓名' },
-          { prop: 'idNumber', align: 'center', label: '身份证号' },
-          { prop: 'gender', align: 'center', label: '性别' },
-          { prop: 'birthday', align: 'center', label: '出生日期' }, 
-          { prop: 'age', align: 'center', label: '年龄', }, 
-          { prop: 'phone', align: 'center', label: '联系方式' }
-        ],
-        tableData: [],
-        total: 0,
-        loading: false
-      }
-    },
+  props: {
+    instance: Function,
+    dict: Object
+  },
 
-    computed: {
-      ...mapState(['user']),
+  data() {
+    return {
+      search: {
+        current: 1,
+        size: 10,
+        name: ''
+      },
+      colConfigs: [
+        {prop: 'name', label: '姓名'},
+        {prop: 'idNumber', align: 'center', label: '身份证号'},
+        {prop: 'gender', align: 'center', label: '性别'},
+        {prop: 'birthday', align: 'center', label: '出生日期'},
+        {prop: 'age', align: 'center', label: '年龄',},
+        {prop: 'phone', align: 'center', label: '联系方式'}
+      ],
+      tableData: [],
+      total: 0,
+      loading: false
+    }
+  },
 
-      param () {
-        return {
+  computed: {
+    ...mapState(['user']),
+  },
 
+  created() {
+    this.dict.load('sex').then(() => {
+      this.getList()
+    })
+  },
+
+  methods: {
+    getList() {
+      this.instance.post(`/app/appspecialdisabled/list`, null, {
+        params: {
+          ...this.search
         }
-      }
-    },
+      }).then(res => {
+        if (res.code == 0) {
+          this.tableData = res.data.records.map(v => {
+            let info = new ID(v.idNumber)
+            v.birthday = info.birthday
+            v.age = info.age
+            v.gender = info.gender
 
-    created () {
-      this.dict.load('sex').then(() => {
-        this.getList()
+            return v
+          })
+          this.total = res.data.total
+        }
       })
     },
 
-    methods: {
-      getList () {
-        this.instance.post(`/app/appspecialdisabled/list`, null, {
-          params: {
-            ...this.search
-          }
-        }).then(res => {
+    toEdit(e) {
+      this.$emit('change', {
+        type: 'Add',
+        params: {
+          type: 'Add',
+          id: e
+        }
+      })
+    },
+
+    toAdd() {
+      this.$emit('change', {
+        type: 'Add',
+        params: {
+          type: 'Add',
+        }
+      })
+    },
+
+    remove(id) {
+      this.$confirm('确定删除该数据？').then(() => {
+        this.instance.post(`/app/appspecialadjustment/delete?ids=${id}`).then(res => {
           if (res.code == 0) {
-            this.tableData = res.data.records.map(v => {
-              let info = this.idCardNoUtil.getIdCardInfo(v.idNumber)
-              v.birthday = info.birthday
-              v.age = this.$calcAge(v.idNumber)
-              v.gender = info.gender
-
-              return v
-            })
-            this.total = res.data.total
+            this.$message.success('删除成功！')
+            this.getList()
           }
         })
-      },
+      })
+    },
 
-      toEdit (e) {
-        this.$emit('change', {
-          type: 'Add',
-          params: {
-            type: 'Add',
-            id: e
-          }
-        })
-      },
-
-      toAdd() {
-        this.$emit('change', {
-          type: 'Add',
-          params: {
-            type: 'Add',
-          }
-        })
-      },
-
-      remove(id) {
-        this.$confirm('确定删除该数据？').then(() => {
-          this.instance.post(`/app/appspecialadjustment/delete?ids=${id}`).then(res => {
-            if (res.code == 0) {
-              this.$message.success('删除成功！')
-              this.getList()
-            }
-          })
-        })
-      },
-
-      toDetail (id) {
-        this.$emit('change', {
-          type: 'Detail',
-          params: {
-            id: id || ''
-          }
-        })
-      }
+    toDetail(id) {
+      this.$emit('change', {
+        type: 'Detail',
+        params: {
+          id: id || ''
+        }
+      })
     }
   }
+}
 </script>
 
 <style scoped lang="scss">
diff --git a/project/sass/apps/AppSpecialDrug/components/List.vue b/project/sass/apps/AppSpecialDrug/components/List.vue
index 2b6e7623..6ba3681f 100644
--- a/project/sass/apps/AppSpecialDrug/components/List.vue
+++ b/project/sass/apps/AppSpecialDrug/components/List.vue
@@ -10,25 +10,25 @@
           </template>
           <template #right>
             <el-input
-              v-model="search.name"
-              size="small"
-              placeholder="请输入姓名"
-              clearable
-              v-throttle="() => {search.current = 1, getList()}"
-              @clear="search.current = 1, search.name = '', getList()"
-              suffix-icon="iconfont iconSearch">
+                v-model="search.name"
+                size="small"
+                placeholder="请输入姓名"
+                clearable
+                v-throttle="() => {search.current = 1, getList()}"
+                @clear="search.current = 1, search.name = '', getList()"
+                suffix-icon="iconfont iconSearch">
             </el-input>
           </template>
         </ai-search-bar>
         <ai-table
-          :tableData="tableData"
-          :col-configs="colConfigs"
-          :total="total"
-          v-loading="loading"
-          style="margin-top: 16px;"
-          :current.sync="search.current"
-          :size.sync="search.size"
-          @getList="getList">
+            :tableData="tableData"
+            :col-configs="colConfigs"
+            :total="total"
+            v-loading="loading"
+            style="margin-top: 16px;"
+            :current.sync="search.current"
+            :size.sync="search.size"
+            @getList="getList">
           <el-table-column slot="options" width="140px" fixed="right" label="操作" align="center">
             <template slot-scope="{ row }">
               <div class="table-options">
@@ -45,113 +45,108 @@
 </template>
 
 <script>
-  import { mapState } from 'vuex'
-  export default {
-    name: 'List',
+import {mapState} from 'vuex'
+import {ID} from "dvcp-ui/lib/js/utils";
 
-    props: {
-      instance: Function,
-      dict: Object
-    },
+export default {
+  name: 'List',
 
-    data () {
-      return {
-        search: {
-          current: 1,
-          size: 10,
-          name: ''
-        },
-        colConfigs: [
-          { prop: 'name', label: '姓名' },
-          { prop: 'idNumber', align: 'center', label: '身份证号' },
-          { prop: 'gender', align: 'center', label: '性别' },
-          { prop: 'birthday', align: 'center', label: '出生日期' }, 
-          { prop: 'age', align: 'center', label: '年龄', }, 
-          { prop: 'phone', align: 'center', label: '联系方式' }
-        ],
-        tableData: [],
-        total: 0,
-        loading: false
-      }
-    },
+  props: {
+    instance: Function,
+    dict: Object
+  },
 
-    computed: {
-      ...mapState(['user']),
+  data() {
+    return {
+      search: {
+        current: 1,
+        size: 10,
+        name: ''
+      },
+      colConfigs: [
+        {prop: 'name', label: '姓名'},
+        {prop: 'idNumber', align: 'center', label: '身份证号'},
+        {prop: 'gender', align: 'center', label: '性别'},
+        {prop: 'birthday', align: 'center', label: '出生日期'},
+        {prop: 'age', align: 'center', label: '年龄',},
+        {prop: 'phone', align: 'center', label: '联系方式'}
+      ],
+      tableData: [],
+      total: 0,
+      loading: false
+    }
+  },
 
-      param () {
-        return {
+  computed: {
+    ...mapState(['user']),
+  },
 
+  created() {
+    this.dict.load('sex').then(() => {
+      this.getList()
+    })
+  },
+
+  methods: {
+    getList() {
+      this.instance.post(`/app/appspecialdrug/list`, null, {
+        params: {
+          ...this.search
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.tableData = res.data.records.map(v => {
+            let info = new ID(v.idNumber)
+            v.birthday = info.birthday
+            v.age = info.age
+            v.gender = info.gender
+            return v
+          })
+          this.total = res.data.total
         }
-      }
-    },
-
-    created () {
-      this.dict.load('sex').then(() => {
-        this.getList()
       })
     },
 
-    methods: {
-      getList () {
-        this.instance.post(`/app/appspecialdrug/list`, null, {
-          params: {
-            ...this.search
-          }
-        }).then(res => {
+    toEdit(e) {
+      this.$emit('change', {
+        type: 'Add',
+        params: {
+          type: 'Add',
+          id: e
+        }
+      })
+    },
+
+    toAdd() {
+      this.$emit('change', {
+        type: 'Add',
+        params: {
+          type: 'Add',
+        }
+      })
+    },
+
+    remove(id) {
+      this.$confirm('确定删除该数据？').then(() => {
+        this.instance.post(`/app/appspecialprison/delete?ids=${id}`).then(res => {
           if (res.code == 0) {
-            this.tableData = res.data.records.map(v => {
-              let info = this.idCardNoUtil.getIdCardInfo(v.idNumber)
-              v.birthday = info.birthday
-              v.age = this.$calcAge(v.idNumber)
-              v.gender = info.gender
-
-              return v
-            })
-            this.total = res.data.total
+            this.$message.success('删除成功！')
+            this.getList()
           }
         })
-      },
+      })
+    },
 
-      toEdit (e) {
-        this.$emit('change', {
-          type: 'Add',
-          params: {
-            type: 'Add',
-            id: e
-          }
-        })
-      },
-
-      toAdd() {
-        this.$emit('change', {
-          type: 'Add',
-          params: {
-            type: 'Add',
-          }
-        })
-      },
-
-      remove(id) {
-        this.$confirm('确定删除该数据？').then(() => {
-          this.instance.post(`/app/appspecialprison/delete?ids=${id}`).then(res => {
-            if (res.code == 0) {
-              this.$message.success('删除成功！')
-              this.getList()
-            }
-          })
-        })
-      },
-
-      toDetail (id) {
-        this.$emit('change', {
-          type: 'Detail',
-          params: {
-            id: id || ''
-          }
-        })
-      }
+    toDetail(id) {
+      this.$emit('change', {
+        type: 'Detail',
+        params: {
+          id: id || ''
+        }
+      })
     }
   }
+}
 </script>
 
 <style scoped lang="scss">
diff --git a/project/sass/apps/AppSpecialMental/components/List.vue b/project/sass/apps/AppSpecialMental/components/List.vue
index 044c85d9..6f72d05c 100644
--- a/project/sass/apps/AppSpecialMental/components/List.vue
+++ b/project/sass/apps/AppSpecialMental/components/List.vue
@@ -10,25 +10,25 @@
           </template>
           <template #right>
             <el-input
-              v-model="search.name"
-              size="small"
-              placeholder="请输入姓名"
-              clearable
-              v-throttle="() => {search.current = 1, getList()}"
-              @clear="search.current = 1, search.name = '', getList()"
-              suffix-icon="iconfont iconSearch">
+                v-model="search.name"
+                size="small"
+                placeholder="请输入姓名"
+                clearable
+                v-throttle="() => {search.current = 1, getList()}"
+                @clear="search.current = 1, search.name = '', getList()"
+                suffix-icon="iconfont iconSearch">
             </el-input>
           </template>
         </ai-search-bar>
         <ai-table
-          :tableData="tableData"
-          :col-configs="colConfigs"
-          :total="total"
-          v-loading="loading"
-          style="margin-top: 16px;"
-          :current.sync="search.current"
-          :size.sync="search.size"
-          @getList="getList">
+            :tableData="tableData"
+            :col-configs="colConfigs"
+            :total="total"
+            v-loading="loading"
+            style="margin-top: 16px;"
+            :current.sync="search.current"
+            :size.sync="search.size"
+            @getList="getList">
           <el-table-column slot="options" width="140px" fixed="right" label="操作" align="center">
             <template slot-scope="{ row }">
               <div class="table-options">
@@ -45,113 +45,108 @@
 </template>
 
 <script>
-  import { mapState } from 'vuex'
-  export default {
-    name: 'List',
+import {mapState} from 'vuex'
+import {ID} from "dvcp-ui/lib/js/utils"
 
-    props: {
-      instance: Function,
-      dict: Object
-    },
+export default {
+  name: 'List',
 
-    data () {
-      return {
-        search: {
-          current: 1,
-          size: 10,
-          name: ''
-        },
-        colConfigs: [
-          { prop: 'name', label: '姓名' },
-          { prop: 'idNumber', align: 'center', label: '身份证号' },
-          { prop: 'gender', align: 'center', label: '性别' },
-          { prop: 'birthday', align: 'center', label: '出生日期' }, 
-          { prop: 'age', align: 'center', label: '年龄', }, 
-          { prop: 'phone', align: 'center', label: '联系方式' }
-        ],
-        tableData: [],
-        total: 0,
-        loading: false
-      }
-    },
+  props: {
+    instance: Function,
+    dict: Object
+  },
 
-    computed: {
-      ...mapState(['user']),
+  data() {
+    return {
+      search: {
+        current: 1,
+        size: 10,
+        name: ''
+      },
+      colConfigs: [
+        {prop: 'name', label: '姓名'},
+        {prop: 'idNumber', align: 'center', label: '身份证号'},
+        {prop: 'gender', align: 'center', label: '性别'},
+        {prop: 'birthday', align: 'center', label: '出生日期'},
+        {prop: 'age', align: 'center', label: '年龄',},
+        {prop: 'phone', align: 'center', label: '联系方式'}
+      ],
+      tableData: [],
+      total: 0,
+      loading: false
+    }
+  },
 
-      param () {
-        return {
+  computed: {
+    ...mapState(['user']),
+  },
 
+  created() {
+    this.dict.load('sex').then(() => {
+      this.getList()
+    })
+  },
+
+  methods: {
+    getList() {
+      this.instance.post(`/app/appspecialmental/list`, null, {
+        params: {
+          ...this.search
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.tableData = res.data.records.map(v => {
+            let info = new ID(v.idNumber)
+            v.birthday = info.birthday
+            v.age = info.age
+            v.gender = info.gender
+            return v
+          })
+          this.total = res.data.total
         }
-      }
-    },
-
-    created () {
-      this.dict.load('sex').then(() => {
-        this.getList()
       })
     },
 
-    methods: {
-      getList () {
-        this.instance.post(`/app/appspecialmental/list`, null, {
-          params: {
-            ...this.search
-          }
-        }).then(res => {
+    toEdit(e) {
+      this.$emit('change', {
+        type: 'Add',
+        params: {
+          type: 'Add',
+          id: e
+        }
+      })
+    },
+
+    toAdd() {
+      this.$emit('change', {
+        type: 'Add',
+        params: {
+          type: 'Add',
+        }
+      })
+    },
+
+    remove(id) {
+      this.$confirm('确定删除该数据？').then(() => {
+        this.instance.post(`/app/appspecialmental/delete?ids=${id}`).then(res => {
           if (res.code == 0) {
-            this.tableData = res.data.records.map(v => {
-              let info = this.idCardNoUtil.getIdCardInfo(v.idNumber)
-              v.birthday = info.birthday
-              v.age = this.$calcAge(v.idNumber)
-              v.gender = info.gender
-
-              return v
-            })
-            this.total = res.data.total
+            this.$message.success('删除成功！')
+            this.getList()
           }
         })
-      },
+      })
+    },
 
-      toEdit (e) {
-        this.$emit('change', {
-          type: 'Add',
-          params: {
-            type: 'Add',
-            id: e
-          }
-        })
-      },
-
-      toAdd() {
-        this.$emit('change', {
-          type: 'Add',
-          params: {
-            type: 'Add',
-          }
-        })
-      },
-
-      remove(id) {
-        this.$confirm('确定删除该数据？').then(() => {
-          this.instance.post(`/app/appspecialmental/delete?ids=${id}`).then(res => {
-            if (res.code == 0) {
-              this.$message.success('删除成功！')
-              this.getList()
-            }
-          })
-        })
-      },
-
-      toDetail (id) {
-        this.$emit('change', {
-          type: 'Detail',
-          params: {
-            id: id || ''
-          }
-        })
-      }
+    toDetail(id) {
+      this.$emit('change', {
+        type: 'Detail',
+        params: {
+          id: id || ''
+        }
+      })
     }
   }
+}
 </script>
 
 <style scoped lang="scss">
diff --git a/project/sass/apps/AppSpecialPrison/components/List.vue b/project/sass/apps/AppSpecialPrison/components/List.vue
index b8c1f96a..3d09fd30 100644
--- a/project/sass/apps/AppSpecialPrison/components/List.vue
+++ b/project/sass/apps/AppSpecialPrison/components/List.vue
@@ -10,25 +10,25 @@
           </template>
           <template #right>
             <el-input
-              v-model="search.name"
-              size="small"
-              placeholder="请输入姓名"
-              clearable
-              v-throttle="() => {search.current = 1, getList()}"
-              @clear="search.current = 1, search.name = '', getList()"
-              suffix-icon="iconfont iconSearch">
+                v-model="search.name"
+                size="small"
+                placeholder="请输入姓名"
+                clearable
+                v-throttle="() => {search.current = 1, getList()}"
+                @clear="search.current = 1, search.name = '', getList()"
+                suffix-icon="iconfont iconSearch">
             </el-input>
           </template>
         </ai-search-bar>
         <ai-table
-          :tableData="tableData"
-          :col-configs="colConfigs"
-          :total="total"
-          v-loading="loading"
-          style="margin-top: 16px;"
-          :current.sync="search.current"
-          :size.sync="search.size"
-          @getList="getList">
+            :tableData="tableData"
+            :col-configs="colConfigs"
+            :total="total"
+            v-loading="loading"
+            style="margin-top: 16px;"
+            :current.sync="search.current"
+            :size.sync="search.size"
+            @getList="getList">
           <el-table-column slot="options" width="140px" fixed="right" label="操作" align="center">
             <template slot-scope="{ row }">
               <div class="table-options">
@@ -45,113 +45,106 @@
 </template>
 
 <script>
-  import { mapState } from 'vuex'
-  export default {
-    name: 'List',
+import {mapState} from 'vuex'
+import {ID} from "dvcp-ui/lib/js/utils";
 
-    props: {
-      instance: Function,
-      dict: Object
-    },
+export default {
+  name: 'List',
 
-    data () {
-      return {
-        search: {
-          current: 1,
-          size: 10,
-          name: ''
-        },
-        colConfigs: [
-          { prop: 'name', label: '姓名' },
-          { prop: 'idNumber', align: 'center', label: '身份证号' },
-          { prop: 'gender', align: 'center', label: '性别' },
-          { prop: 'birthday', align: 'center', label: '出生日期' },
-          { prop: 'age', align: 'center', label: '年龄', },
-          { prop: 'phone', align: 'center', label: '联系方式' }
-        ],
-        tableData: [],
-        total: 0,
-        loading: false
-      }
-    },
+  props: {
+    instance: Function,
+    dict: Object
+  },
 
-    computed: {
-      ...mapState(['user']),
-
-      param () {
-        return {
+  data() {
+    return {
+      search: {
+        current: 1,
+        size: 10,
+        name: ''
+      },
+      colConfigs: [
+        {prop: 'name', label: '姓名'},
+        {prop: 'idNumber', align: 'center', label: '身份证号'},
+        {prop: 'gender', align: 'center', label: '性别'},
+        {prop: 'birthday', align: 'center', label: '出生日期'},
+        {prop: 'age', align: 'center', label: '年龄',},
+        {prop: 'phone', align: 'center', label: '联系方式'}
+      ],
+      tableData: [],
+      total: 0,
+      loading: false
+    }
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  created() {
+    this.dict.load('sex').then(() => {
+      this.getList()
+    })
+  },
 
+  methods: {
+    getList() {
+      this.instance.post(`/app/appspecialprison/list`, null, {
+        params: {
+          ...this.search
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.tableData = res.data.records.map(v => {
+            let info = new ID(v.idNumber)
+            v.birthday = info.birthday
+            v.age = info.age
+            v.gender = info.gender
+            return v
+          })
+          this.total = res.data.total
         }
-      }
-    },
-
-    created () {
-      this.dict.load('sex').then(() => {
-        this.getList()
       })
     },
 
-    methods: {
-      getList () {
-        this.instance.post(`/app/appspecialprison/list`, null, {
-          params: {
-            ...this.search
-          }
-        }).then(res => {
+    toEdit(e) {
+      this.$emit('change', {
+        type: 'Add',
+        params: {
+          type: 'Add',
+          id: e
+        }
+      })
+    },
+
+    toAdd() {
+      this.$emit('change', {
+        type: 'Add',
+        params: {
+          type: 'Add',
+        }
+      })
+    },
+
+    remove(id) {
+      this.$confirm('确定删除该数据？').then(() => {
+        this.instance.post(`/app/appspecialprison/delete?ids=${id}`).then(res => {
           if (res.code == 0) {
-            this.tableData = res.data.records.map(v => {
-              let info = this.idCardNoUtil.getIdCardInfo(v.idNumber)
-              v.birthday = info.birthday
-              v.age = this.$calcAge(v.idNumber)
-              v.gender = info.gender
-
-              return v
-            })
-            this.total = res.data.total
+            this.$message.success('删除成功！')
+            this.getList()
           }
         })
-      },
+      })
+    },
 
-      toEdit (e) {
-        this.$emit('change', {
-          type: 'Add',
-          params: {
-            type: 'Add',
-            id: e
-          }
-        })
-      },
-
-      toAdd() {
-        this.$emit('change', {
-          type: 'Add',
-          params: {
-            type: 'Add',
-          }
-        })
-      },
-
-      remove(id) {
-        this.$confirm('确定删除该数据？').then(() => {
-          this.instance.post(`/app/appspecialprison/delete?ids=${id}`).then(res => {
-            if (res.code == 0) {
-              this.$message.success('删除成功！')
-              this.getList()
-            }
-          })
-        })
-      },
-
-      toDetail (id) {
-        this.$emit('change', {
-          type: 'Detail',
-          params: {
-            id: id || ''
-          }
-        })
-      }
+    toDetail(id) {
+      this.$emit('change', {
+        type: 'Detail',
+        params: {
+          id: id || ''
+        }
+      })
     }
   }
+}
 </script>
 
 <style scoped lang="scss">

From cfb0177a453aac4dd032e648b4456acdec138f78 Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Fri, 14 Oct 2022 13:58:35 +0800
Subject: [PATCH 3/5] =?UTF-8?q?=E6=B8=85=E7=90=86idCardNoUtils,=E6=94=B9?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8ID=E5=AF=B9=E8=B1=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../conv/AppVaccination/AppVaccination.vue    |   3 +-
 .../conv/AppVaccination/addVaccination.vue    |   7 +-
 .../scorePersonal/AppScorePersonal.vue        |   4 +-
 .../tutelage/AppWristband/components/Add.vue  |   3 +-
 .../AppCodeGeneration/components/Add.vue      |   3 +-
 .../components/neighbourSetting.vue           |   6 +-
 packages/meta/AppResident/residentDetail.vue  |   6 +-
 packages/party/AppPartyScore/psList.vue       |   3 +-
 packages/work/AppHelpedResident/hrDetail.vue  |   2 +-
 packages/work/AppHelpedResident/hrList.vue    |   3 +-
 .../work/AppRiskWarning/components/Add.vue    |   7 +-
 .../corporateSeal/sealDetail.vue              |   6 +-
 .../AppPersonalSignature.vue                  |   2 +-
 .../AppSpecialAdjustment/components/Add.vue   |   3 +-
 .../components/Detail.vue                     |  10 +-
 .../AppSpecialDisabled/components/Add.vue     |   3 +-
 .../AppSpecialDisabled/components/Detail.vue  |  10 +-
 .../apps/AppSpecialDrug/components/Add.vue    |   3 +-
 .../apps/AppSpecialDrug/components/Detail.vue |  10 +-
 .../apps/AppSpecialMental/components/Add.vue  |   3 +-
 .../AppSpecialMental/components/Detail.vue    |  10 +-
 .../apps/AppSpecialPrison/components/Add.vue  |   5 +-
 .../AppSpecialPrison/components/Detail.vue    | 228 +++++++++---------
 .../apps/finance/AppLoanAudit/loanList.vue    |   3 +-
 .../xiushan/apps/loanStatement/AppLoanSta.vue |   3 +-
 .../corporateSeal/sealDetail.vue              |   6 +-
 .../AppPersonalSignature.vue                  |   3 +-
 27 files changed, 193 insertions(+), 162 deletions(-)

diff --git a/packages/conv/AppVaccination/AppVaccination.vue b/packages/conv/AppVaccination/AppVaccination.vue
index 255b333d..a98c02b0 100644
--- a/packages/conv/AppVaccination/AppVaccination.vue
+++ b/packages/conv/AppVaccination/AppVaccination.vue
@@ -62,6 +62,7 @@
 <script>
 import {mapState} from "vuex";
 import AddVaccination from "./addVaccination";
+import {ID} from "dvcp-ui/lib/js/utils";
 
 export default {
   name: "AppVaccination",
@@ -108,7 +109,7 @@ export default {
         {label: "出生日期", prop: "birthday", align: 'center'},
         {
           label: "身份证号", width: "160px", align: 'center',
-          render: (h, {row}) => h('span', null, this.idCardNoUtil.hideId(row.idNumber))
+          render: (h, {row}) => h('span', null, ID.hideId(row.idNumber))
         },
         {label: "所属地区", prop: "areaName", align: 'center'},
         {label: "住址", prop: "address", width: "200px", align: 'center'},
diff --git a/packages/conv/AppVaccination/addVaccination.vue b/packages/conv/AppVaccination/addVaccination.vue
index 26d42b17..3c4cfa2d 100644
--- a/packages/conv/AppVaccination/addVaccination.vue
+++ b/packages/conv/AppVaccination/addVaccination.vue
@@ -82,6 +82,7 @@
 
 <script>
 import {mapState} from "vuex";
+import {ID} from "dvcp-ui/lib/js/utils";
 
 export default {
   name: "addVaccination",
@@ -183,9 +184,9 @@ export default {
       this.form = {...this.form, name, idNumber, phone, areaId, address}
     },
     getInfoByIdNumber(code) {
-      if (this.idCardNoUtil.checkIdCardNo(code)) {
-        let info = this.idCardNoUtil.getIdCardInfo(code)
-        this.form.sex = this.dict.getValue('sex', info.gender)
+      if (ID.check(code)) {
+        let info = new ID(code)
+        this.form.sex = info.sex
         this.form.birthday = info.birthday
         this.$forceUpdate()
       }
diff --git a/packages/conv/creditScore/scorePersonal/AppScorePersonal.vue b/packages/conv/creditScore/scorePersonal/AppScorePersonal.vue
index 6c44f2fe..dc07190d 100644
--- a/packages/conv/creditScore/scorePersonal/AppScorePersonal.vue
+++ b/packages/conv/creditScore/scorePersonal/AppScorePersonal.vue
@@ -97,6 +97,7 @@
 <script>
 import {mapState} from 'vuex';
 import detail from './detail'
+import {ID} from "dvcp-ui/lib/js/utils";
 
 export default {
   name: 'AppScorePersonal',
@@ -263,8 +264,7 @@ export default {
     formRules() {
       let IdNumberPass = (rule, value, callback) => {
         if (value) {
-          console.log(this.idCardNoUtil);
-          if (this.idCardNoUtil.checkIdCardNo(value)) {
+          if (ID.check(value)) {
             callback();
           } else {
             callback(new Error("身份证号格式错误"));
diff --git a/packages/device/tutelage/AppWristband/components/Add.vue b/packages/device/tutelage/AppWristband/components/Add.vue
index 26d74c90..1685bd01 100644
--- a/packages/device/tutelage/AppWristband/components/Add.vue
+++ b/packages/device/tutelage/AppWristband/components/Add.vue
@@ -119,6 +119,7 @@
 
 <script>
   import { mapState } from 'vuex'
+  import {ID} from "dvcp-ui/lib/js/utils";
   export default {
     name: 'Add',
 
@@ -132,7 +133,7 @@
       const validatorId = (rule, value, callback) => {
         if (value === '') {
           callback(new Error('请输入身份证号'))
-        } else if (!this.idCardNoUtil.checkIdCardNo(value)) {
+        } else if (!ID.check(value)) {
           callback(new Error('身份证号格式错误'))
         } else {
           callback()
diff --git a/packages/extra/AppCodeGeneration/components/Add.vue b/packages/extra/AppCodeGeneration/components/Add.vue
index 5fe3905c..22ad8df4 100644
--- a/packages/extra/AppCodeGeneration/components/Add.vue
+++ b/packages/extra/AppCodeGeneration/components/Add.vue
@@ -163,6 +163,7 @@
 
 <script>
 import {mapState} from 'vuex'
+import {ID} from "dvcp-ui/lib/js/utils";
 
 export default {
   name: 'Add',
@@ -242,7 +243,7 @@ export default {
         }
       })
 
-      const idNumberInfo = this.idCardNoUtil.getIdCardInfo(e.idNumber)
+      const idNumberInfo = new ID(e.idNumber)
       this.$set(this.formData, 'birthDate', idNumberInfo.birthday)
       this.formData.photo = e.photo ? [{
         url: e.photo
diff --git a/packages/meta/AppPartyMember/components/neighbourSetting.vue b/packages/meta/AppPartyMember/components/neighbourSetting.vue
index 90740316..c3e1bce7 100644
--- a/packages/meta/AppPartyMember/components/neighbourSetting.vue
+++ b/packages/meta/AppPartyMember/components/neighbourSetting.vue
@@ -43,7 +43,7 @@
               <el-row type="flex" justify="space-between" @click.native="handleSelectResident(row)" class="toggle"
                       :class="{selected:findResident(row.id)>-1}">
                 <span v-text="row.name"/>
-                <span v-text="idCardNoUtil.hideId(row.idNumber)"/>
+                <span v-text="ID.hideId(row.idNumber)"/>
               </el-row>
             </template>
           </el-table-column>
@@ -57,7 +57,7 @@
             </template>
             <template slot-scope="{row,$index}">
               <el-row type="flex" align="middle" justify="space-between">
-                <div v-text="[row.residentName, idCardNoUtil.hideId(row.idNumber)].join(' ')"/>
+                <div v-text="[row.residentName, ID.hideId(row.idNumber)].join(' ')"/>
                 <el-button type="text" @click="form.residentList.splice($index,1)">删除</el-button>
               </el-row>
             </template>
@@ -70,6 +70,7 @@
 
 <script>
 import {mapState} from "vuex";
+import {ID} from "dvcp-ui/lib/js/utils";
 
 export default {
   name: "neighbourSetting",
@@ -92,6 +93,7 @@ export default {
   },
   data() {
     return {
+      ID,
       search: {residentName: "", ids: ""},
       page: {current: 1, size: 10, total: 0},
       tableData: [],
diff --git a/packages/meta/AppResident/residentDetail.vue b/packages/meta/AppResident/residentDetail.vue
index 31145917..08c77c8e 100644
--- a/packages/meta/AppResident/residentDetail.vue
+++ b/packages/meta/AppResident/residentDetail.vue
@@ -448,7 +448,7 @@ export default {
   data() {
     let IdNumberPass = (rule, value, callback) => {
       if (value) {
-        if (this.idCardNoUtil.checkIdCardNo(value)) {
+        if (ID.check(value)) {
           callback();
         } else {
           callback(new Error("身份证号格式错误"));
@@ -568,7 +568,7 @@ export default {
         {label: "姓名", prop: "name"},
         {label: "性别", prop: "sex", dict: "sex", align: 'center'},
         {label: "年龄", prop: "age", align: 'center'},
-        {label: "身份证号", render: (h, {row}) => h('p', this.idCardNoUtil.hideId(row.idNumber))},
+        {label: "身份证号", render: (h, {row}) => h('p', ID.hideId(row.idNumber))},
         {slot: "options"}
       ]
     }
@@ -653,7 +653,7 @@ export default {
     },
     showFamily(row) {
       this.familyInfo = row;
-      let {birthday} = this.idCardNoUtil.getIdCardInfo(this.familyInfo.idNumber)
+      let {birthday} = ID.getIdCardInfo(this.familyInfo.idNumber)
       this.familyInfo.birthday = birthday
       if (this.familyInfo.photo) {
         this.familyInfo.imgUrl = this.familyInfo.photo.split(";")[0];
diff --git a/packages/party/AppPartyScore/psList.vue b/packages/party/AppPartyScore/psList.vue
index 8e1899a9..a181b82e 100644
--- a/packages/party/AppPartyScore/psList.vue
+++ b/packages/party/AppPartyScore/psList.vue
@@ -34,6 +34,7 @@
 
 <script>
 import {mapState} from "vuex";
+import {ID} from "dvcp-ui/lib/js/utils";
 
 export default {
   name: "psList",
@@ -60,7 +61,7 @@ export default {
         },
         {label: '类型', prop: 'residentType', align: 'center', dict: "residentType"},
         {label: '姓名', prop: 'name', align: 'center'},
-        {label: '身份证号', render: (h, {row}) => h('p', this.idCardNoUtil.hideId(row.idNumber)), width: 165},
+        {label: '身份证号', render: (h, {row}) => h('p', ID.hideId(row.idNumber)), width: 165},
         {label: '联系电话', prop: 'phone', align: 'center', width: 120}
       ]
     }
diff --git a/packages/work/AppHelpedResident/hrDetail.vue b/packages/work/AppHelpedResident/hrDetail.vue
index b8246e15..e9243de8 100644
--- a/packages/work/AppHelpedResident/hrDetail.vue
+++ b/packages/work/AppHelpedResident/hrDetail.vue
@@ -522,7 +522,7 @@ export default {
         {
           label: "证件号",
           render: (h, {row}) =>
-              h("p", null, this.idCardNoUtil.hideId(row.idNumber)),
+              h("p", null, ID.hideId(row.idNumber)),
         },
         {slot: "options"},
       ];
diff --git a/packages/work/AppHelpedResident/hrList.vue b/packages/work/AppHelpedResident/hrList.vue
index 21ed92e3..2e111a94 100644
--- a/packages/work/AppHelpedResident/hrList.vue
+++ b/packages/work/AppHelpedResident/hrList.vue
@@ -77,6 +77,7 @@
 
 <script>
 import {mapState} from "vuex";
+import {ID} from "dvcp-ui/lib/js/utils";
 
 export default {
   name: "hrList",
@@ -92,7 +93,7 @@ export default {
         {type: 'selection'},
         {label: "姓名", prop: "name", align: "center"},
         {label: "性别", prop: "sex", dict: 'sex', align: "center"},
-        {label: "证件号", render: (h, {row}) => h('p', this.idCardNoUtil.hideId(row.idNumber))},
+        {label: "证件号", render: (h, {row}) => h('p', ID.hideId(row.idNumber))},
         {label: "年龄", prop: "age", align: "center"},
         {label: "民族", prop: "nation", align: "center", dict: "fpNation"},
         {label: "文化程度", prop: "education", align: "center", dict: "fpEducation"},
diff --git a/packages/work/AppRiskWarning/components/Add.vue b/packages/work/AppRiskWarning/components/Add.vue
index 5de663f9..0a6c4ed9 100644
--- a/packages/work/AppRiskWarning/components/Add.vue
+++ b/packages/work/AppRiskWarning/components/Add.vue
@@ -57,6 +57,7 @@
 
 <script>
   import { mapState } from 'vuex'
+  import {ID} from "dvcp-ui/lib/js/utils";
   export default {
     name: 'Add',
 
@@ -70,7 +71,7 @@
       const validatorId = (rule, value, callback) => {
         if (value === '') {
           callback(new Error('请输入身份证号'))
-        } else if (!this.idCardNoUtil.checkIdCardNo(value)) {
+        } else if (!ID.check(value)) {
           callback(new Error('身份证号格式错误'))
         } else {
           callback()
@@ -80,10 +81,10 @@
       const validatorPhone = function (rule, value, callback) {
         if (value === '') {
           callback(new Error('请输入联系方式'))
-        } 
+        }
         // else if (!/^1\d{10}$/.test(value)) {
         //   callback(new Error('手机号格式错误'))
-        // } 
+        // }
         else {
           callback()
         }
diff --git a/packages/work/processManagement/corporateSeal/sealDetail.vue b/packages/work/processManagement/corporateSeal/sealDetail.vue
index 36d36da6..b6c19574 100644
--- a/packages/work/processManagement/corporateSeal/sealDetail.vue
+++ b/packages/work/processManagement/corporateSeal/sealDetail.vue
@@ -95,6 +95,8 @@
 </template>
 
 <script>
+import {ID} from "dvcp-ui/lib/js/utils";
+
 export default {
   name: "sealDetail",
   inject: ['seal'],
@@ -135,11 +137,11 @@ export default {
         ],
         legalIdNumber: [
           {required: true, message: "请填写法人身份证号码"},
-          {validator: (r, v, cb) => cb(this.idCardNoUtil.checkIdCardNo(v) ? undefined : "身份证号码格式有误")}
+          {validator: (r, v, cb) => cb(ID.check(v) ? undefined : "身份证号码格式有误")}
         ],
         agentIdNumber: [
           {required: true, message: "请填写代理人身份证号码"},
-          {validator: (r, v, cb) => cb(this.idCardNoUtil.checkIdCardNo(v) ? undefined : "身份证号码格式有误")}
+          {validator: (r, v, cb) => cb(ID.check(v) ? undefined : "身份证号码格式有误")}
         ],
       }
     }
diff --git a/packages/work/processManagement/personalSignature/AppPersonalSignature.vue b/packages/work/processManagement/personalSignature/AppPersonalSignature.vue
index 26532308..e84f74b7 100644
--- a/packages/work/processManagement/personalSignature/AppPersonalSignature.vue
+++ b/packages/work/processManagement/personalSignature/AppPersonalSignature.vue
@@ -95,7 +95,7 @@ export default {
         ],
         idNumber: [
           {required: true, message: "请填写身份证号码"},
-          {validator: (r, v, cb) => cb(this.idCardNoUtil.checkIdCardNo(v) ? undefined : "身份证号码格式有误")}
+          {validator: (r, v, cb) => cb(ID.check(v) ? undefined : "身份证号码格式有误")}
         ],
       }
     }
diff --git a/project/sass/apps/AppSpecialAdjustment/components/Add.vue b/project/sass/apps/AppSpecialAdjustment/components/Add.vue
index 6eae6d02..316d91de 100644
--- a/project/sass/apps/AppSpecialAdjustment/components/Add.vue
+++ b/project/sass/apps/AppSpecialAdjustment/components/Add.vue
@@ -113,6 +113,7 @@
 
 <script>
 import { mapState } from 'vuex'
+import {ID} from "dvcp-ui/lib/js/utils";
 
 export default {
   name: 'Add',
@@ -137,7 +138,7 @@ export default {
 
     let IdNumberPass = (rule, value, callback) => {
       if (value) {
-        if (this.idCardNoUtil.checkIdCardNo(value)) {
+        if (ID.check(value)) {
           callback();
         } else {
           callback(new Error('身份证号格式错误'))
diff --git a/project/sass/apps/AppSpecialAdjustment/components/Detail.vue b/project/sass/apps/AppSpecialAdjustment/components/Detail.vue
index 7f39e949..8fc37e71 100644
--- a/project/sass/apps/AppSpecialAdjustment/components/Detail.vue
+++ b/project/sass/apps/AppSpecialAdjustment/components/Detail.vue
@@ -52,6 +52,8 @@
 </template>
 
 <script>
+  import {ID} from "dvcp-ui/lib/js/utils";
+
   export default {
     name: 'Detail',
 
@@ -60,21 +62,22 @@
       dict: Object,
       params: Object
     },
-
+    computed:{
+      idNumberInfo:v=>new ID(v.info.idNumber)
+    },
     data () {
       return {
         currIndex: 0,
         tabTitle: ['人员信息', '走访记录'],
         info: {},
         list: [],
-        idNumberInfo: {}
       }
     },
 
     created () {
       if (this.params && this.params.id) {
         this.id = this.params.id
-      
+
         this.dict.load('appSpecialSituation', 'appSpecialPlacement', 'appSpecialDenger', 'appSpecialCrime',
             'appSpecialControl', 'appSpecialDebug', 'appSpecialDrug', 'appSpecialChangeType', 'appSpecialCure', 'appSpecialDengerLevel',
             'appSpecialDisableLevel', 'appSpecialDisableType', 'appSpecialHealth', 'appSpecialMarriage', 'appSpecialTypeFive','isReflection','yesOrNo').then(() => {
@@ -91,7 +94,6 @@
         this.instance.post(`/app/appspecialadjustment/queryDetailById?id=${id}`).then(res => {
           if (res.code === 0) {
             this.info = res.data
-            this.idNumberInfo = this.idCardNoUtil.getIdCardInfo(res.data.idNumber)
           }
         })
       },
diff --git a/project/sass/apps/AppSpecialDisabled/components/Add.vue b/project/sass/apps/AppSpecialDisabled/components/Add.vue
index 2232baca..51d4f614 100644
--- a/project/sass/apps/AppSpecialDisabled/components/Add.vue
+++ b/project/sass/apps/AppSpecialDisabled/components/Add.vue
@@ -113,6 +113,7 @@
 
 <script>
 import { mapState } from 'vuex'
+import {ID} from "dvcp-ui/lib/js/utils";
 
 export default {
   name: 'Add',
@@ -137,7 +138,7 @@ export default {
 
     let IdNumberPass = (rule, value, callback) => {
       if (value) {
-        if (this.idCardNoUtil.checkIdCardNo(value)) {
+        if (ID.check(value)) {
           callback();
         } else {
           callback(new Error('身份证号格式错误'))
diff --git a/project/sass/apps/AppSpecialDisabled/components/Detail.vue b/project/sass/apps/AppSpecialDisabled/components/Detail.vue
index 378ae6ba..e9db12db 100644
--- a/project/sass/apps/AppSpecialDisabled/components/Detail.vue
+++ b/project/sass/apps/AppSpecialDisabled/components/Detail.vue
@@ -51,6 +51,8 @@
 </template>
 
 <script>
+  import {ID} from "dvcp-ui/lib/js/utils";
+
   export default {
     name: 'Detail',
 
@@ -66,14 +68,13 @@
         tabTitle: ['人员信息', '走访记录'],
         info: {},
         list: [],
-        idNumberInfo: {}
       }
     },
 
     created () {
       if (this.params && this.params.id) {
         this.id = this.params.id
-      
+
         this.dict.load('appSpecialSituation', 'appSpecialPlacement', 'appSpecialDenger', 'appSpecialCrime',
             'appSpecialControl', 'appSpecialDebug', 'appSpecialDrug', 'appSpecialChangeType', 'appSpecialCure', 'appSpecialDengerLevel',
             'appSpecialDisableLevel', 'appSpecialDisableType', 'appSpecialHealth', 'appSpecialMarriage', 'appSpecialTypeFive','isReflection','yesOrNo').then(() => {
@@ -84,13 +85,14 @@
         })
       }
     },
-
+    computed:{
+      idNumberInfo:v=>new ID(v.info.idNumber)
+    },
     methods: {
       getInfo (id) {
         this.instance.post(`/app/appspecialdisabled/queryDetailById?id=${id}`).then(res => {
           if (res.code === 0) {
             this.info = res.data
-            this.idNumberInfo = this.idCardNoUtil.getIdCardInfo(res.data.idNumber)
           }
         })
       },
diff --git a/project/sass/apps/AppSpecialDrug/components/Add.vue b/project/sass/apps/AppSpecialDrug/components/Add.vue
index 19a5f571..87c6e995 100644
--- a/project/sass/apps/AppSpecialDrug/components/Add.vue
+++ b/project/sass/apps/AppSpecialDrug/components/Add.vue
@@ -113,6 +113,7 @@
 
 <script>
 import { mapState } from 'vuex'
+import {ID} from "dvcp-ui/lib/js/utils";
 
 export default {
   name: 'Add',
@@ -150,7 +151,7 @@ export default {
 
     let IdNumberPass = (rule, value, callback) => {
       if (value) {
-        if (this.idCardNoUtil.checkIdCardNo(value)) {
+        if (ID.check(value)) {
           callback();
         } else {
           callback(new Error('身份证号格式错误'))
diff --git a/project/sass/apps/AppSpecialDrug/components/Detail.vue b/project/sass/apps/AppSpecialDrug/components/Detail.vue
index 3963ae98..152e147b 100644
--- a/project/sass/apps/AppSpecialDrug/components/Detail.vue
+++ b/project/sass/apps/AppSpecialDrug/components/Detail.vue
@@ -53,6 +53,8 @@
 </template>
 
 <script>
+  import {ID} from "dvcp-ui/lib/js/utils";
+
   export default {
     name: 'Detail',
 
@@ -68,14 +70,13 @@
         tabTitle: ['人员信息', '走访记录'],
         info: {},
         list: [],
-        idNumberInfo: {}
       }
     },
 
     created () {
       if (this.params && this.params.id) {
         this.id = this.params.id
-      
+
         this.dict.load('appSpecialSituation', 'appSpecialPlacement', 'appSpecialDenger', 'appSpecialCrime',
             'appSpecialControl', 'appSpecialDebug', 'appSpecialDrug', 'appSpecialChangeType', 'appSpecialCure', 'appSpecialDengerLevel',
             'appSpecialDisableLevel', 'appSpecialDisableType', 'appSpecialHealth', 'appSpecialMarriage', 'appSpecialTypeFive','isReflection','yesOrNo').then(() => {
@@ -86,13 +87,14 @@
         })
       }
     },
-
+    computed:{
+      idNumberInfo:v=>new ID(v.info.idNumber)
+    },
     methods: {
       getInfo (id) {
         this.instance.post(`/app/appspecialdrug/queryDetailById?id=${id}`).then(res => {
           if (res.code === 0) {
             this.info = res.data
-            this.idNumberInfo = this.idCardNoUtil.getIdCardInfo(res.data.idNumber)
           }
         })
       },
diff --git a/project/sass/apps/AppSpecialMental/components/Add.vue b/project/sass/apps/AppSpecialMental/components/Add.vue
index af06e2f7..6499d273 100644
--- a/project/sass/apps/AppSpecialMental/components/Add.vue
+++ b/project/sass/apps/AppSpecialMental/components/Add.vue
@@ -113,6 +113,7 @@
 
 <script>
 import { mapState } from 'vuex'
+import {ID} from "dvcp-ui/lib/js/utils";
 
 export default {
   name: 'Add',
@@ -150,7 +151,7 @@ export default {
 
     let IdNumberPass = (rule, value, callback) => {
       if (value) {
-        if (this.idCardNoUtil.checkIdCardNo(value)) {
+        if (ID.check(value)) {
           callback();
         } else {
           callback(new Error('身份证号格式错误'))
diff --git a/project/sass/apps/AppSpecialMental/components/Detail.vue b/project/sass/apps/AppSpecialMental/components/Detail.vue
index 10b24d06..46fdcf67 100644
--- a/project/sass/apps/AppSpecialMental/components/Detail.vue
+++ b/project/sass/apps/AppSpecialMental/components/Detail.vue
@@ -52,6 +52,8 @@
 </template>
 
 <script>
+  import {ID} from "dvcp-ui/lib/js/utils";
+
   export default {
     name: 'Detail',
 
@@ -67,14 +69,13 @@
         tabTitle: ['人员信息', '走访记录'],
         info: {},
         list: [],
-        idNumberInfo: {}
       }
     },
 
     created () {
       if (this.params && this.params.id) {
         this.id = this.params.id
-      
+
         this.dict.load('appSpecialSituation', 'appSpecialPlacement', 'appSpecialDenger', 'appSpecialCrime',
             'appSpecialControl', 'appSpecialDebug', 'appSpecialDrug', 'appSpecialChangeType', 'appSpecialCure', 'appSpecialDengerLevel',
             'appSpecialDisableLevel', 'appSpecialDisableType', 'appSpecialHealth', 'appSpecialMarriage', 'appSpecialTypeFive','isReflection','yesOrNo').then(() => {
@@ -85,13 +86,14 @@
         })
       }
     },
-
+    computed:{
+      idNumberInfo:v=>new ID(v.info.idNumber)
+    },
     methods: {
       getInfo (id) {
         this.instance.post(`/app/appspecialmental/queryDetailById?id=${id}`).then(res => {
           if (res.code === 0) {
             this.info = res.data
-            this.idNumberInfo = this.idCardNoUtil.getIdCardInfo(res.data.idNumber)
           }
         })
       },
diff --git a/project/sass/apps/AppSpecialPrison/components/Add.vue b/project/sass/apps/AppSpecialPrison/components/Add.vue
index 7a1ebd95..a373e15c 100644
--- a/project/sass/apps/AppSpecialPrison/components/Add.vue
+++ b/project/sass/apps/AppSpecialPrison/components/Add.vue
@@ -113,6 +113,7 @@
 
 <script>
 import { mapState } from 'vuex'
+import {ID} from "dvcp-ui/lib/js/utils";
 
 export default {
   name: 'Add',
@@ -134,10 +135,10 @@ export default {
         }
       }
     }
-    
+
     let IdNumberPass = (rule, value, callback) => {
       if (value) {
-        if (this.idCardNoUtil.checkIdCardNo(value)) {
+        if (ID.check(value)) {
           callback();
         } else {
           callback(new Error('身份证号格式错误'))
diff --git a/project/sass/apps/AppSpecialPrison/components/Detail.vue b/project/sass/apps/AppSpecialPrison/components/Detail.vue
index a271301e..b36648ec 100644
--- a/project/sass/apps/AppSpecialPrison/components/Detail.vue
+++ b/project/sass/apps/AppSpecialPrison/components/Detail.vue
@@ -1,4 +1,4 @@
- <template>
+<template>
   <ai-detail class="AppSpecial" isHasSidebar>
     <template slot="title">
       <ai-title title="详情" isShowBack isShowBottomBorder @onBackClick="cancel(true)">
@@ -55,145 +55,147 @@
 </template>
 
 <script>
-  export default {
-    name: 'Detail',
+import {ID} from "dvcp-ui/lib/js/utils";
 
-    props: {
-      instance: Function,
-      dict: Object,
-      params: Object
+export default {
+  name: 'Detail',
+
+  props: {
+    instance: Function,
+    dict: Object,
+    params: Object
+  },
+  computed: {
+    idNumberInfo: v => new ID(v.info.idNumber)
+  },
+  data() {
+    return {
+      currIndex: 0,
+      tabTitle: ['人员信息', '走访记录'],
+      info: {},
+      list: [],
+    }
+  },
+
+  created() {
+    if (this.params && this.params.id) {
+      this.id = this.params.id
+
+      this.dict.load('appSpecialSituation', 'appSpecialPlacement', 'appSpecialDenger', 'appSpecialCrime',
+          'appSpecialControl', 'appSpecialDebug', 'appSpecialDrug', 'appSpecialChangeType', 'appSpecialCure', 'appSpecialDengerLevel',
+          'appSpecialDisableLevel', 'appSpecialDisableType', 'appSpecialHealth', 'appSpecialMarriage', 'appSpecialTypeFive', 'isReflection', 'yesOrNo').then(() => {
+        this.getInfo(this.params.id)
+      })
+      this.dict.load('visitCondolenceReality').then(() => {
+        this.getList()
+      })
+    }
+  },
+
+  methods: {
+    getInfo(id) {
+      this.instance.post(`/app/appspecialprison/queryDetailById?id=${id}`).then(res => {
+        if (res.code === 0) {
+          this.info = res.data
+        }
+      })
     },
 
-    data () {
-      return {
-        currIndex: 0,
-        tabTitle: ['人员信息', '走访记录'],
-        info: {},
-        list: [],
-        idNumberInfo: {}
-      }
+    getList() {
+      this.instance.post(`/app/appvisitvondolence/list`, null, {
+        params: {
+          applicationId: 4,
+          size: 1000
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.list = res.data.records
+        }
+      })
     },
 
-    created () {
-      if (this.params && this.params.id) {
-        this.id = this.params.id
-      
-        this.dict.load('appSpecialSituation', 'appSpecialPlacement', 'appSpecialDenger', 'appSpecialCrime',
-            'appSpecialControl', 'appSpecialDebug', 'appSpecialDrug', 'appSpecialChangeType', 'appSpecialCure', 'appSpecialDengerLevel',
-            'appSpecialDisableLevel', 'appSpecialDisableType', 'appSpecialHealth', 'appSpecialMarriage', 'appSpecialTypeFive','isReflection','yesOrNo').then(() => {
-          this.getInfo(this.params.id)
-        })
-        this.dict.load('visitCondolenceReality').then(() => {
-          this.getList()
-        })
-      }
-    },
-
-    methods: {
-      getInfo (id) {
-        this.instance.post(`/app/appspecialprison/queryDetailById?id=${id}`).then(res => {
-          if (res.code === 0) {
-            this.info = res.data
-            this.idNumberInfo = this.idCardNoUtil.getIdCardInfo(res.data.idNumber)
-          }
-        })
-      },
-
-      getList () {
-        this.instance.post(`/app/appvisitvondolence/list`, null, {
-          params: {
-            applicationId: 4,
-            size: 1000
-          }
-        }).then(res => {
-          if (res.code == 0) {
-            this.list = res.data.records
-          }
-        })
-      },
-
-      cancel (isRefresh) {
-        this.$emit('change', {
-          type: 'List',
-          isRefresh: !!isRefresh
-        })
-      }
+    cancel(isRefresh) {
+      this.$emit('change', {
+        type: 'List',
+        isRefresh: !!isRefresh
+      })
     }
   }
+}
 </script>
 
 <style scoped lang="scss">
-  .AppSpecial {
-    .visit-list {
-      .visit-item {
-        padding: 10px 0;
-        border-bottom: 1px solid #eee;
+.AppSpecial {
+  .visit-list {
+    .visit-item {
+      padding: 10px 0;
+      border-bottom: 1px solid #eee;
 
-        &:first-child {
-          padding-top: 0;
+      &:first-child {
+        padding-top: 0;
+      }
+
+      &:last-child {
+        border-bottom: none;
+      }
+
+      .visit-status {
+        display: flex;
+        align-items: center;
+        font-size: 14px;
+
+        span {
+          color: #333;
         }
 
-        &:last-child {
-          border-bottom: none;
+        i {
+          color: #999;
+          font-style: normal;
         }
+      }
 
-        .visit-status {
-          display: flex;
-          align-items: center;
+      & > p {
+        line-height: 1.4;
+        margin-bottom: 4px;
+        text-align: justify;
+        color: #666;
+        font-size: 16px;
+      }
+
+      .visit-item__top {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: 10px;
+
+        span {
           font-size: 14px;
-
-          span {
-            color: #333;
-          }
-
-          i {
-            color: #999;
-            font-style: normal;
-          }
+          color: #999;
         }
 
-        & > p {
-          line-height: 1.4;
-          margin-bottom: 4px;
-          text-align: justify;
-          color: #666;
-          font-size: 16px;
-        }
-
-        .visit-item__top {
+        .left {
           display: flex;
           align-items: center;
-          justify-content: space-between;
-          margin-bottom: 10px;
 
-          span {
+          img, .avatar {
+            width: 40px;
+            height: 40px;
+            line-height: 40px;
+            text-align: center;
+            margin-right: 10px;
+            border-radius: 50%;
             font-size: 14px;
-            color: #999;
+            color: #fff;
+            background: #26f;
           }
 
-          .left {
-            display: flex;
-            align-items: center;
-
-            img, .avatar {
-              width: 40px;
-              height: 40px;
-              line-height: 40px;
-              text-align: center;
-              margin-right: 10px;
-              border-radius: 50%;
-              font-size: 14px;
-              color: #fff;
-              background: #26f;
-            }
-
-            h2 {
-              font-size: 16px;
-              font-weight: 500;
-            }
+          h2 {
+            font-size: 16px;
+            font-weight: 500;
           }
         }
       }
     }
   }
+}
 </style>
diff --git a/project/xiushan/apps/finance/AppLoanAudit/loanList.vue b/project/xiushan/apps/finance/AppLoanAudit/loanList.vue
index 7639dcab..bef1ae24 100644
--- a/project/xiushan/apps/finance/AppLoanAudit/loanList.vue
+++ b/project/xiushan/apps/finance/AppLoanAudit/loanList.vue
@@ -58,6 +58,7 @@
 <script>
 import {mapState} from "vuex";
 import LoanSta from "./loanSta";
+import {ID} from "dvcp-ui/lib/js/utils";
 
 export default {
   name: "loanList",
@@ -130,7 +131,7 @@ export default {
         ]
       } else {//金融产品
         ops = [
-          {label: "身份证号", render: (h, {row}) => h('p', this.idCardNoUtil.hideId(row.idNumber)), width: 160},
+          {label: "身份证号", render: (h, {row}) => h('p', ID.hideId(row.idNumber)), width: 160},
           {label: "贷款金额(万)", prop: "loanAmount"},
           {label: "贷款机构", prop: "organizationName"},
           {label: "机构类型", prop: "organizationType", dict: "financialOrganizationType"},
diff --git a/project/xiushan/apps/loanStatement/AppLoanSta.vue b/project/xiushan/apps/loanStatement/AppLoanSta.vue
index dfff4053..0b4792c1 100644
--- a/project/xiushan/apps/loanStatement/AppLoanSta.vue
+++ b/project/xiushan/apps/loanStatement/AppLoanSta.vue
@@ -34,6 +34,7 @@
 
 <script>
 import {mapState} from "vuex";
+import {ID} from "dvcp-ui/lib/js/utils";
 
 export default {
   name: "AppLoanSta",
@@ -55,7 +56,7 @@ export default {
         {label: "产品名称", width: '200', prop: "productName"},
         {label: "联系人", width: '100', prop: "name"},
         {label: "联系方式", width: '140', prop: "phone"},
-        {label: "身份证号", render: (h, {row}) => h('p', this.idCardNoUtil.hideId(row.idNumber)), width: 160},
+        {label: "身份证号", render: (h, {row}) => h('p', ID.hideId(row.idNumber)), width: 160},
         {label: "企业主体", width: '200', prop: "enterpriseName"},
         {label: "贷款金额(万)", width: '120', prop: "loanAmount"},
         {label: "申请时间", prop: "createTime", width: 160},
diff --git a/project/xiushan/apps/processManagement/corporateSeal/sealDetail.vue b/project/xiushan/apps/processManagement/corporateSeal/sealDetail.vue
index 36d36da6..b6c19574 100644
--- a/project/xiushan/apps/processManagement/corporateSeal/sealDetail.vue
+++ b/project/xiushan/apps/processManagement/corporateSeal/sealDetail.vue
@@ -95,6 +95,8 @@
 </template>
 
 <script>
+import {ID} from "dvcp-ui/lib/js/utils";
+
 export default {
   name: "sealDetail",
   inject: ['seal'],
@@ -135,11 +137,11 @@ export default {
         ],
         legalIdNumber: [
           {required: true, message: "请填写法人身份证号码"},
-          {validator: (r, v, cb) => cb(this.idCardNoUtil.checkIdCardNo(v) ? undefined : "身份证号码格式有误")}
+          {validator: (r, v, cb) => cb(ID.check(v) ? undefined : "身份证号码格式有误")}
         ],
         agentIdNumber: [
           {required: true, message: "请填写代理人身份证号码"},
-          {validator: (r, v, cb) => cb(this.idCardNoUtil.checkIdCardNo(v) ? undefined : "身份证号码格式有误")}
+          {validator: (r, v, cb) => cb(ID.check(v) ? undefined : "身份证号码格式有误")}
         ],
       }
     }
diff --git a/project/xiushan/apps/processManagement/personalSignature/AppPersonalSignature.vue b/project/xiushan/apps/processManagement/personalSignature/AppPersonalSignature.vue
index 26532308..b6a7dfaf 100644
--- a/project/xiushan/apps/processManagement/personalSignature/AppPersonalSignature.vue
+++ b/project/xiushan/apps/processManagement/personalSignature/AppPersonalSignature.vue
@@ -57,6 +57,7 @@
 <script>
 import {mapState} from "vuex";
 import DrawInPhone from "./drawInPhone";
+import {ID} from "dvcp-ui/lib/js/utils";
 
 export default {
   name: "AppPersonalSignature",
@@ -95,7 +96,7 @@ export default {
         ],
         idNumber: [
           {required: true, message: "请填写身份证号码"},
-          {validator: (r, v, cb) => cb(this.idCardNoUtil.checkIdCardNo(v) ? undefined : "身份证号码格式有误")}
+          {validator: (r, v, cb) => cb(ID.check(v) ? undefined : "身份证号码格式有误")}
         ],
       }
     }

From 046715d4b6a09b100380a1b379936204b491a69d Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Fri, 14 Oct 2022 14:47:48 +0800
Subject: [PATCH 4/5] =?UTF-8?q?=E6=8D=A2=E5=B1=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/electionList.vue               |  22 ++-
 .../AppOrganizationChange/components/List.vue |  25 ++--
 .../components/history.vue                    |  63 ++++++++-
 .../components/moment.vue                     | 133 ++++++++----------
 4 files changed, 153 insertions(+), 90 deletions(-)

diff --git a/project/pingchang/apps/AppGeneralElection/components/electionList.vue b/project/pingchang/apps/AppGeneralElection/components/electionList.vue
index 49070ccd..5ccb22da 100644
--- a/project/pingchang/apps/AppGeneralElection/components/electionList.vue
+++ b/project/pingchang/apps/AppGeneralElection/components/electionList.vue
@@ -39,24 +39,25 @@ export default {
   data () {
     return {
       search: {
-        status: '',
+        status: '',  // 0、未开始；1、进行中；2、已结束
         title: '',
-        tableData: [],
       },
       page: {
         current: 1,
         size: 10,
-        total: '',
+        total: 0,
       },
+      tableData: [],
     }
   },
   created () {
     this.dict.load('yesOrNo', 'partyFourLinkageStatus')
+    this.getList()
   },
   computed: {
     colConfigs() {
       return [
-        {prop: "", label: "标题", align: "left"},
+        {prop: "", label: "标题", align: "left", showOverflowTooltip: true},
         {prop: "", label: "所属支部", align: "center"},
         {prop: "", label: "选举方式", align: "center"},
         {prop: "", label: "应选人数", align: "center"},
@@ -66,7 +67,18 @@ export default {
     }
   },
   methods: {
-    getList () {},
+    getList() {
+      this.instance.post(`/app/appgeneralelectioninfo/list`,null,{
+        params: {
+          ...this.page,
+          ...this.search,
+        }
+      }).then(res=> {
+        if(res?.data) {
+          console.log(res);
+        }
+      })
+    },
     toAdd(id) {
       this.$emit('change', {
         type: 'electionAdd',
diff --git a/project/pingchang/apps/AppOrganizationChange/components/List.vue b/project/pingchang/apps/AppOrganizationChange/components/List.vue
index 9a18aa45..41980a50 100644
--- a/project/pingchang/apps/AppOrganizationChange/components/List.vue
+++ b/project/pingchang/apps/AppOrganizationChange/components/List.vue
@@ -1,6 +1,6 @@
 <template>
   <ai-list class="List">
-    <template slot="title" class="title">
+    <template slot="title">
       <ai-title title="组织换届" isShowBottomBorder>
         <template slot="rightBtn">
           <el-button size="small" type="primary" icon="iconfont iconAdd" @click="toAdd('')" >换届设置</el-button>
@@ -18,13 +18,17 @@
             @select="onTreeChange"/>
       </ai-tree-menu>
     </template>
-    <template slot="content">
-      <el-tabs v-model="currIndex">
+    <template slot="content" class="content">
+      <el-tabs v-model="currIndex" >
         <el-tab-pane v-for="(tab,i) in tabs" :key="i" :label="tab.label">
           <component :ref="String(i)" v-if="currIndex == i" :is="tab.comp" lazy :instance="instance"
                       :dict="dict" :permissions="permissions" v-on="$listeners"/>
         </el-tab-pane>
+        
       </el-tabs>
+      <div class="add_btn">
+        <el-button size="small" type="primary" icon="iconfont iconAdd" @click="toAdd('')" >新增换届</el-button>
+      </div>
     </template>
   </ai-list>
 </template>
@@ -181,12 +185,17 @@ export default {
     top: 8px;
   }
 
-  // .add_btn {
-  //   position: absolute;
-  //   right: 38px;
-  //   top: 78px;
-  // }
+  ::v-deep .ai-list__content--right {
+    position: relative;
 
+    .add_btn {
+      position: absolute;
+      right: 18px;
+      top: 11px;
+    }
+  }
+
+  
   ::v-deep .audit-0 {
     color: #FF8822 !important;
   }
diff --git a/project/pingchang/apps/AppOrganizationChange/components/history.vue b/project/pingchang/apps/AppOrganizationChange/components/history.vue
index 182b2f92..a101fce5 100644
--- a/project/pingchang/apps/AppOrganizationChange/components/history.vue
+++ b/project/pingchang/apps/AppOrganizationChange/components/history.vue
@@ -1,7 +1,33 @@
 <template>
-  <section class="history">
-    历史届次hhh 
-  </section>
+  <ai-list class="history">
+    <template slot="content">
+      <ai-search-bar>
+        <template #left>
+          <el-button type="primary" icon="iconfont iconEdit" @click="fillupAdd('')">补录</el-button>
+        </template>
+        <template #right>
+          <el-input size="small" placeholder="请输入届次" v-model="search.name" clearable
+                      v-throttle="() => {page.current = 1, getList()}"/>
+          <el-button icon="iconfont iconResetting" @click="reset('')">重置</el-button>
+        </template>
+      </ai-search-bar>
+      <ai-table
+        class="detail-table__table"
+        :tableData="tableData"
+        :col-configs="colConfigs"
+        :total="totalJob"
+        :current.sync="current"
+        :size.sync="size"
+        @getList="getJobList">
+        <el-table-column slot="options" label="操作" align="center">
+          <template slot-scope="{ row }">
+            <el-button type="text" @click="jobEdit(row.id)">编辑</el-button>
+            <el-button type="text" @click="jobDelete(row.id)">删除</el-button>
+          </template>
+        </el-table-column>
+      </ai-table>
+    </template>
+  </ai-list>
 </template>
 
 <script>
@@ -12,6 +38,37 @@ export default {
     permissions: Function,
     dict: Object,
   },
+  data() {
+    return {
+      search: {
+        name: '',
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  computed: {
+    colConfigs() {
+      return [
+        {prop: '', label: '届次', align: 'left'},
+        {prop: '', label: '换届日期', align: 'center'},
+        {prop: '', label: '操作时间', align: 'center'},
+        {prop: '', label: '操作人', align: 'center'},
+        {slot: 'options'},
+      ]
+    }
+  },
+  methods: {
+    fillupAdd() {},
+    reset() {},
+    getList() {}
+  },
+  created() {
+
+  },
 }
 </script>
 
diff --git a/project/pingchang/apps/AppOrganizationChange/components/moment.vue b/project/pingchang/apps/AppOrganizationChange/components/moment.vue
index a2920e4e..b8008cce 100644
--- a/project/pingchang/apps/AppOrganizationChange/components/moment.vue
+++ b/project/pingchang/apps/AppOrganizationChange/components/moment.vue
@@ -1,61 +1,59 @@
 <template>
-  <section class="moment">
-    <ai-detail>
-      <template slot="content">
-        <ai-bar title="总体概况">
-          <template slot="right">
-            <el-button size="small" type="text" icon="iconfont iconEdit" @click="toEdit('')" >修改</el-button>
+  <ai-list class="moment">
+    <template slot="content">
+      <ai-bar title="总体概况">
+        <template slot="right">
+          <el-button size="small" type="text" icon="iconfont iconEdit" @click="toEdit('')" >修改</el-button>
+        </template>
+      </ai-bar>
+      <ai-wrapper>
+        <ai-info-item label="本届换届时间" :value="111" />
+        <ai-info-item label="换届类型" :value="111" />
+        <ai-info-item label="下届换届时间" :value="111" />
+        <ai-info-item label="当前届次" :value="111" />
+      </ai-wrapper>
+      <ai-bar title="本届任职">
+        <template slot="right">
+          <el-button size="small" type="text" icon="iconfont iconAdd" @click="toAdd('')" >添加任职人员</el-button>
+        </template>
+      </ai-bar>
+      <ai-table
+          class="detail-table__table"
+          :tableData="tableData"
+          :col-configs="colConfigs"
+          :total="totalJob"
+          :current.sync="current"
+          :size.sync="size"
+          @getList="getJobList">
+          <el-table-column slot="options" label="操作" align="center">
+            <template slot-scope="{ row }">
+              <el-button type="text" @click="jobEdit(row.id)">编辑</el-button>
+              <el-button type="text" @click="jobDelete(row.id)">删除</el-button>
+            </template>
+          </el-table-column>
+        </ai-table>
+        <ai-bar title="本届候选人">
+        <template slot="right">
+          <el-button size="small" type="text" icon="iconfont iconAdd" @click="toAdd('')" >添加候选人</el-button>
+        </template>
+      </ai-bar>
+      <ai-table
+        class="detail-table__table"
+        :tableData="tableData"
+        :col-configs="colConfigs"
+        :total="totalJob"
+        :current.sync="current"
+        :size.sync="size"
+        @getList="getJobList">
+        <el-table-column slot="options" label="操作" align="center">
+          <template slot-scope="{ row }">
+            <el-button type="text" @click="jobEdit(row.id)">编辑</el-button>
+            <el-button type="text" @click="jobDelete(row.id)">删除</el-button>
           </template>
-        </ai-bar>
-        <ai-wrapper>
-          <ai-info-item label="本届换届时间" :value="111" />
-          <ai-info-item label="换届类型" :value="111" />
-          <ai-info-item label="下届换届时间" :value="111" />
-          <ai-info-item label="当前届次" :value="111" />
-        </ai-wrapper>
-        <ai-bar title="本届任职">
-          <template slot="right">
-            <el-button size="small" type="text" icon="iconfont iconAdd" @click="toAdd('')" >添加任职人员</el-button>
-          </template>
-        </ai-bar>
-        <ai-table
-            class="detail-table__table"
-            :tableData="tableData"
-            :col-configs="colConfigs"
-            :total="totalJob"
-            :current.sync="current"
-            :size.sync="size"
-            @getList="getJobList">
-            <el-table-column slot="options" label="操作" align="center">
-              <template slot-scope="{ row }">
-                <el-button type="text" @click="jobEdit(row.id)">编辑</el-button>
-                <el-button type="text" @click="jobDelete(row.id)">删除</el-button>
-              </template>
-            </el-table-column>
-          </ai-table>
-          <ai-bar title="本届候选人">
-          <template slot="right">
-            <el-button size="small" type="text" icon="iconfont iconAdd" @click="toAdd('')" >添加候选人</el-button>
-          </template>
-        </ai-bar>
-        <ai-table
-            class="detail-table__table"
-            :tableData="tableData"
-            :col-configs="colConfigs"
-            :total="totalJob"
-            :current.sync="current"
-            :size.sync="size"
-            @getList="getJobList">
-            <el-table-column slot="options" label="操作" align="center">
-              <template slot-scope="{ row }">
-                <el-button type="text" @click="jobEdit(row.id)">编辑</el-button>
-                <el-button type="text" @click="jobDelete(row.id)">删除</el-button>
-              </template>
-            </el-table-column>
-          </ai-table>
-      </template>
-    </ai-detail>
-  </section>
+        </el-table-column>
+      </ai-table>
+    </template>
+  </ai-list>
 </template>
 
 <script>
@@ -103,24 +101,11 @@ export default {
 
 <style lang="scss" scope>
 .moment {
-  ::v-deep .ai-detail .ai-detail__content .ai-detail__content--wrapper {
-    padding-top: 0;
-    background-color: blue;
-    // ::v-deep .aibar {
-    //   height: 40px;
-    // }
+  padding-top: 0 !important;
+  .btn {}
+
+  ::v-deep .ai-list .ai-list__single .ai-list__content {
+    padding: 0;
   }
-  ai-detail {
-    ::v-deep .ai-detail__content {
-      background-color: #FFF;
-    }
-
-    
-  }
-  
-
-  
-
-  
 }
 </style>
\ No newline at end of file

From f753f534a4945a1a7a23935216251c063a9cc324 Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Fri, 14 Oct 2022 15:27:43 +0800
Subject: [PATCH 5/5] =?UTF-8?q?=E6=8D=A2=E5=B1=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AppOrganizationChange/components/List.vue | 10 +++---
 .../components/history.vue                    |  5 +--
 .../components/moment.vue                     | 34 ++++++++++++++++---
 3 files changed, 38 insertions(+), 11 deletions(-)

diff --git a/project/pingchang/apps/AppOrganizationChange/components/List.vue b/project/pingchang/apps/AppOrganizationChange/components/List.vue
index 41980a50..ad91c1b7 100644
--- a/project/pingchang/apps/AppOrganizationChange/components/List.vue
+++ b/project/pingchang/apps/AppOrganizationChange/components/List.vue
@@ -37,8 +37,6 @@
 import {mapState} from 'vuex'
 import moment from './moment.vue'
 import history from './history.vue'
-import Template from '../../../../../packages/work/AppAskForm/components/Template.vue'
-
 
 export default {
   name: 'List',
@@ -83,7 +81,6 @@ export default {
   components: {
     moment,
     history,
-    Template
   },
   computed: {
     ...mapState(['user']),
@@ -164,7 +161,12 @@ export default {
       this.$router.push({query: {id}})
     },
     toAdd(id) {
-      this.$router.push({query: {id}, hash: "#add"})
+      this.$emit('change', {
+        type: 'addChange',
+        params: {
+          id: id || ''
+        }
+      })
     }
   }
 }
diff --git a/project/pingchang/apps/AppOrganizationChange/components/history.vue b/project/pingchang/apps/AppOrganizationChange/components/history.vue
index a101fce5..0ca881e5 100644
--- a/project/pingchang/apps/AppOrganizationChange/components/history.vue
+++ b/project/pingchang/apps/AppOrganizationChange/components/history.vue
@@ -15,7 +15,7 @@
         class="detail-table__table"
         :tableData="tableData"
         :col-configs="colConfigs"
-        :total="totalJob"
+        :total="page.total"
         :current.sync="current"
         :size.sync="size"
         @getList="getJobList">
@@ -74,6 +74,7 @@ export default {
 
 <style lang="scss" scope>
 .history {
-  
+  padding-top: 0 !important;
+  background-color: #FFF !important;
 }
 </style>
\ No newline at end of file
diff --git a/project/pingchang/apps/AppOrganizationChange/components/moment.vue b/project/pingchang/apps/AppOrganizationChange/components/moment.vue
index b8008cce..d1399223 100644
--- a/project/pingchang/apps/AppOrganizationChange/components/moment.vue
+++ b/project/pingchang/apps/AppOrganizationChange/components/moment.vue
@@ -53,6 +53,31 @@
         </el-table-column>
       </ai-table>
     </template>
+
+    <ai-dialog :visible.sync="dialogJob" title="定制大屏" @closed="custom={}" @onConfirm="handleCustomizedDV">
+      <el-form ref="jobForm" size="small" :model="jobForm" :rules="rules" label-width="80px">
+        <el-form-item label="职位" prop="title">
+          <el-input v-model="jobForm.title" clearable placeholder="请输入"/>
+        </el-form-item>
+        <el-form-item label="姓名" prop="dv">
+          <el-input v-model="jobForm.title" clearable placeholder="请输入"/>
+        </el-form-item>
+      </el-form>
+    </ai-dialog>
+
+    <ai-dialog :visible.sync="dialogCandidate" title="定制大屏" @closed="custom={}" @onConfirm="handleCustomizedDV">
+      <el-form ref="CandFrom" size="small" :model="CandFrom" :rules="rules" label-width="80px">
+        <el-form-item label="大屏标题" prop="title">
+          <el-input v-model="custom.title" clearable placeholder="请填写"/>
+        </el-form-item>
+        <el-form-item label="选择大屏" prop="dv">
+          <ai-select v-model="custom.dv" :selectList="dict.getDict('customizedDVs')"/>
+        </el-form-item>
+        <el-form-item label="静态数据">
+          <el-input type="textarea" rows="5" v-model="custom.meta"/>
+        </el-form-item>
+      </el-form>
+    </ai-dialog>
   </ai-list>
 </template>
 
@@ -72,6 +97,8 @@ export default {
       totalJob: 0,
       current: 1,
       size: 10,
+      dialogJob: false,
+      dialogCandidate: false,
     }
   },
   computed: {
@@ -94,6 +121,7 @@ export default {
           id: id || ''
         }
       })
+      // this.$route.push('#addChange')
     },
   }
 }
@@ -102,10 +130,6 @@ export default {
 <style lang="scss" scope>
 .moment {
   padding-top: 0 !important;
-  .btn {}
-
-  ::v-deep .ai-list .ai-list__single .ai-list__content {
-    padding: 0;
-  }
+  background-color: #FFF !important;
 }
 </style>
\ No newline at end of file