diff --git a/config/index.js b/config/index.js
index 7e58e1c7..689c3c16 100644
--- a/config/index.js
+++ b/config/index.js
@@ -12,7 +12,7 @@ module.exports = {
     proxyTable: {
       "/api": {
         // 请求的目标主机
-        //target: 'http://116.255.135.38:8081/nsgk_test/',
+        //target: 'http://116.255.223.226:8081/nsgk_test/',
         target: 'http://localhost:8080/',
         changeOrigin: true,
         pathRewrite: {
diff --git a/package-lock.json b/package-lock.json
index 99ca6aa6..34b82b58 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -183,7 +183,6 @@
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
       "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-      "dev": true,
       "requires": {
         "sprintf-js": "~1.0.2"
       }
@@ -1346,6 +1345,34 @@
       "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==",
       "dev": true
     },
+    "bmaplib.curveline": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/bmaplib.curveline/-/bmaplib.curveline-1.0.0.tgz",
+      "integrity": "sha512-9wcFMVhiYxNPqpvsLDAADn3qDhNzXp2mA6VyHSHg2XOAgSooC7ZiujdFhy0sp+0QYjTfJ/MjmLuNoUg2HHxH4Q=="
+    },
+    "bmaplib.heatmap": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/bmaplib.heatmap/-/bmaplib.heatmap-1.0.4.tgz",
+      "integrity": "sha512-rmhqUARBpUSJ9jXzUI2j7dIOqnc38bqubkx/8a349U2qtw/ulLUwyzRD535OrA8G7w5cz4aPKm6/rNvUAarg/Q=="
+    },
+    "bmaplib.lushu": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/bmaplib.lushu/-/bmaplib.lushu-1.0.7.tgz",
+      "integrity": "sha512-LVvgpESPii6xGxyjnQjq8u+ic4NjvhdCPV/RiSS/PGTUdZKeTDS7prSpleJLZH3ES0+oc0gYn8bw0LtPYUSz2w=="
+    },
+    "bmaplib.markerclusterer": {
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/bmaplib.markerclusterer/-/bmaplib.markerclusterer-1.0.13.tgz",
+      "integrity": "sha512-VrLyWSiuDEVNi0yUfwOhFQ6z1oEEHS4w36GNu3iASu6p52QIx9uAXMUkuSCHReNR0bj2Cp9SA1dSx5RpojXajQ==",
+      "requires": {
+        "bmaplib.texticonoverlay": "^1.0.2"
+      }
+    },
+    "bmaplib.texticonoverlay": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/bmaplib.texticonoverlay/-/bmaplib.texticonoverlay-1.0.2.tgz",
+      "integrity": "sha512-4ZTWr4ZP3B6qEWput5Tut16CfZgII38YwM3bpyb4gFTQyORlKYryFp9WHWrwZZaHlOyYDAXG9SX0hka43jTADg=="
+    },
     "bn.js": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.2.0.tgz",
@@ -3557,12 +3584,12 @@
       }
     },
     "echarts": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.2.2.tgz",
-      "integrity": "sha512-yxuBfeIH5c+0FsoRP60w4De6omXhA06c7eUYBsC1ykB6Ys2yK5fSteIYWvkJ4xJVLQgCvAdO8C4mN6MLeJpBaw==",
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.3.3.tgz",
+      "integrity": "sha512-BRw2serInRwO5SIwRviZ6Xgm5Lb7irgz+sLiFMmy/HOaf4SQ+7oYqxKzRHAKp4xHQ05AuHw1xvoQWJjDQq/FGw==",
       "requires": {
         "tslib": "2.3.0",
-        "zrender": "5.2.1"
+        "zrender": "5.3.2"
       }
     },
     "ee-first": {
@@ -5867,6 +5894,14 @@
       "resolved": "https://registry.npmjs.org/lib-flexible/-/lib-flexible-0.3.2.tgz",
       "integrity": "sha1-BvWnSDIxSi01wSA5vJw8otrqpCY="
     },
+    "linkify-it": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-2.2.0.tgz",
+      "integrity": "sha512-GnAl/knGn+i1U/wjBz3akz2stz+HrHLsxMwHQGofCDfPvlf+gDKN58UtfmUquTY4/MXeE2x7k19KQmeoZi94Iw==",
+      "requires": {
+        "uc.micro": "^1.0.1"
+      }
+    },
     "load-json-file": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-2.0.0.tgz",
@@ -6044,6 +6079,25 @@
         "object-visit": "^1.0.0"
       }
     },
+    "markdown-it": {
+      "version": "8.4.2",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-8.4.2.tgz",
+      "integrity": "sha512-GcRz3AWTqSUphY3vsUqQSFMbgR38a4Lh3GWlHRh/7MRwz8mcu9n2IO7HOh+bXHrR9kOPDl5RNCaEsrneb+xhHQ==",
+      "requires": {
+        "argparse": "^1.0.7",
+        "entities": "~1.1.1",
+        "linkify-it": "^2.0.0",
+        "mdurl": "^1.0.1",
+        "uc.micro": "^1.0.5"
+      },
+      "dependencies": {
+        "entities": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
+          "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w=="
+        }
+      }
+    },
     "math-expression-evaluator": {
       "version": "1.3.7",
       "resolved": "https://registry.npmjs.org/math-expression-evaluator/-/math-expression-evaluator-1.3.7.tgz",
@@ -6073,6 +6127,11 @@
       "integrity": "sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==",
       "dev": true
     },
+    "mdurl": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
+      "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g=="
+    },
     "media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -11210,8 +11269,7 @@
     "sprintf-js": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-      "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
-      "dev": true
+      "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw="
     },
     "sshpk": {
       "version": "1.16.1",
@@ -11702,6 +11760,11 @@
       "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
       "dev": true
     },
+    "uc.micro": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
+      "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA=="
+    },
     "uglify-js": {
       "version": "3.4.10",
       "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.4.10.tgz",
@@ -12084,6 +12147,18 @@
       "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.12.tgz",
       "integrity": "sha512-uhmLFETqPPNyuLLbsKz6ioJ4q7AZHzD8ZVFNATNyICSZouqP2Sz0rotWQC8UNBF6VGSCs5abnKJoStA6JbCbfg=="
     },
+    "vue-baidu-map": {
+      "version": "0.21.22",
+      "resolved": "https://registry.npmjs.org/vue-baidu-map/-/vue-baidu-map-0.21.22.tgz",
+      "integrity": "sha512-WQMPCih4UTh0AZCKKH/OVOYnyAWjfRNeK6BIeoLmscyY5aF8zzlJhz/NOHLb3mdztIpB0Z6aohn4Jd9mfCSjQw==",
+      "requires": {
+        "bmaplib.curveline": "^1.0.0",
+        "bmaplib.heatmap": "^1.0.4",
+        "bmaplib.lushu": "^1.0.7",
+        "bmaplib.markerclusterer": "^1.0.13",
+        "markdown-it": "^8.4.0"
+      }
+    },
     "vue-cookies": {
       "version": "1.7.4",
       "resolved": "https://registry.npmjs.org/vue-cookies/-/vue-cookies-1.7.4.tgz",
@@ -13508,9 +13583,9 @@
       }
     },
     "zrender": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.2.1.tgz",
-      "integrity": "sha512-M3bPGZuyLTNBC6LiNKXJwSCtglMp8XUEqEBG+2MdICDI3d1s500Y4P0CzldQGsqpRVB7fkvf3BKQQRxsEaTlsw==",
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.3.2.tgz",
+      "integrity": "sha512-8IiYdfwHj2rx0UeIGZGGU4WEVSDEdeVCaIg/fomejg1Xu6OifAL1GVzIPHg2D+MyUkbNgPWji90t0a8IDk+39w==",
       "requires": {
         "tslib": "2.3.0"
       }
diff --git a/package.json b/package.json
index 7b917c60..61b005ae 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
   "dependencies": {
     "@vant/area-data": "^1.2.2",
     "axios": "^0.21.1",
-    "echarts": "^5.2.2",
+    "echarts": "^5.3.3",
     "element-ui": "^2.15.6",
     "font-awesome": "^4.7.0",
     "font-awesome.css": "^4.7.2",
@@ -28,6 +28,7 @@
     "sass-loader": "^6.0.6",
     "vant": "^2.12.8",
     "vue": "^2.5.2",
+    "vue-baidu-map": "^0.21.22",
     "vue-cookies": "^1.7.4",
     "vue-esign": "^1.0.5",
     "vue-router": "^3.0.1",
diff --git a/src/api/onlineHome/bankAgriculture/bankOfDeposit.js b/src/api/onlineHome/bankAgriculture/bankOfDeposit.js
new file mode 100644
index 00000000..1434f84e
--- /dev/null
+++ b/src/api/onlineHome/bankAgriculture/bankOfDeposit.js
@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+//查询列表
+export function getList(data){
+  return request({
+    url:'/yinnong/deposit/list',
+    method:'get',
+    params:data
+  })
+}
+
+// 新增开户行
+export function addDeposit(data) {
+  return request({
+    url: '/yinnong/deposit/add',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改开户行
+export function editDeposit(data) {
+  return request({
+    url: '/yinnong/deposit/edit',
+    method: 'post',
+    data: data
+  })
+}
+
+// 查询开户行详细
+export function getDeposit(id) {
+  return request({
+    url: '/yinnong/deposit/get/' + id,
+    method: 'get'
+  })
+}
+
+// 删除开户行
+export function delDeposit(id) {
+  return request({
+    url: '/yinnong/deposit/remove/' + id,
+    method: 'get'
+  })
+}
diff --git a/src/api/onlineHome/bankAgriculture/paymentApproval.js b/src/api/onlineHome/bankAgriculture/paymentApproval.js
index e91352d0..0a795451 100644
--- a/src/api/onlineHome/bankAgriculture/paymentApproval.js
+++ b/src/api/onlineHome/bankAgriculture/paymentApproval.js
@@ -345,3 +345,12 @@ export function selectApprovalByTemplateId(templateId) {
     method: 'get'
   })
 }
+
+// 撤回
+export function updateTYinnongTransferFoStatus(data) {
+  return request({
+    url: '/yinnong/transfer/updateTYinnongTransferFoStatus',
+    method: 'post',
+    data: data
+  })
+}
diff --git a/src/api/sunVillage_info/fixedAssets.js b/src/api/sunVillage_info/fixedAssets.js
new file mode 100644
index 00000000..f258e13f
--- /dev/null
+++ b/src/api/sunVillage_info/fixedAssets.js
@@ -0,0 +1,439 @@
+import request from '@/utils/request'
+
+// 查询固定资产列表
+export function permanentList(query) {
+  return request({
+    url: '/asset/permanent/list',
+    method: 'get',
+    params: query
+  })
+}
+// 查询合同信息列表
+export function contractionList(query) {
+  return request({
+    url: '/contraction/info/list',
+    method: 'get',
+    params: query
+  })
+}
+// 新增固定资产
+export function addPermanent(data) {
+  return request({
+    url: '/asset/permanent/add',
+    method: 'post',
+    data: data
+  })
+}
+// 查询固定资产详细
+export function getPermanent(id) {
+  return request({
+    url: '/asset/permanent/get/' + id,
+    method: 'get'
+  })
+}
+// 修改固定资产
+export function updatePermanent(data) {
+  return request({
+    url: '/asset/permanent/edit',
+    method: 'post',
+    data: data
+  })
+}
+// 删除固定资产
+export function delPermanent(id) {
+  return request({
+    url: '/asset/permanent/remove/' + id,
+    method: 'get'
+  })
+}
+//上传全局方法附件
+export function commonAttach(data) {
+  return request({
+    url: '/common/attach',
+    method: 'post',
+    header: { "Content-Type": 'application/x-www-form-urlencoded' },
+    data: data
+  })
+}
+//上传全局方法附件
+export function commonUpload(data) {
+  return request({
+    url: '/common/upload',
+    method: 'post',
+    header: { "Content-Type": 'application/x-www-form-urlencoded' },
+    data: data
+  })
+}
+//查询已上传附件
+export const attachmentList = (data) => {
+  return request({
+    url: '/system/attachment/query',
+    method: 'get',
+    params: data
+  })
+}
+//删除已上传附件
+export function systemAttachment(ids) {
+  if (ids != undefined) {
+    return request({
+      url: '/system/attachment/remove/' + ids,
+      method: 'get'
+    })
+  }
+}
+// 新增合同信息
+export function addInfo(data) {
+  return request({
+    url: '/contraction/info/add',
+    method: 'post',
+    data: data
+  })
+}
+// 查询合同信息详细
+export function getInfo(id) {
+  return request({
+    url: '/contraction/info/get/' + id,
+    method: 'get'
+  })
+}
+// 删除合同信息
+export function delInfo(id) {
+  return request({
+    url: '/contraction/info/remove/' + id,
+    method: 'get'
+  })
+}
+// 修改合同信息
+export function updateInfo(data) {
+  return request({
+    url: '/contraction/info/edit',
+    method: 'post',
+    data: data
+  })
+}
+// 财务公开列表
+export function financePublicList(query) {
+  return request({
+    url: '/villageAffairs/public/financePublicList',
+    method: 'get',
+    params: query
+  })
+}
+// 零工公开列表
+export function tempWorkerPublicList(query) {
+  return request({
+    url: '/villageAffairs/public/tempWorkerPublicList',
+    method: 'get',
+    params: query
+  })
+}
+// 重大事项公开列表
+export function majorEventPublicList(query) {
+  return request({
+    url: '/villageAffairs/public/majorEventPublicList',
+    method: 'get',
+    params: query
+  })
+}
+// 财务公开详情
+export function financePublicDetail(query) {
+  return request({
+    url: '/villageAffairs/public/financePublicDetail',
+    method: 'get',
+    params: query
+  })
+}
+// 零工公开详情
+export function tempWorkerPublicDetail(query) {
+  return request({
+    url: '/villageAffairs/public/tempWorkerPublicDetail',
+    method: 'get',
+    params: query
+  })
+}
+// 重大事项公开详情
+export function majorEventPublicDetail(query) {
+  return request({
+    url: '/villageAffairs/public/majorEventPublicDetail',
+    method: 'get',
+    params: query
+  })
+}
+
+//获取区、镇、村地区
+export function treeselectByUser(query) {
+  return request({
+    url: '/system/dept/treeselectByUser',
+    method: 'get',
+    params: query
+  })
+}
+//获取账套列表
+export function listByDeptId(query) {
+  return request({
+    url: '/finance/book/listByDeptId',
+    method: 'get',
+    params: query
+  })
+}
+
+// 切换部门
+export function changeDept(query) {
+  return request({
+    url: '/system/user/changeDept',
+    method: 'get',
+    params: query
+  })
+}
+// 切换账套
+export function changeBook(query) {
+  return request({
+    url: '/system/user/changeBook',
+    method: 'get',
+    params: query
+  })
+}
+// 财务公开新增
+export function openAdd(data) {
+  return request({
+    url: '/open/open/add',
+    method: 'post',
+    data: data
+  })
+}
+// 财务公开修改
+export function openEdit(data) {
+  return request({
+    url: '/open/open/edit',
+    method: 'post',
+    data: data
+  })
+}
+// 零工公开新增
+export function tempWorkerOpenAdd(data) {
+  return request({
+    url: '/subcontract/tempWorkerOpen/add',
+    method: 'post',
+    data: data
+  })
+}
+// 财务公开修改
+export function tempWorkerOpenEdit(data) {
+  return request({
+    url: '/subcontract/tempWorkerOpen/edit',
+    method: 'post',
+    data: data
+  })
+}
+// 重大事项新增
+export function majorEventOpenAdd(data) {
+  return request({
+    url: '/subcontract/majorEventOpen/add',
+    method: 'post',
+    data: data
+  })
+}
+// 重大事项修改
+export function majorEventOpenEdit(data) {
+  return request({
+    url: '/subcontract/majorEventOpen/edit',
+    method: 'post',
+    data: data
+  })
+}
+// 财务公开删除
+export function openRemove(id) {
+  return request({
+    url: '/open/open/remove/' + id,
+    method: 'get'
+  })
+}
+// 零工公开删除
+export function tempWorkerOpenRemove(id) {
+  return request({
+    url: '/subcontract/tempWorkerOpen/remove/' + id,
+    method: 'get'
+  })
+}
+// 零工公开删除
+export function majorEventOpenRemove(id) {
+  return request({
+    url: '/subcontract/majorEventOpen/remove/' + id,
+    method: 'get'
+  })
+}
+
+// 查询零工登记列表
+export function listOddjob(query) {
+  return request({
+    url: '/villageAffairs/public/oddjobList',
+    method: 'get',
+    params: query
+  })
+}
+
+// 新增零工登记
+export function addOddjob(data) {
+  return request({
+    url: '/subcontract/oddjob/add',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改零工登记
+export function updateOddjob(data) {
+  return request({
+    url: '/subcontract/oddjob/edit',
+    method: 'post',
+    data: data
+  })
+}
+
+// 查询零工登记详细
+export function getOddjob(id) {
+  return request({
+    url: '/subcontract/oddjob/get/' + id,
+    method: 'get'
+  })
+}
+
+// 删除零工登记
+export function delOddjob(id) {
+  return request({
+    url: '/subcontract/oddjob/remove/' + id,
+    method: 'get'
+  })
+}
+
+// 财务公开榜
+export function financialAmountPublicMonthList(query) {
+  return request({
+    url: '/villageAffairs/public/financialAmountPublicMonthList',
+    method: 'get',
+    params: query // ?bookId=<账套ID 必填>&yearMonth=<查询年月 必填 yyyy-MM>
+  })
+}
+
+// 查询用户个人信息
+export function getUserProfile() {
+  return request({
+    url: '/system/user/profile/get',
+    method: 'get'
+  })
+}
+
+// 修改用户个人信息
+export function updateUserProfile(data) {
+  return request({
+    url: '/system/user/profile/edit',
+    method: 'post',
+    data: data
+  })
+}
+
+// 用户密码重置
+export function updateUserPwd(oldPassword, newPassword) {
+  const data = {
+    oldPassword,
+    newPassword
+  }
+  return request({
+    url: '/system/user/profile/updatePwd',
+    method: 'post',
+    params: data
+  })
+}
+
+// 查询账套基本信息
+export function bookInfo(bookId) {
+  return request({
+    url: `/villageAffairs/public/bookInfo/${bookId}`,
+    method: 'get',
+  })
+}
+
+// 查询科目余额表 可分页 需授权
+export function trailBalanceList(query) {
+  return request({
+    url: '/finance/balance/list',
+    method: 'get',
+    params: query // ?startDate=<开始年月 yyyy-MM>&startSubjectId=<起始科目ID>&endSubjectId=<结束科目ID 如果需要查询单个科目 则设置为和startSubjectId一样即可>&filterZero=<bool 是否过滤掉余额为0结果>&showSubSubject=<bool 是否显示下级科目>&分页参数...
+  })
+}
+
+export function getLoginBook() {
+  return request({
+    url: '/finance/book/getLoginBook',
+    method: 'get'
+  })
+}
+
+// 查询投票主题列表
+export function listPoll(deptId , query) {
+  return request({
+    url: `/villageAffairs/public/poll/list/${deptId}`,
+    method: 'get',
+    params: query
+  })
+}
+
+// 姓名, 账套ID, 身份证, 返回里会有个id字段
+export function checkFarmer(data) {
+  return request({
+    url: '/register/checkFarmer',
+    method: 'post',
+    data: data,
+  })
+}
+
+// 查询投票主题详细
+export function getPoll(id) {
+  return request({
+    url: `/villageAffairs/public/poll/detail/${id}`,
+    method: 'get'
+  })
+}
+
+// 投票 id为主题ID, option为投票选项ID, 多个用,分隔, userId为认证后的农户ID
+export function votePoll(id, data) {
+  return request({
+    url: `/villageAffairs/public/poll/vote/${id}`,
+    method: 'post',
+    params: data,
+  })
+}
+
+// 新增投票主题
+export function addPoll(data) {
+  return request({
+    url: '/poll/poll/add',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改投票主题
+export function updatePoll(data) {
+  return request({
+    url: '/poll/poll/edit',
+    method: 'post',
+    data: data
+  })
+}
+
+// 删除投票主题
+export function delPoll(id) {
+  return request({
+    url: '/poll/poll/remove/' + id,
+    method: 'get'
+  })
+}
+
+// 发布投票主题
+export function publicPoll(id) {
+  return request({
+    url: '/poll/poll/publicPoll/'+ id,
+    method: 'get'
+  })
+}
diff --git a/src/assets/css/base.scss b/src/assets/css/base.scss
index ca8a0c8b..18856675 100644
--- a/src/assets/css/base.scss
+++ b/src/assets/css/base.scss
@@ -44,7 +44,7 @@ figcaption {
     }
 }
 
-* { touch-action: pan-y; }
+//* { touch-action: pan-y; }
 body {
     color: #323233;
 }
@@ -128,4 +128,4 @@ body {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-}
\ No newline at end of file
+}
diff --git a/src/assets/images/sunVillage_info/ECEL.png b/src/assets/images/sunVillage_info/ECEL.png
new file mode 100644
index 00000000..b137a102
Binary files /dev/null and b/src/assets/images/sunVillage_info/ECEL.png differ
diff --git a/src/assets/images/sunVillage_info/WORD.png b/src/assets/images/sunVillage_info/WORD.png
new file mode 100644
index 00000000..278b4526
Binary files /dev/null and b/src/assets/images/sunVillage_info/WORD.png differ
diff --git a/src/assets/images/sunVillage_info/addFile.png b/src/assets/images/sunVillage_info/addFile.png
new file mode 100644
index 00000000..4b595b5f
Binary files /dev/null and b/src/assets/images/sunVillage_info/addFile.png differ
diff --git a/src/assets/images/sunVillage_info/add_icon_1.png b/src/assets/images/sunVillage_info/add_icon_1.png
new file mode 100644
index 00000000..8fe88f13
Binary files /dev/null and b/src/assets/images/sunVillage_info/add_icon_1.png differ
diff --git a/src/assets/images/sunVillage_info/add_icon_2.png b/src/assets/images/sunVillage_info/add_icon_2.png
new file mode 100644
index 00000000..b54aa638
Binary files /dev/null and b/src/assets/images/sunVillage_info/add_icon_2.png differ
diff --git a/src/assets/images/sunVillage_info/add_tit_icon_01.png b/src/assets/images/sunVillage_info/add_tit_icon_01.png
new file mode 100644
index 00000000..cedcef9e
Binary files /dev/null and b/src/assets/images/sunVillage_info/add_tit_icon_01.png differ
diff --git a/src/assets/images/sunVillage_info/add_tit_icon_02.png b/src/assets/images/sunVillage_info/add_tit_icon_02.png
new file mode 100644
index 00000000..aa0969e4
Binary files /dev/null and b/src/assets/images/sunVillage_info/add_tit_icon_02.png differ
diff --git a/src/assets/images/sunVillage_info/add_tit_icon_03.png b/src/assets/images/sunVillage_info/add_tit_icon_03.png
new file mode 100644
index 00000000..ed3fe96e
Binary files /dev/null and b/src/assets/images/sunVillage_info/add_tit_icon_03.png differ
diff --git a/src/assets/images/sunVillage_info/add_tit_icon_04.png b/src/assets/images/sunVillage_info/add_tit_icon_04.png
new file mode 100644
index 00000000..f128d91b
Binary files /dev/null and b/src/assets/images/sunVillage_info/add_tit_icon_04.png differ
diff --git a/src/assets/images/sunVillage_info/add_tit_icon_05.png b/src/assets/images/sunVillage_info/add_tit_icon_05.png
new file mode 100644
index 00000000..ce706158
Binary files /dev/null and b/src/assets/images/sunVillage_info/add_tit_icon_05.png differ
diff --git a/src/assets/images/sunVillage_info/btn_bg.png b/src/assets/images/sunVillage_info/btn_bg.png
new file mode 100644
index 00000000..c8c1b836
Binary files /dev/null and b/src/assets/images/sunVillage_info/btn_bg.png differ
diff --git a/src/assets/images/sunVillage_info/date_bg.png b/src/assets/images/sunVillage_info/date_bg.png
new file mode 100644
index 00000000..c4453488
Binary files /dev/null and b/src/assets/images/sunVillage_info/date_bg.png differ
diff --git a/src/assets/images/sunVillage_info/date_icon.png b/src/assets/images/sunVillage_info/date_icon.png
new file mode 100644
index 00000000..f094c2d8
Binary files /dev/null and b/src/assets/images/sunVillage_info/date_icon.png differ
diff --git a/src/assets/images/sunVillage_info/delete_icon_input.png b/src/assets/images/sunVillage_info/delete_icon_input.png
new file mode 100644
index 00000000..b34d2fb7
Binary files /dev/null and b/src/assets/images/sunVillage_info/delete_icon_input.png differ
diff --git a/src/assets/images/sunVillage_info/details_icon_1.png b/src/assets/images/sunVillage_info/details_icon_1.png
new file mode 100644
index 00000000..756392e2
Binary files /dev/null and b/src/assets/images/sunVillage_info/details_icon_1.png differ
diff --git a/src/assets/images/sunVillage_info/details_icon_2.png b/src/assets/images/sunVillage_info/details_icon_2.png
new file mode 100644
index 00000000..58ee1fe2
Binary files /dev/null and b/src/assets/images/sunVillage_info/details_icon_2.png differ
diff --git a/src/assets/images/sunVillage_info/fixedAssets_icon_1.png b/src/assets/images/sunVillage_info/fixedAssets_icon_1.png
new file mode 100644
index 00000000..1151d4d7
Binary files /dev/null and b/src/assets/images/sunVillage_info/fixedAssets_icon_1.png differ
diff --git a/src/assets/images/sunVillage_info/fixedAssets_icon_2.png b/src/assets/images/sunVillage_info/fixedAssets_icon_2.png
new file mode 100644
index 00000000..79c44903
Binary files /dev/null and b/src/assets/images/sunVillage_info/fixedAssets_icon_2.png differ
diff --git a/src/assets/images/sunVillage_info/fixedAssets_icon_3.png b/src/assets/images/sunVillage_info/fixedAssets_icon_3.png
new file mode 100644
index 00000000..3c16c555
Binary files /dev/null and b/src/assets/images/sunVillage_info/fixedAssets_icon_3.png differ
diff --git a/src/assets/images/sunVillage_info/icon_cj.png b/src/assets/images/sunVillage_info/icon_cj.png
new file mode 100644
index 00000000..0028ffd7
Binary files /dev/null and b/src/assets/images/sunVillage_info/icon_cj.png differ
diff --git a/src/assets/images/sunVillage_info/icon_sm.png b/src/assets/images/sunVillage_info/icon_sm.png
new file mode 100644
index 00000000..2ca503ca
Binary files /dev/null and b/src/assets/images/sunVillage_info/icon_sm.png differ
diff --git a/src/assets/images/sunVillage_info/icon_vote.png b/src/assets/images/sunVillage_info/icon_vote.png
new file mode 100644
index 00000000..43ed7170
Binary files /dev/null and b/src/assets/images/sunVillage_info/icon_vote.png differ
diff --git a/src/assets/images/sunVillage_info/img_1.png b/src/assets/images/sunVillage_info/img_1.png
new file mode 100644
index 00000000..1226d9cd
Binary files /dev/null and b/src/assets/images/sunVillage_info/img_1.png differ
diff --git a/src/assets/images/sunVillage_info/index_block_01.png b/src/assets/images/sunVillage_info/index_block_01.png
new file mode 100644
index 00000000..606c2a8d
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_block_01.png differ
diff --git a/src/assets/images/sunVillage_info/index_block_02.png b/src/assets/images/sunVillage_info/index_block_02.png
new file mode 100644
index 00000000..48e49816
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_block_02.png differ
diff --git a/src/assets/images/sunVillage_info/index_block_03.png b/src/assets/images/sunVillage_info/index_block_03.png
new file mode 100644
index 00000000..4d3fa203
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_block_03.png differ
diff --git a/src/assets/images/sunVillage_info/index_block_04.png b/src/assets/images/sunVillage_info/index_block_04.png
new file mode 100644
index 00000000..fc2422e2
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_block_04.png differ
diff --git a/src/assets/images/sunVillage_info/index_block_05.png b/src/assets/images/sunVillage_info/index_block_05.png
new file mode 100644
index 00000000..1fe48ba1
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_block_05.png differ
diff --git a/src/assets/images/sunVillage_info/index_block_06.png b/src/assets/images/sunVillage_info/index_block_06.png
new file mode 100644
index 00000000..6672df3a
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_block_06.png differ
diff --git a/src/assets/images/sunVillage_info/index_block_07.png b/src/assets/images/sunVillage_info/index_block_07.png
new file mode 100644
index 00000000..35817bcb
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_block_07.png differ
diff --git a/src/assets/images/sunVillage_info/index_block_08.png b/src/assets/images/sunVillage_info/index_block_08.png
new file mode 100644
index 00000000..f2712d1b
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_block_08.png differ
diff --git a/src/assets/images/sunVillage_info/index_block_1.png b/src/assets/images/sunVillage_info/index_block_1.png
new file mode 100644
index 00000000..7d017a8a
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_block_1.png differ
diff --git a/src/assets/images/sunVillage_info/index_block_1_rights.png b/src/assets/images/sunVillage_info/index_block_1_rights.png
new file mode 100644
index 00000000..92eb4d2e
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_block_1_rights.png differ
diff --git a/src/assets/images/sunVillage_info/index_block_2.png b/src/assets/images/sunVillage_info/index_block_2.png
new file mode 100644
index 00000000..c7c4dcbd
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_block_2.png differ
diff --git a/src/assets/images/sunVillage_info/index_block_2_rights.png b/src/assets/images/sunVillage_info/index_block_2_rights.png
new file mode 100644
index 00000000..5b27f8bd
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_block_2_rights.png differ
diff --git a/src/assets/images/sunVillage_info/index_block_3.png b/src/assets/images/sunVillage_info/index_block_3.png
new file mode 100644
index 00000000..b2a75df9
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_block_3.png differ
diff --git a/src/assets/images/sunVillage_info/index_block_3_rights.png b/src/assets/images/sunVillage_info/index_block_3_rights.png
new file mode 100644
index 00000000..7193ad9a
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_block_3_rights.png differ
diff --git a/src/assets/images/sunVillage_info/index_block_4.png b/src/assets/images/sunVillage_info/index_block_4.png
new file mode 100644
index 00000000..c8de885f
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_block_4.png differ
diff --git a/src/assets/images/sunVillage_info/index_block_4_rights.png b/src/assets/images/sunVillage_info/index_block_4_rights.png
new file mode 100644
index 00000000..f0e2d987
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_block_4_rights.png differ
diff --git a/src/assets/images/sunVillage_info/index_block_5.png b/src/assets/images/sunVillage_info/index_block_5.png
new file mode 100644
index 00000000..fe3f0f64
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_block_5.png differ
diff --git a/src/assets/images/sunVillage_info/index_block_6.png b/src/assets/images/sunVillage_info/index_block_6.png
new file mode 100644
index 00000000..ef105bf2
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_block_6.png differ
diff --git a/src/assets/images/sunVillage_info/index_block_7.png b/src/assets/images/sunVillage_info/index_block_7.png
new file mode 100644
index 00000000..12d9aba8
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_block_7.png differ
diff --git a/src/assets/images/sunVillage_info/index_block_8.png b/src/assets/images/sunVillage_info/index_block_8.png
new file mode 100644
index 00000000..446786e3
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_block_8.png differ
diff --git a/src/assets/images/sunVillage_info/index_btn.png b/src/assets/images/sunVillage_info/index_btn.png
new file mode 100644
index 00000000..98c31287
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_btn.png differ
diff --git a/src/assets/images/sunVillage_info/index_code_btn_1.png b/src/assets/images/sunVillage_info/index_code_btn_1.png
new file mode 100644
index 00000000..b38e1bcd
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_code_btn_1.png differ
diff --git a/src/assets/images/sunVillage_info/index_code_btn_2.png b/src/assets/images/sunVillage_info/index_code_btn_2.png
new file mode 100644
index 00000000..5af3afb2
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_code_btn_2.png differ
diff --git a/src/assets/images/sunVillage_info/index_code_btn_3.png b/src/assets/images/sunVillage_info/index_code_btn_3.png
new file mode 100644
index 00000000..855070aa
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_code_btn_3.png differ
diff --git a/src/assets/images/sunVillage_info/index_head.png b/src/assets/images/sunVillage_info/index_head.png
new file mode 100644
index 00000000..4225c9a0
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_head.png differ
diff --git a/src/assets/images/sunVillage_info/index_icon_1.png b/src/assets/images/sunVillage_info/index_icon_1.png
new file mode 100644
index 00000000..eae84c47
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_icon_1.png differ
diff --git a/src/assets/images/sunVillage_info/index_icon_2.png b/src/assets/images/sunVillage_info/index_icon_2.png
new file mode 100644
index 00000000..9c187b62
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_icon_2.png differ
diff --git a/src/assets/images/sunVillage_info/index_title.png b/src/assets/images/sunVillage_info/index_title.png
new file mode 100644
index 00000000..fcb711e6
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_title.png differ
diff --git a/src/assets/images/sunVillage_info/index_title2.png b/src/assets/images/sunVillage_info/index_title2.png
new file mode 100644
index 00000000..32a90e6b
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_title2.png differ
diff --git a/src/assets/images/sunVillage_info/index_title2_rights.png b/src/assets/images/sunVillage_info/index_title2_rights.png
new file mode 100644
index 00000000..d21dccea
Binary files /dev/null and b/src/assets/images/sunVillage_info/index_title2_rights.png differ
diff --git a/src/assets/images/sunVillage_info/information_icon_1.png b/src/assets/images/sunVillage_info/information_icon_1.png
new file mode 100644
index 00000000..88333376
Binary files /dev/null and b/src/assets/images/sunVillage_info/information_icon_1.png differ
diff --git a/src/assets/images/sunVillage_info/information_icon_2.png b/src/assets/images/sunVillage_info/information_icon_2.png
new file mode 100644
index 00000000..1f2d8138
Binary files /dev/null and b/src/assets/images/sunVillage_info/information_icon_2.png differ
diff --git a/src/assets/images/sunVillage_info/information_icon_3.png b/src/assets/images/sunVillage_info/information_icon_3.png
new file mode 100644
index 00000000..e6ed8862
Binary files /dev/null and b/src/assets/images/sunVillage_info/information_icon_3.png differ
diff --git a/src/assets/images/sunVillage_info/list_head.png b/src/assets/images/sunVillage_info/list_head.png
new file mode 100644
index 00000000..63073b7f
Binary files /dev/null and b/src/assets/images/sunVillage_info/list_head.png differ
diff --git a/src/assets/images/sunVillage_info/list_icon_1.png b/src/assets/images/sunVillage_info/list_icon_1.png
new file mode 100644
index 00000000..caddae8a
Binary files /dev/null and b/src/assets/images/sunVillage_info/list_icon_1.png differ
diff --git a/src/assets/images/sunVillage_info/list_icon_10.png b/src/assets/images/sunVillage_info/list_icon_10.png
new file mode 100644
index 00000000..bd40554f
Binary files /dev/null and b/src/assets/images/sunVillage_info/list_icon_10.png differ
diff --git a/src/assets/images/sunVillage_info/list_icon_2.png b/src/assets/images/sunVillage_info/list_icon_2.png
new file mode 100644
index 00000000..5c0238a3
Binary files /dev/null and b/src/assets/images/sunVillage_info/list_icon_2.png differ
diff --git a/src/assets/images/sunVillage_info/list_icon_3.png b/src/assets/images/sunVillage_info/list_icon_3.png
new file mode 100644
index 00000000..21689113
Binary files /dev/null and b/src/assets/images/sunVillage_info/list_icon_3.png differ
diff --git a/src/assets/images/sunVillage_info/list_icon_4.png b/src/assets/images/sunVillage_info/list_icon_4.png
new file mode 100644
index 00000000..5a576217
Binary files /dev/null and b/src/assets/images/sunVillage_info/list_icon_4.png differ
diff --git a/src/assets/images/sunVillage_info/list_icon_5.png b/src/assets/images/sunVillage_info/list_icon_5.png
new file mode 100644
index 00000000..75e824c1
Binary files /dev/null and b/src/assets/images/sunVillage_info/list_icon_5.png differ
diff --git a/src/assets/images/sunVillage_info/list_icon_6.png b/src/assets/images/sunVillage_info/list_icon_6.png
new file mode 100644
index 00000000..0e64cd83
Binary files /dev/null and b/src/assets/images/sunVillage_info/list_icon_6.png differ
diff --git a/src/assets/images/sunVillage_info/list_icon_7.png b/src/assets/images/sunVillage_info/list_icon_7.png
new file mode 100644
index 00000000..57b4cb73
Binary files /dev/null and b/src/assets/images/sunVillage_info/list_icon_7.png differ
diff --git a/src/assets/images/sunVillage_info/list_icon_8.png b/src/assets/images/sunVillage_info/list_icon_8.png
new file mode 100644
index 00000000..58782660
Binary files /dev/null and b/src/assets/images/sunVillage_info/list_icon_8.png differ
diff --git a/src/assets/images/sunVillage_info/list_icon_9.png b/src/assets/images/sunVillage_info/list_icon_9.png
new file mode 100644
index 00000000..29b08186
Binary files /dev/null and b/src/assets/images/sunVillage_info/list_icon_9.png differ
diff --git a/src/assets/images/sunVillage_info/login_btn.png b/src/assets/images/sunVillage_info/login_btn.png
new file mode 100644
index 00000000..16a57061
Binary files /dev/null and b/src/assets/images/sunVillage_info/login_btn.png differ
diff --git a/src/assets/images/sunVillage_info/login_head.png b/src/assets/images/sunVillage_info/login_head.png
new file mode 100644
index 00000000..f63eca17
Binary files /dev/null and b/src/assets/images/sunVillage_info/login_head.png differ
diff --git a/src/assets/images/sunVillage_info/login_head_code.png b/src/assets/images/sunVillage_info/login_head_code.png
new file mode 100644
index 00000000..4e93ab6a
Binary files /dev/null and b/src/assets/images/sunVillage_info/login_head_code.png differ
diff --git a/src/assets/images/sunVillage_info/login_head_h.png b/src/assets/images/sunVillage_info/login_head_h.png
new file mode 100644
index 00000000..43fcea22
Binary files /dev/null and b/src/assets/images/sunVillage_info/login_head_h.png differ
diff --git a/src/assets/images/sunVillage_info/login_head_h_rights.png b/src/assets/images/sunVillage_info/login_head_h_rights.png
new file mode 100644
index 00000000..fba033d3
Binary files /dev/null and b/src/assets/images/sunVillage_info/login_head_h_rights.png differ
diff --git a/src/assets/images/sunVillage_info/login_head_nr.png b/src/assets/images/sunVillage_info/login_head_nr.png
new file mode 100644
index 00000000..ab5bdb37
Binary files /dev/null and b/src/assets/images/sunVillage_info/login_head_nr.png differ
diff --git a/src/assets/images/sunVillage_info/login_head_nr_code.png b/src/assets/images/sunVillage_info/login_head_nr_code.png
new file mode 100644
index 00000000..7d5f83ba
Binary files /dev/null and b/src/assets/images/sunVillage_info/login_head_nr_code.png differ
diff --git a/src/assets/images/sunVillage_info/login_head_t.png b/src/assets/images/sunVillage_info/login_head_t.png
new file mode 100644
index 00000000..2b2cc53f
Binary files /dev/null and b/src/assets/images/sunVillage_info/login_head_t.png differ
diff --git a/src/assets/images/sunVillage_info/login_icon_1.png b/src/assets/images/sunVillage_info/login_icon_1.png
new file mode 100644
index 00000000..b7f37a0f
Binary files /dev/null and b/src/assets/images/sunVillage_info/login_icon_1.png differ
diff --git a/src/assets/images/sunVillage_info/login_icon_2.png b/src/assets/images/sunVillage_info/login_icon_2.png
new file mode 100644
index 00000000..ae3de192
Binary files /dev/null and b/src/assets/images/sunVillage_info/login_icon_2.png differ
diff --git a/src/assets/images/sunVillage_info/login_icon_2_code.png b/src/assets/images/sunVillage_info/login_icon_2_code.png
new file mode 100644
index 00000000..eb06ef0d
Binary files /dev/null and b/src/assets/images/sunVillage_info/login_icon_2_code.png differ
diff --git a/src/assets/images/sunVillage_info/login_icon_3.png b/src/assets/images/sunVillage_info/login_icon_3.png
new file mode 100644
index 00000000..ba59e3bd
Binary files /dev/null and b/src/assets/images/sunVillage_info/login_icon_3.png differ
diff --git a/src/assets/images/sunVillage_info/login_icon_4.png b/src/assets/images/sunVillage_info/login_icon_4.png
new file mode 100644
index 00000000..f5d4b5d1
Binary files /dev/null and b/src/assets/images/sunVillage_info/login_icon_4.png differ
diff --git a/src/assets/images/sunVillage_info/login_icon_5.png b/src/assets/images/sunVillage_info/login_icon_5.png
new file mode 100644
index 00000000..91175148
Binary files /dev/null and b/src/assets/images/sunVillage_info/login_icon_5.png differ
diff --git a/src/assets/images/sunVillage_info/login_main.png b/src/assets/images/sunVillage_info/login_main.png
new file mode 100644
index 00000000..b56d3b29
Binary files /dev/null and b/src/assets/images/sunVillage_info/login_main.png differ
diff --git a/src/assets/images/sunVillage_info/name_icon.png b/src/assets/images/sunVillage_info/name_icon.png
new file mode 100644
index 00000000..9126df85
Binary files /dev/null and b/src/assets/images/sunVillage_info/name_icon.png differ
diff --git a/src/assets/images/sunVillage_info/user_icon.png b/src/assets/images/sunVillage_info/user_icon.png
new file mode 100644
index 00000000..f80bad65
Binary files /dev/null and b/src/assets/images/sunVillage_info/user_icon.png differ
diff --git a/src/components/form/FieldCalender.vue b/src/components/form/FieldCalender.vue
index 120859a7..d4cc5b2c 100644
--- a/src/components/form/FieldCalender.vue
+++ b/src/components/form/FieldCalender.vue
@@ -1,3 +1,4 @@
+<!-- 日历表单组件 zhao -->
 <template>
   <!-- !!!注: 不支持逝去的日子, 以`FieldDatePicker`代替 !!! -->
   <div>
@@ -36,7 +37,8 @@ import { formatDate } from "element-ui/src/utils/date-util.js"
 export default {
   name: "FieldCalender",
   props: [
-    'name', 'readonly', 'value', 'label', 'placeholder', 'required', 'rules', 'formatter', 'labelWidth'
+    'name', 'readonly', 'value', 'label', 'placeholder', 'required', 'rules', 'labelWidth',
+    'formatter', // value的格式化 String|Function|undefined 字符串为格式字符串, 函数则必须有返回 undefined则不转换
   ],
   watch: {
     value: function (newVal, oldVal) {
diff --git a/src/components/form/FieldCascader.vue b/src/components/form/FieldCascader.vue
new file mode 100644
index 00000000..61e00782
--- /dev/null
+++ b/src/components/form/FieldCascader.vue
@@ -0,0 +1,255 @@
+<!-- 级联树选择器表单组件 zhao -->
+<template>
+  <div>
+    <van-field
+      :readonly="true"
+      :clickable="!readonly"
+      :name="name"
+      :value="visibleValue"
+      :label="label"
+      :placeholder="placeholder"
+      @click="openPopup"
+      input-align="right"
+      right-icon="arrow-down"
+      :rules="rules"
+      :required="required"
+      :label-width="labelWidth || 'auto'"
+    >
+    </van-field>
+    <van-popup v-model="popupVisible" position="bottom">
+      <van-cascader
+        ref="picker"
+        :title="label"
+        v-model="internalValue"
+        :placeholder="placeholder || '请选择'"
+        :options="internalOptions"
+        :readonly="readonly"
+        :loading="loading"
+        :field-names="{
+          text: textName || 'text',
+          value: valueName || 'value',
+          children: childrenName || 'children',
+        }"
+        @finish="onConfirm"
+        @close="onCancel"
+        @change="onChanged"
+      />
+    </van-popup>
+  </div>
+</template>
+
+<script>
+import request from "@/utils/request";
+
+export default {
+  name: "fieldCascader",
+  props: [
+    'name', 'readonly', 'value', 'label', 'placeholder', 'required', 'rules', 'labelWidth',
+    'options', // 树结构数组/普通数组
+    'textName', // 名称键名 String 默认text
+    'valueName', // 值键名 String 默认value
+    'remoteUrl', // 远程列表加载地址 String
+    'onRemoteResponse', // 远程获取到结果的处理回调 String|Function 如果是函数需返回数组, 如果是字符串支持.分割
+    'childrenName', // 子级数组键名 String 默认children
+    'parentName', // 父的值键名 String 如果不为空 则自动转数组为树树结构数组 String
+    'showTextAndValue', // 是否显示值和键 Bool|String 字符串为分隔符, true为空字符串
+    'showHasChildren', // 是否显示存在子级的标识 Bool|String 字符串为标识符, true为` >`
+  ],
+  watch: {
+    value: function (newVal, oldVal) {
+      if(newVal != this.internalValue)
+      {
+        this.internalValue = newVal;
+        this.syncIndex();
+      }
+    },
+    options: function (newVal, oldVal) {
+      this.internalOptions = this.makeTree(JSON.parse(JSON.stringify(newVal)));
+      this.handleTree(this.internalOptions);
+      this.syncIndex();
+    },
+    remoteUrl: function (newVal, oldVal) {
+      this.requestRemote();
+    },
+    onRemoteResponse: function (newVal, oldVal) {
+      this.parseRemote();
+    }
+  },
+  created() {
+    if(this.options && Array.isArray(this.options) && this.options.length > 0)
+    {
+      this.internalOptions = this.makeTree(JSON.parse(JSON.stringify(this.options)));
+      this.handleTree(this.internalOptions);
+      this.syncIndex();
+    }
+    else if(this.remoteUrl)
+      this.requestRemote();
+  },
+  data() {
+    return {
+      popupVisible: false,
+      internalValue: this.value,
+      visibleValue: '',
+      defaultIndex: 0,
+      internalOptions: [],
+      loading: false,
+      remoteResponse: null,
+    };
+  },
+  methods: {
+    openPopup() {
+      if(!this.readonly)
+      {
+        this.popupVisible = true;
+        this.$nextTick(() => {
+          //this.$refs.picker.setIndexes([this.defaultIndex]);
+        })
+      }
+    },
+    closePopup() {
+      this.popupVisible = false;
+    },
+    onChanged({ value, selectedOptions, tabIndex }) {
+      this.$emit('change', { value, selectedOptions, });
+    },
+    onConfirm({ value, selectedOptions, tabIndex }) {
+      this.syncValue(value, selectedOptions[selectedOptions.length - 1]);
+      this.$emit('input', this.internalValue);
+      this.$emit('confirm', this.internalValue);
+      this.closePopup();
+    },
+    onCancel() {
+      this.closePopup();
+      this.$emit('cancel');
+    },
+    getValue(data) {
+      return typeof(data) === 'object' && this.valueName ? data[this.valueName] : data;
+    },
+    getLabel(data) {
+      return typeof(data) === 'object' && this.textName ? data[this.textName] : data;
+    },
+    syncValue(value, data) {
+      this.internalValue = value;
+      this.visibleValue = this.getLabel(data);
+    },
+    requestRemote() {
+      if(!this.remoteUrl)
+        return;
+      this.loading = true;
+      this.internalOptions = [];
+      let promise = typeof(this.remoteUrl) === 'function' ? this.remoteUrl() : (this.remoteUrl instanceof Promise ? this.remoteUrl : request(this.remoteUrl));
+      promise.then((resp) => {
+        this.remoteResponse = resp;
+        this.parseRemote();
+      }).catch((e) => {
+        console.error(e);
+      }).finally(() => {
+        this.loading = false;
+      })
+    },
+    parseRemote() {
+      if(!this.remoteResponse)
+        return;
+      let type = typeof(this.onRemoteResponse);
+      if(type === 'function')
+        this.internalOptions = this.makeTree(this.onRemoteResponse(this.remoteResponse));
+      else if(type === 'string')
+      {
+        let arr = this.onRemoteResponse.split('.');
+        let ptr = this.remoteResponse;
+        for(let i in arr)
+        {
+          ptr = this.remoteResponse[arr[i]];
+        }
+        this.internalOptions = this.makeTree(ptr);
+      }
+      else
+        this.internalOptions = this.makeTree(this.remoteResponse);
+      this.handleTree(this.internalOptions);
+      this.syncIndex();
+    },
+    makeTree(list) {
+      let parentName = this.parentName;
+      let valueName = this.valueName || 'value';
+      let childrenName = this.childrenName || 'children';
+      function isnull(p) {
+        return p === null || p === undefined || p === '';
+      }
+      function makeTree_r(l, p) {
+        const isRoot = isnull(p);
+        let res = [];
+        for(let v of l)
+        {
+          const parentValue = v[parentName];
+          const value = v[valueName];
+          if((isRoot && isnull(parentValue)) || (!isRoot && parentValue == p))
+          {
+            let arr = makeTree_r(l, value);
+            if(arr && arr.length > 0)
+              v[childrenName] = arr;
+            else
+              delete v[childrenName];
+            res.push(v);
+          }
+        }
+        return res;
+      }
+      if(this.parentName)
+        return makeTree_r(list);
+      else
+        return list;
+    },
+    handleTree(tree) {
+      if(!this.showTextAndValue && !this.showHasChildren)
+        return;
+      let split = this.showTextAndValue === false || this.showTextAndValue === undefined || this.showTextAndValue === null ? false : (typeof(this.showTextAndValue) === 'boolean' ? "" : this.showTextAndValue);
+      let hasChildren = this.showHasChildren === false || this.showHasChildren === undefined || this.showHasChildren === null ? false : (typeof(this.showHasChildren) === 'boolean' ? " >" : this.showHasChildren);
+      let textName = this.textName || 'text';
+      let valueName = this.valueName || 'value';
+      let childrenName = this.childrenName || 'children';
+      function handleTree_r(l) {
+        for(let v of l)
+        {
+          if(split !== false)
+            v[textName] = v[valueName] + split + v[textName];
+          if(v[childrenName] && Array.isArray(v[childrenName]) && v[childrenName].length > 0)
+          {
+            if(hasChildren !== false)
+              v[textName] = v[textName] + hasChildren;
+            handleTree_r(v[childrenName]);
+          }
+        }
+      }
+      handleTree_r(tree);
+    },
+    findTree(tree, value) {
+      let valueName = this.valueName || 'value';
+      let childrenName = this.childrenName || 'children';
+      function findTree_r(l) {
+        for(let v of l)
+        {
+          if(value == v[valueName])
+            return v;
+          if(v[childrenName] && Array.isArray(v[childrenName]) && v[childrenName].length > 0)
+          {
+            let res = findTree_r(v[childrenName]);
+            if(res !== undefined)
+              return res;
+          }
+        }
+        return;
+      }
+      return findTree_r(tree);
+    },
+    syncIndex() {
+      let item = this.findTree(this.internalOptions, this.internalValue);
+      if(item)
+        this.visibleValue = item[this.textName || 'text'];
+    }
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/components/form/FieldCheckbox.vue b/src/components/form/FieldCheckbox.vue
index 26e93d8e..4a140dca 100644
--- a/src/components/form/FieldCheckbox.vue
+++ b/src/components/form/FieldCheckbox.vue
@@ -1,3 +1,4 @@
+<!-- 状态单选框表单组件 zhao -->
 <template>
   <div>
     <van-field
@@ -27,7 +28,9 @@ export default {
   name: "fieldCheckbox",
   props: [
     'name', 'readonly', 'value', 'label', 'placeholder', 'required', 'rules',
-    'trueLabel', 'falseLabel', 'labelWidth'
+    'labelWidth',
+    'trueLabel', // 选中的值
+    'falseLabel', // 未选中的值
   ],
   watch: {
     value: function (newVal, oldVal) {
diff --git a/src/components/form/FieldDatePicker.vue b/src/components/form/FieldDatePicker.vue
index 2fe03b0d..d9f60342 100644
--- a/src/components/form/FieldDatePicker.vue
+++ b/src/components/form/FieldDatePicker.vue
@@ -1,3 +1,4 @@
+<!-- 日期选择表单组件 zhao -->
 <template>
   <div>
     <van-field
@@ -40,8 +41,9 @@ import { formatDate } from "element-ui/src/utils/date-util.js"
 export default {
   name: "fieldDatePicker",
   props: [
-    'name', 'readonly', 'value', 'label', 'placeholder', 'required', 'rules', 'formatter', 'labelWidth',
-    'type', // datetime date time year-month month-day datehour
+    'name', 'readonly', 'value', 'label', 'placeholder', 'required', 'rules', 'labelWidth',
+    'type', // 类型, 仅支持 datetime date time year-month month-day datehour
+    'formatter', // value的格式化 String|Function|undefined 字符串为格式字符串, 函数则必须有返回 undefined则不转换
   ],
   watch: {
     value: function (newVal, oldVal) {
diff --git a/src/components/form/FieldRadio.vue b/src/components/form/FieldRadio.vue
index bc2b4417..2b009a6e 100644
--- a/src/components/form/FieldRadio.vue
+++ b/src/components/form/FieldRadio.vue
@@ -1,3 +1,4 @@
+<!-- 单选框组表单组件 zhao -->
 <template>
   <div>
     <van-field
@@ -24,8 +25,12 @@ import request from "@/utils/request";
 export default {
   name: "fieldRadio",
   props: [
-    'name', 'readonly', 'value', 'label', 'placeholder', 'required', 'rules', 'columns',
-    'valueKey', 'dataKey', 'remoteUrl', 'onRemoteResponse', 'labelWidth'
+    'name', 'readonly', 'value', 'label', 'placeholder', 'required', 'rules', 'labelWidth',
+    'columns', // 列表数据 Array
+    'valueKey', // 名称键名 String
+    'dataKey', // 值键名 String
+    'remoteUrl', // 远程列表加载地址 String
+    'onRemoteResponse', // 远程获取到结果的处理回调 String|Function 如果是函数需返回数组, 如果是字符串支持.分割
   ],
   watch: {
     value: function (newVal, oldVal) {
diff --git a/src/components/form/FieldSelect.vue b/src/components/form/FieldSelect.vue
index 7f4a1a0a..39a4edd6 100644
--- a/src/components/form/FieldSelect.vue
+++ b/src/components/form/FieldSelect.vue
@@ -1,3 +1,4 @@
+<!-- 下拉列表表单组件 zhao -->
 <template>
   <div>
     <van-field
@@ -38,8 +39,12 @@ import request from "@/utils/request";
 export default {
   name: "fieldSelect",
   props: [
-    'name', 'readonly', 'value', 'label', 'placeholder', 'required', 'rules', 'columns',
-    'valueKey', 'dataKey', 'remoteUrl', 'onRemoteResponse', 'labelWidth'
+    'name', 'readonly', 'value', 'label', 'placeholder', 'required', 'rules', 'labelWidth',
+    'columns', // 列表数据 Array
+    'valueKey', // 名称键名 String
+    'dataKey', // 值键名 String
+    'remoteUrl', // 远程列表加载地址 String
+    'onRemoteResponse', // 远程获取到结果的处理回调 String|Function 如果是函数需返回数组, 如果是字符串支持.分割
   ],
   watch: {
     value: function (newVal, oldVal) {
diff --git a/src/components/form/SubjectTreeChooser.vue b/src/components/form/SubjectTreeChooser.vue
new file mode 100644
index 00000000..e5d79f94
--- /dev/null
+++ b/src/components/form/SubjectTreeChooser.vue
@@ -0,0 +1,188 @@
+<!-- 会计科目选择弹出层组件 zhao -->
+<template>
+  <van-popup v-model="popupVisible" position="bottom" :style="{'height': height || 'unset',}">
+      <van-search
+        v-model="searchValue"
+        placeholder="按科目编码/名称筛选"
+        @input="onSearch"
+      />
+
+    <van-tabs v-model="active" @change="onTabChanged">
+      <van-tab :title="item.subjectName" :name="item.subjectId" v-for="(item, index) in subjects" :key="index">
+        <SubjectTreeChooserNodeItem :ref="'tree' + index" :subjects="item.children" @clicked="onItemClicked" :can-select-non-leaf="canSelectNonLeaf"></SubjectTreeChooserNodeItem>
+      </van-tab>
+    </van-tabs>
+  </van-popup>
+</template>
+
+<script>
+import request from "@/utils/request";
+import SubjectTreeChooserNodeItem from "./SubjectTreeChooserNodeItem";
+
+export default {
+  name: "SubjectTreeChooser",
+  components: {SubjectTreeChooserNodeItem},
+  props: [
+    'value', 'visible', 'height', 'canSelectNonLeaf',
+  ],
+  watch: {
+    value: function (newVal, oldVal) {
+      if(newVal != this.internalValue)
+      {
+        this.internalValue = newVal;
+        this.syncIndex();
+      }
+    },
+    visible: function(newVal, oldVal) {
+      if(this.popupVisible !== newVal)
+      {
+        this.popupVisible = newVal;
+        if(newVal)
+          this.syncIndex();
+      }
+    },
+    popupVisible: function(newVal, oldVal) {
+      if(newVal !== this.visible)
+        this.$emit('update:visible', newVal);
+    },
+  },
+  created() {
+    this.getSubjects();
+  },
+  data() {
+    return {
+      popupVisible: false,
+      internalValue: this.value,
+      searchValue: '',
+      active: '1',
+      subjects: [],
+    };
+  },
+  methods: {
+    getSubjects() {
+      this.subjects = [];
+      let map = {};
+      this.getDicts('subject_type').then((resp) => {
+        this.subjects = resp.data.map((x) => {
+          let item = {
+            subjectId: x.dictValue,
+            subjectName: x.dictLabel,
+            subjectNameAll: x.dictLabel,
+            subjectType: x.dictValue,
+            subjectLevel: 0,
+            children: [],
+            visible: true,
+          };
+          map[x.dictValue] = item;
+          return item;
+        });
+        let url = '/finance/subject/listAll'; // '/villageAffairs/public/subjects/153'
+        request(url).then((resp) => {
+          let list = this.makeTree(resp.rows || resp.data);
+          for(let v of list)
+          {
+            if(v.subjectId.length === 3)
+            {
+              map[v.subjectType].children.push(v);
+            }
+          }
+        })
+      });
+    },
+    onItemClicked(subject) {
+      if(this.canSelectNonLeaf || subject.is_last === 'Y')
+      {
+        this.internalValue = subject.subjectId
+        this.$emit('input', subject.subjectId);
+        this.$emit('select', subject);
+        this.close();
+      }
+    },
+    onItemToggle({subject, on}) {
+    },
+    onCancel() {
+      this.close();
+    },
+    makeTree(list) {
+      function isnull(p) {
+        return p === null || p === undefined || p === '';
+      }
+      function makeTree_r(l, p) {
+        const isRoot = isnull(p);
+        let res = [];
+        for(let v of l)
+        {
+          if((isRoot && isnull(v.parentId)) || (!isRoot && v.parentId == p))
+          {
+            let arr = makeTree_r(l, v.subjectId);
+            if(arr.length > 0)
+              v.children = arr;
+            else
+              delete v.children;
+            res.push(v);
+          }
+        }
+        return res;
+      }
+      return makeTree_r(list.map((x) => {
+        x.visible = true;
+        return x;
+      }));
+    },
+    onSearch(value) {
+      function handleTree_r(l, func) {
+        let res = 0;
+        for(let v of l)
+        {
+          let r = func(v) ? 1 : 0;
+          if(v.children && Array.isArray(v.children) && v.children.length > 0)
+          {
+            r += handleTree_r(v.children, func);
+          }
+          v.visible = r > 0;
+          res += r;
+        }
+        return res;
+      }
+
+      for(let v of this.subjects)
+      {
+        if(v.subjectId === this.active && value)
+        {
+          handleTree_r(v.children, (x) => x.subjectId.startsWith(value) || x.subjectName.indexOf(value) !== -1);
+        }
+        else
+        {
+          handleTree_r(v.children, (x) => true);
+        }
+      }
+    },
+    onTabChanged() {
+      this.searchValue = '';
+      this.onSearch();
+    },
+    folderAll() { // TODO: not work
+      for(let i in this.subjects)
+      {
+        if(this.$refs['tree' + i])
+          this.$refs['tree' + i][0].folderAll();
+      }
+    },
+    close() {
+      this.popupVisible = false;
+      this.folderAll();
+      this.searchValue = '';
+      this.active = '1';
+      this.$emit('cancel');
+    },
+    syncIndex() {
+      if(this.subjects.length === 0 || !this.internalValue)
+        return;
+      this.active = this.internalValue[0];
+    },
+  },
+}
+</script>
+
+<style scoped>
+</style>
diff --git a/src/components/form/SubjectTreeChooserNodeItem.vue b/src/components/form/SubjectTreeChooserNodeItem.vue
new file mode 100644
index 00000000..d1c0ad3f
--- /dev/null
+++ b/src/components/form/SubjectTreeChooserNodeItem.vue
@@ -0,0 +1,68 @@
+<!-- 会计科目选择节点组件 zhao -->
+<template>
+  <van-collapse v-model="active">
+    <template v-for="(subject, index) in subjects">
+      <van-collapse-item :ref="'collapse' + index" :lazy-render="false" :title="subject.subjectId + ' ' + subject.subjectName" :name="subject.subjectId" :is-link="subject.is_last !== 'Y'" :class="subject.is_last === 'Y' ? 'subject-tree-node-leaf' : 'subject-tree-node-non-leaf'" v-if="subject.visible">
+        <template #title>
+          <div @click="($event) => onItemClicked($event, subject)">{{ subject.subjectId }} {{ subject.subjectName }}</div>
+        </template>
+        <SubjectTreeChooserNodeItem :ref="'childCollapse' + index" :subjects="subject.children" v-if="subject.children && Array.isArray(subject.children) && subject.children.length > 0" @clicked="onChildItemClicked" :can-select-non-leaf="canSelectNonLeaf">
+        </SubjectTreeChooserNodeItem>
+      </van-collapse-item>
+    </template>
+  </van-collapse>
+</template>
+
+<script>
+
+export default {
+  name: "SubjectTreeChooserNodeItem",
+  props: [
+    'subjects', 'canSelectNonLeaf',
+  ],
+  watch: {
+  },
+  created() {
+  },
+  data() {
+    return {
+      active: [],
+    };
+  },
+  methods: {
+    onItemClicked($event, subject) {
+      if(this.canSelectNonLeaf || subject.is_last === 'Y')
+      {
+        this.$emit('clicked', subject);
+        //$event.preventDefault();
+        $event.stopPropagation();
+      }
+    },
+    onChildItemClicked(subject) {
+        this.$emit('clicked', subject);
+    },
+    folderAll() { // TODO: not work
+      for(let i in this.subjects)
+      {
+        if(this.$refs['childCollapse' + i])
+          this.$refs['childCollapse' + i][0].folderAll();
+        if(this.$refs['collapse' + i])
+          this.$refs['collapse' + i][0].toggle(false);
+      }
+    },
+  },
+}
+</script>
+
+<style>
+.subject-tree-node-non-leaf .van-collapse-item__content {
+  padding-right: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.subject-tree-node-leaf .van-collapse-item__content {
+  padding-right: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+</style>
diff --git a/src/main.js b/src/main.js
index 7a085bda..87ad471a 100644
--- a/src/main.js
+++ b/src/main.js
@@ -14,12 +14,14 @@ import SearchTree from 'vue-search-tree'
 import VueHtml5Editor from 'vue-html5-editor'
 import "font-awesome/css/font-awesome.css"
 import VueCookies from 'vue-cookies'
+//引用百度地图
+import BaiduMap from 'vue-baidu-map'
 Vue.use(VueCookies);
 import global from '@/utils/global';
 
 import { getDicts ,getConfigKey } from "@/utils/data";
 import { houseGetDicts } from '@/utils/data';
-import { selectDictLabel , selectDictScheme , onClickLeft , getNowFormatDate , format } from "@/utils/utils";
+import { selectDictLabel , selectDictScheme , onClickLeft , getNowFormatDate , format , isBankCard } from "@/utils/utils";
 import vueEsign from 'vue-esign'
 Vue.use(vueEsign)
 
@@ -33,12 +35,17 @@ Vue.prototype.onClickLeft = onClickLeft
 Vue.prototype.getNowFormatDate = getNowFormatDate
 Vue.prototype.format = format
 Vue.prototype.global = global
+Vue.prototype.isBankCard = isBankCard
 
 // Vant 引用
 import Vant from 'vant';
 import 'vant/lib/index.css';
 Vue.use(Vant)
 Vue.use(SearchTree)
+Vue.use(BaiduMap, {
+  /* Visit http://lbsyun.baidu.com/apiconsole/key for details about app key. */
+  ak: 'XzwOBaO4CElCsPdl8LIFEvv5rTemG6w1'
+})
 Vue.use(VueHtml5Editor,{
   // 全局组件名称，使用new VueHtml5Editor(options)时该选项无效
   // global component name
diff --git a/src/permission.js b/src/permission.js
index 7b3220f0..03fd72cc 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -106,6 +106,27 @@ const whiteList = [
 
   //宅基地
   '/zjdLogin',
+
+  //阳光村务--新
+  '/sunVillage_info/login',  //登录
+  '/sunVillage_info/index',  //首页
+  '/sunVillage_info/list_tourists',  //二页列表-游客
+  '/sunVillage_info/fixedAssets', //固定资产
+  '/sunVillage_info/information',  //合同信息
+  '/sunVillage_info/details',   //详情页
+  '/sunVillage_info/index_code',  //详情页
+  '/sunVillage_info/list_finance',   //详情页
+  '/sunVillage_info/list_issues',   //详情页
+  '/sunVillage_info/list_tourists_detail',   //详情页
+  '/sunVillage_info/list_issues_detail',   //详情页
+  '/sunVillage_info/list_finance_detail',   //详情页
+  '/sunVillage_info/list_finance_ranking',   //详情页
+  '/sunVillage_info/list_tourists_ranking',   //详情页
+  '/sunVillage_info/login_code',   //详情页
+  '/sunVillage_info/index_code_rights',   //详情页
+  '/sunVillage_info/list_vote',   //详情页
+  '/sunVillage_info/list_vote_detail',   //详情页
+  '/sunVillage_info/list_vote_form',   //详情页
 ]
 
 router.beforeEach((to, from, next) => {
@@ -132,8 +153,7 @@ router.beforeEach((to, from, next) => {
           store.dispatch('LogOut').then(() => {
             try {
               let loginUrl = Cookies.get("_Login_url");
-              if(loginUrl && loginUrl.indexOf("onlineHomeLogin") !== -1)
-              {
+              if (loginUrl && loginUrl.indexOf("onlineHomeLogin") !== -1) {
                 next({ path: '/onlineHomeLogin' })
                 return;
               }
@@ -148,13 +168,15 @@ router.beforeEach((to, from, next) => {
               next(`/zjdLogin`)
             } else if (to.path.indexOf('/yinnong') !== -1) {
               next(`/yinnongLogin`)
+            } else if (window.location.href.indexOf('/sunVillage_info/') != -1) {
+              window.location.href = '/sunVillage_info/login';
             } else if (to.path.indexOf('/homesteadSurvey') !== -1) {
               next(`/homesteadLogin`)
             } else if (to.path.indexOf('/lawEnforcement') !== -1) {
               next(`//lawEnforcement/login`)
             } else if (to.path.indexOf('/sunVillage') !== -1) {
               next(`/sunVillage/login`)
-            }else if (to.path.indexOf('/homestead/') !== -1) {
+            } else if (to.path.indexOf('/homestead/') !== -1) {
               next(`/homestead/login`)
             } else {
               next(`/yinnongLogin`)
@@ -175,8 +197,7 @@ router.beforeEach((to, from, next) => {
     } else {
       try {
         let loginUrl = Cookies.get("_Login_url");
-        if(loginUrl && loginUrl.indexOf("onlineHomeLogin") !== -1)
-        {
+        if (loginUrl && loginUrl.indexOf("onlineHomeLogin") !== -1) {
           next({ path: `/onlineHomeLogin?redirect=${to.fullPath}` })
           return;
         }
@@ -189,6 +210,8 @@ router.beforeEach((to, from, next) => {
         next(`/onlineHomeLogin`)
       } else if (to.path.indexOf('/yinnong') !== -1) {
         next(`/yinnongLogin`)
+      } else if (window.location.href.indexOf('/sunVillage_info/') != -1) {
+        window.location.href = '/sunVillage_info/login';
       } else if (to.path.indexOf('/homesteadSurvey') !== -1) {
         next(`/homesteadLogin`)
       } else if (to.path.indexOf('/lawEnforcement') !== -1) {
diff --git a/src/router/index.js b/src/router/index.js
index 665f38d5..201a8fda 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1813,6 +1813,7 @@ export const constantRoutes = [
     meta: {
       title: '添加银行卡转账申请',
       hidden: true,
+      keepAlive: true
     },
     component: (resolve) => require(['@/views/yinnong/bankAgriculture/paymentApproval/approvalAdd'], resolve)
   },
@@ -1822,6 +1823,7 @@ export const constantRoutes = [
     meta: {
       title: '添加信用卡还款申请',
       hidden: true,
+      keepAlive: true
     },
     component: (resolve) => require(['@/views/yinnong/bankAgriculture/paymentApproval/approvalAdd2'], resolve)
   },
@@ -1879,6 +1881,33 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/yinnong/bankAgriculture/paymentApproval/approvalAdd12'], resolve)
   },
+  {
+    path: '/yinnong/approval/collectionAdd',
+    name: 'approvalCollectionAdd',
+    meta: {
+      title: '添加收款账户信息',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/yinnong/bankAgriculture/paymentApproval/collectionAdd'], resolve)
+  },
+  {
+    path: '/yinnong/approval/collectionAdd2',
+    name: 'approvalCollectionAdd2',
+    meta: {
+      title: '添加收款账户信息',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/yinnong/bankAgriculture/paymentApproval/collectionAdd2'], resolve)
+  },
+  {
+    path: '/yinnong/approval/collectionApprovalAdd',
+    name: 'collectionApprovalAdd',
+    meta: {
+      title: '添加收款账户信息',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/yinnong/bankAgriculture/paymentApproval/collectionApprovalAdd'], resolve)
+  },
   {
     path: '/yinnong/approvalApproval',
     name: 'approvalApproval',
@@ -1921,6 +1950,7 @@ export const constantRoutes = [
     meta: {
       title: '修改银行卡转账申请',
       hidden: true,
+      keepAlive: true
     },
     component: (resolve) => require(['@/views/yinnong/bankAgriculture/paymentApproval/approvalModify'], resolve)
   },
@@ -2095,6 +2125,33 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/yinnong/farmerPortrait'], resolve)
   },
+  {
+    path: '/yinnong/bankOfDepositList',
+    name: 'yinnongBankOfDepositList',
+    meta: {
+      title: '开户行',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/yinnong/bankAgriculture/bankOfDeposit/bankOfDepositList'], resolve)
+  },
+  {
+    path: '/yinnong/bankOfDepositAdd',
+    name: 'yinnongBankOfDepositAdd',
+    meta: {
+      title: '添加开户行',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/yinnong/bankAgriculture/bankOfDeposit/bankOfDepositAdd'], resolve)
+  },
+  {
+    path: '/yinnong/bankOfDepositModify',
+    name: 'yinnongBankOfDepositModify',
+    meta: {
+      title: '修改开户行',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/yinnong/bankAgriculture/bankOfDeposit/bankOfDepositModify'], resolve)
+  },
   {
     path: '/lawEnforcement',
     name: 'lawEnforcement',
@@ -2815,6 +2872,529 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/onlineHome/homestead/supervision/supervisionDetail'], resolve)
   },
+  { //阳光村务（新）--登录页
+    path: '/sunVillage_info/login',
+    name: 'sunVillageInfoLogin',
+    meta: {
+      title: '报账员登录',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/login'], resolve)
+  },
+  { ////阳光村务（新）--主页
+    path: '/sunVillage_info/index',
+    name: 'sunVillageInfoIndex',
+    meta: {
+      title: '阳光村务',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/index'], resolve)
+  },
+  { ////阳光村务（新）-- 二页-游客
+    path: '/sunVillage_info/list_tourists',
+    name: 'sunVillageInfoListTourists',
+    meta: {
+      title: '月度零工公示',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_tourists'], resolve)
+  },
+  { ////阳光村务（新）-- 固定资产
+    path: '/sunVillage_info/fixedAssets',
+    name: 'sunVillageInfoFixedAssets',
+    meta: {
+      title: '固定资产',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/fixedAssets'], resolve)
+  },
+  { ////阳光村务（新）-- 固定资产
+    path: '/sunVillage_info/fixedAssetsAdd',
+    name: 'sunVillageInfoFixedAssetsAdd',
+    meta: {
+      title: '新增固定资产',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/fixedAssetsAdd'], resolve)
+  },
+  { ////阳光村务（新）-- 固定资产
+    path: '/sunVillage_info/fixedAssetsDetail',
+    name: 'sunVillageInfoFixedAssetsDetail',
+    meta: {
+      title: '查看固定资产',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/fixedAssetsDetail'], resolve)
+  },
+  { ////阳光村务（新）-- 固定资产
+    path: '/sunVillage_info/fixedAssetsEdit',
+    name: 'sunVillageInfoFixedAssetsEdit',
+    meta: {
+      title: '修改固定资产',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/fixedAssetsEdit'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/information',
+    name: 'sunVillageInfoInformation',
+    meta: {
+      title: '合同信息',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/information'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/informationAdd',
+    name: 'sunVillageInfoInformationAdd',
+    meta: {
+      title: '新增合同信息',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/informationAdd'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/informationDetail',
+    name: 'sunVillageInfoInformationDetail',
+    meta: {
+      title: '查看合同信息',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/informationDetail'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/informationEdit',
+    name: 'sunVillageInfoInformationEdit',
+    meta: {
+      title: '修改合同信息',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/informationEdit'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/details',
+    name: 'sunVillageInfoDetails',
+    meta: {
+      title: '详情页',
+      hidden: true,
+      keepAlive: true
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/details'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/index_code',
+    name: 'sunVillageInfoIndexCode',
+    meta: {
+      title: '阳光村务',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/index_code'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/list_finance',
+    name: 'sunVillageInfoListFinance',
+    meta: {
+      title: '财务公开榜',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_finance'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/list_issues',
+    name: 'sunVillageInfoListIssues',
+    meta: {
+      title: '重大事项',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_issues'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/list_finance_add',
+    name: 'sunVillageInfoListFinanceAdd',
+    meta: {
+      title: '新增财务公开',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_finance_add'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/list_finance_detail',
+    name: 'sunVillageInfoListFinanceDetail',
+    meta: {
+      title: '查看财务公开',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_finance_detail'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/list_finance_ranking',
+    name: 'sunVillageInfoListFinanceRanking',
+    meta: {
+      title: '收支情况公布榜',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_finance_ranking'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/list_tourists_add',
+    name: 'sunVillageInfoListTouristsAdd',
+    meta: {
+      title: '新增零工公开',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_tourists_add'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/list_finance_edit',
+    name: 'sunVillageInfoListFinanceEdit',
+    meta: {
+      title: '修改财务公开',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_finance_edit'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/list_tourists_edit',
+    name: 'sunVillageInfoListTouristsEdit',
+    meta: {
+      title: '修改零工公开',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_tourists_edit'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/list_tourists_detail',
+    name: 'sunVillageInfoListTouristsDetail',
+    meta: {
+      title: '查看零工公开',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_tourists_detail'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/list_issues_add',
+    name: 'sunVillageInfoListIssuesAdd',
+    meta: {
+      title: '新增重大事项',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_issues_add'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/list_issues_detail',
+    name: 'sunVillageInfoListIssuesDetail',
+    meta: {
+      title: '查看重大事项',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_issues_detail'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/list_issues_edit',
+    name: 'sunVillageInfoListIssuesEdit',
+    meta: {
+      title: '修改重大事项',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_issues_edit'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/list_tourists_ranking',
+    name: 'sunVillageInfoListTouristsRanking',
+    meta: {
+      title: '零工公式公布榜',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_tourists_ranking'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/list_register',
+    name: 'sunVillageInfoListRegister',
+    meta: {
+      title: '零工登记',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_register'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/list_register_add',
+    name: 'sunVillageInfoListRegisterAdd',
+    meta: {
+      title: '新增零工登记',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_register_add'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/list_register_edit',
+    name: 'sunVillageInfoListRegisterEdit',
+    meta: {
+      title: '新增零工登记',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_register_edit'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/list_register_detail',
+    name: 'sunVillageInfoListRegisterDetail',
+    meta: {
+      title: '查看零工登记',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_register_detail'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/user',
+    name: 'sunVillageInfoUser',
+    meta: {
+      title: '个人信息',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/user'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/passWord',
+    name: 'sunVillageInfoPassWord',
+    meta: {
+      title: '修改密码',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/passWord'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/list_balance_ranking',
+    name: 'sunVillageInfoListBalanceRanking',
+    meta: {
+      title: '科目余额',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_balance_ranking'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/list_vote',
+    name: 'sunVillageInfoListVote',
+    meta: {
+      title: '投票',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_vote'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/list_vote_detail',
+    name: 'sunVillageInfoListVoteDetail',
+    meta: {
+      title: '投票',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_vote_detail'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/list_vote_form',
+    name: 'sunVillageInfoListVoteForm',
+    meta: {
+      title: '投票',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_vote_form'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/list_vote_add',
+    name: 'sunVillageInfoListVoteAdd',
+    meta: {
+      title: '新增投票',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_vote_add'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/list_vote_edit',
+    name: 'sunVillageInfoListVoteEdit',
+    meta: {
+      title: '修改投票',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_vote_edit'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/login_code',
+    name: 'sunVillageInfoLoginCode',
+    meta: {
+      title: '村民身份验证',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/login_code'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/sunVillage_info/index_code_rights',
+    name: 'sunVillageInfoIndexCodeRights',
+    meta: {
+      title: '我的权利',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/index_code_rights'], resolve)
+  },
+  { ////农业综合行政执法公众平台
+    path: '/lawEnforcement/index_new',
+    name: 'lawEnforcementIndexNew',
+    meta: {
+      title: '农业综合行政执法公众平台',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/index_new'], resolve)
+  },
+  { ////农业执法（新）-- 案件分配
+    path: '/lawEnforcement/caseAllocation',
+    name: 'lawEnforcementCaseAllocation',
+    meta: {
+      title: '案件分配',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseAllocation'], resolve)
+  },
+  { ////农业执法（新）-- 历史任务
+    path: '/lawEnforcement/caseHistory',
+    name: 'lawEnforcementCaseHistory',
+    meta: {
+      title: '历史任务',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseHistory'], resolve)
+  },
+  { ////农业执法（新）-- 查看登记
+    path: '/lawEnforcement/caseDetail',
+    name: 'lawEnforcementCaseDetail',
+    meta: {
+      title: '查看登记',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseDetail'], resolve)
+  },
+  { ////农业执法（新）-- 分配案件
+    path: '/lawEnforcement/caseDistribution',
+    name: 'lawEnforcementCaseDistribution',
+    meta: {
+      title: '分配案件',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseDistribution'], resolve)
+  },
+  { ////农业执法（新）-- 执行人员
+    path: '/lawEnforcement/caseLawEnforcer',
+    name: 'lawEnforcementCaseLawEnforcer',
+    meta: {
+      title: '执行人员',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseLawEnforcer'], resolve)
+  },
+  { ////农业执法（新）-- 退回案件
+    path: '/lawEnforcement/caseReturn',
+    name: 'lawEnforcementCaseReturn',
+    meta: {
+      title: '退回案件',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseReturn'], resolve)
+  },
+  { ////农业执法（新）-- 任务查看
+    path: '/lawEnforcement/task',
+    name: 'lawEnforcementTask',
+    meta: {
+      title: '任务查看',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/task/task'], resolve)
+  },
+  { ////农业执法（新）-- 查看登记案件
+    path: '/lawEnforcement/taskDetail',
+    name: 'lawEnforcementTaskDetail',
+    meta: {
+      title: '查看登记案件',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/task/taskDetail'], resolve)
+  },
+  { ////农业执法（新）-- 执法打卡
+    path: '/lawEnforcement/taskSignIn',
+    name: 'lawEnforcementTaskSignIn',
+    meta: {
+      title: '执法打卡',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/task/taskSignIn'], resolve)
+  },
+  { ////农业执法（新）-- 签到记录
+    path: '/lawEnforcement/taskRecord',
+    name: 'lawEnforcementTaskRecord',
+    meta: {
+      title: '签到记录',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/task/taskRecord'], resolve)
+  },
+  { ////农业执法（新）-- 现场检查（勘察）笔录
+    path: '/lawEnforcement/record',
+    name: 'lawEnforcementRecord',
+    meta: {
+      title: '现场检查（勘察）笔录',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/record/record'], resolve)
+  },
+  { ////农业执法（新）-- 案件列表
+    path: '/lawEnforcement/caseList',
+    name: 'lawEnforcementCaseList',
+    meta: {
+      title: '案件列表',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/record/caseList'], resolve)
+  },
+  { ////农业执法（新）-- 文书打印
+    path: '/lawEnforcement/recordDocument',
+    name: 'lawEnforcementRecordDocument',
+    meta: {
+      title: '文书打印',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/record/recordDocument'], resolve)
+  },
+  { ////农业执法（新）-- 案件查询
+    path: '/lawEnforcement/caseQuery',
+    name: 'lawEnforcementCaseQuery',
+    meta: {
+      title: '案件查询',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/caseQuery/caseQuery'], resolve)
+  },
+  { ////农业执法（新）-- 归档详情
+    path: '/lawEnforcement/caseQueryDocument',
+    name: 'lawEnforcementCaseQueryDocument',
+    meta: {
+      title: '归档详情',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/caseQuery/caseQueryDocument'], resolve)
+  },
+  { ////农业执法（新）-- 案件统计
+    path: '/lawEnforcement/caseStatistics',
+    name: 'lawEnforcementCaseStatistics',
+    meta: {
+      title: '案件统计',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/caseStatistics/caseStatistics'], resolve)
+  },
+  { ////农业执法（新）-- 案件统计
+    path: '/lawEnforcement/caseDistributionMap',
+    name: 'lawEnforcementCaseDistributionMap',
+    meta: {
+      title: '案件分布',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/caseDistribution/caseDistribution'], resolve)
+  }
 ];
 
 
diff --git a/src/utils/request.js b/src/utils/request.js
index cbda2b8d..593730ee 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -89,6 +89,8 @@ service.interceptors.response.use(res => {
             window.location.href = '/zjdLogin';
           } else if (window.location.href.indexOf('yinnong') != -1) {
             window.location.href = '/yinnongLogin';
+          } else if (window.location.href.indexOf('/sunVillage_info/') != -1) {
+            window.location.href = '/sunVillage_info/login';
           } else if (window.location.href.indexOf('/sunVillage') != -1) {
             window.location.href = '/sunVillage/login';
           } else if (window.location.href.indexOf('/homestead/') != -1) {
diff --git a/src/utils/utils.js b/src/utils/utils.js
index 76837ee2..f4cb3c4e 100644
--- a/src/utils/utils.js
+++ b/src/utils/utils.js
@@ -86,3 +86,75 @@ export function format(time, format) {
     }
   })
 }
+
+/**
+ * @author Rui.Zhang
+ * @description 判断是否为银行卡号
+ * @param {String} str_cardNo 待校验的数据
+ * @returns {Boolean}, true:是银行卡号
+ **/
+export function isBankCard (str_cardNo) {
+  str_cardNo = str_cardNo || String(this);
+  if ("" == str_cardNo.trim() || undefined == str_cardNo) {
+    return false;
+  }
+  var lastNum = str_cardNo.substr(str_cardNo.length - 1, 1);//取出最后一位（与luhm进行比较）
+
+  var first15Num = str_cardNo.substr(0, str_cardNo.length - 1);//前15或18位
+  var newArr=new Array();
+  for(var i=first15Num.length-1;i>-1;i--){    //前15或18位倒序存进数组
+    newArr.push(first15Num.substr(i,1));
+  }
+  var arrJiShu=new Array();  //奇数位*2的积 <9
+  var arrJiShu2=new Array(); //奇数位*2的积 >9
+
+  var arrOuShu=new Array();  //偶数位数组
+  for(var j=0;j<newArr.length;j++){
+    if((j+1)%2==1){//奇数位
+      if(parseInt(newArr[j])*2<9)
+        arrJiShu.push(parseInt(newArr[j])*2);
+      else
+        arrJiShu2.push(parseInt(newArr[j])*2);
+    }
+    else //偶数位
+      arrOuShu.push(newArr[j]);
+  }
+
+  var jishu_child1=new Array();//奇数位*2 >9 的分割之后的数组个位数
+  var jishu_child2=new Array();//奇数位*2 >9 的分割之后的数组十位数
+  for(var h=0;h<arrJiShu2.length;h++){
+    jishu_child1.push(parseInt(arrJiShu2[h])%10);
+    jishu_child2.push(parseInt(arrJiShu2[h])/10);
+  }
+
+  var sumJiShu=0; //奇数位*2 < 9 的数组之和
+  var sumOuShu=0; //偶数位数组之和
+  var sumJiShuChild1=0; //奇数位*2 >9 的分割之后的数组个位数之和
+  var sumJiShuChild2=0; //奇数位*2 >9 的分割之后的数组十位数之和
+  var sumTotal=0;
+  for(var m=0;m<arrJiShu.length;m++){
+    sumJiShu=sumJiShu+parseInt(arrJiShu[m]);
+  }
+
+  for(var n=0;n<arrOuShu.length;n++){
+    sumOuShu=sumOuShu+parseInt(arrOuShu[n]);
+  }
+
+  for(var p=0;p<jishu_child1.length;p++){
+    sumJiShuChild1=sumJiShuChild1+parseInt(jishu_child1[p]);
+    sumJiShuChild2=sumJiShuChild2+parseInt(jishu_child2[p]);
+  }
+  //计算总和
+  sumTotal=parseInt(sumJiShu)+parseInt(sumOuShu)+parseInt(sumJiShuChild1)+parseInt(sumJiShuChild2);
+
+  //计算Luhm值
+  var k= parseInt(sumTotal)%10==0?10:parseInt(sumTotal)%10;
+  var luhm= 10-k;
+
+  if(lastNum==luhm){
+    return true;
+  }
+  else{
+    return false;
+  }
+}
diff --git a/src/views/lawEnforcement/caseAllocation/caseAllocation.vue b/src/views/lawEnforcement/caseAllocation/caseAllocation.vue
new file mode 100644
index 00000000..fa7f1744
--- /dev/null
+++ b/src/views/lawEnforcement/caseAllocation/caseAllocation.vue
@@ -0,0 +1,288 @@
+<template>
+    <div class="home_wrapper">
+        <div class="header_main">
+            案件分配
+            <div class="return_btn" @click="onClickLeft"></div>
+        </div>
+      <div style="height: 58px;"></div>
+      <div class="search_box">
+        <img src="../../../../static/images/lawEnforcement/new/list_icon_02.png" @click="$router.push({name:'lawEnforcementCaseHistory'})"/>
+        <div class="search">
+          <input type="text" placeholder="请输入搜索内容" />
+          <img src="../../../../static/images/lawEnforcement/new/index_icon_04.png">
+        </div>
+        <img src="../../../../static/images/lawEnforcement/new/list_icon_03.png"/>
+      </div>
+
+
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        >
+        <van-swipe-cell v-for="(item,index) in 10" :key="index">
+          <van-cell title="关于徐胜峰在禁渔期内收购非法捕捞渔获..." center :to="{name:'lawEnforcementCaseDetail', query: {id:item.id}}">
+            <template #icon>
+              <van-icon name="../../../../static/images/lawEnforcement/new/list_icon_01.png" size="20" color="#FF4646" style="margin-right: 10px;" />
+            </template>
+            <template #label>
+              <p>上级交办</p>
+              <p>第一中队</p>
+              <p>2021-09-07</p>
+            </template>
+          </van-cell>
+          <template #right>
+            <van-row>
+              <van-col>
+                <van-button square text="退回" type="danger" :to="{name:'lawEnforcementCaseReturn', query: {id:item.id}}" class="delete-button" />
+              </van-col>
+              <van-col>
+                <van-button square text="分配" type="info" :to="{name:'lawEnforcementCaseDistribution', query: {id:item.id}}" class="delete-button" />
+              </van-col>
+            </van-row>
+          </template>
+        </van-swipe-cell>
+      </van-list>
+    </div>
+</template>
+
+<script>
+  import { financePublicList,openRemove } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "caseAllocation",
+    data() {
+      return {
+        applicationList:[],
+        applicationListSecond:[],
+        assetStatusOptions:[],
+        auditStatus:[],
+        loading: false,
+        finished: false,
+        show: false,
+        showTab: false,
+        fileList:[],
+        listLength:'0',
+        searchInput:'',
+        queryParams:{
+          pageNum:1,
+          pageSize:10,
+          orderByColumn:'createTime',
+          isAsc:'desc',
+          year:'2022',
+        },
+        uploadFiles1:[],
+        projectId:'',
+        projectIndex:'',
+        showBtn:true,
+      };
+    },
+    created() {
+
+    },
+    methods: {
+      getList(){
+        var _this = this;
+        financePublicList(_this.queryParams).then(response => {
+          _this.listLength = response.total;
+          response.rows.map(res=>{
+            _this.applicationList.push(res);
+          })
+          if(_this.applicationList.length >= response.total){
+            _this.finished = true;
+            return;
+          }else{
+            _this.loading = false;
+            _this.queryParams.pageNum += 1 ;
+          }
+
+        });
+      },
+      tabClick(year){
+        this.queryParams.year = year ;
+        this.applicationList = [];
+        this.getList();
+      },
+      tabShow(){
+        this.showTab = !this.showTab;
+      },
+      /** 删除按钮操作 */
+      handleDelete(row,index) {
+        let assetStatus = row.assetStatus ? row.assetStatus : data[0].assetStatus;
+        if (assetStatus === '2' || assetStatus === '3') {
+          this.$notify({
+            message: "不允许删除已出售或已报废的资产",
+            type: "warning",
+          });
+          return;
+        }
+        let useType = row.useType;
+        if(useType == 3) {
+          this.$notify({
+            message: "出租或出借的资产不允许删除",
+            type: "warning",
+          });
+          return ;
+        }
+        const ids = row.id || this.ids;
+
+        this.$dialog.alert(
+          {
+            message:'是否确认删除固定资产?',
+            title:"警告",
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+          }
+        )
+          .then(function () {
+            return delPermanent(ids);
+          })
+          .then(() => {
+            this.applicationList.splice(index, 1);
+            this.$notify({ type: 'success', message: '删除成功' });
+          });
+      },
+      goAdd(){
+        this.$router.push('/sunVillage_info/list_finance_add')
+      },
+      goDetail(id){
+        this.$router.push({path:'/sunVillage_info/list_finance_detail',query: {id:id,type:'finance'}})
+      },
+      goRanking(id,time){
+        this.$router.push({path:'/sunVillage_info/list_finance_ranking',query: {id:id,time:time}})
+      },
+      goEdit(id){
+        this.$router.push({path:'/sunVillage_info/list_finance_edit',query: {id:id,type:'finance'}})
+      },
+      goRemove(id){
+        this.$dialog.alert({
+          title: '提示',
+          message: '确认删除？',
+          showCancelButton:true,
+        })
+          .then(() => {
+            openRemove(id).then(response => {
+              this.$notify({ type: 'success', message: '删除成功' });
+              this.getList()
+            });
+          })
+          .catch(() => {
+            // on cancel
+          });
+
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    padding: 0 3% 0.2rem;
+    .search_box{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 92%;
+      margin: 0PX auto;
+      .search{
+        background: #ffffff;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        width: 80%;
+        margin: 10PX auto;
+        border: 1px solid #1D6FE9;
+        padding: 1PX 1PX 1PX 12PX ;
+        border-radius: 50PX;
+        input{
+          flex: 1;
+          background: transparent;
+        }
+      }
+    }
+    .header_main{
+        height: 116px;
+        background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        z-index: 999;
+        .return_btn{
+            width: 24px;
+            height: 43.2px;
+            background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+        .add_btn{
+            width: 56.4px;
+            height: 40.8px;
+            background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+            background-size: 47px 34px;
+            position: absolute;
+            right: 38px;
+            top: 36px;
+        }
+    }
+
+}
+/deep/.van-cell__title span{
+  font-family: Arial;
+  font-size: 0.4rem;
+  font-weight: normal;
+  color: #1D6FE9;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  word-break: break-all;
+  overflow: hidden;
+}
+/deep/.van-cell__label {
+  display: flex;
+  justify-content: space-between;
+  p{
+    display: inline-block;
+    &:first-child{
+      background: rgba(28,184,177,0.2);
+      padding: 0 5PX;
+      border-radius: 3PX;
+      color: #1CB8B1;
+    }
+  }
+}
+/deep/.van-cell__value{
+  flex: 0.3;
+  color: #1D6FE9;
+  font-weight: bold;
+}
+/deep/.van-swipe-cell{
+  margin-bottom: 0.2rem;
+  border-radius: 0.2rem;
+  overflow: hidden;
+  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+}
+/deep/van-ellipsis{
+  font-weight: bold;
+}
+.van-row{
+  height: 100%;
+}
+.van-col{
+  height: 100%;
+}
+.delete-button {
+  height: 100%;
+}
+</style>
diff --git a/src/views/lawEnforcement/caseAllocation/caseDetail.vue b/src/views/lawEnforcement/caseAllocation/caseDetail.vue
new file mode 100644
index 00000000..6fb29d58
--- /dev/null
+++ b/src/views/lawEnforcement/caseAllocation/caseDetail.vue
@@ -0,0 +1,274 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      查看登记
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+    <div style="height: 58px;"></div>
+    <div class="main_box">
+      <van-cell>
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>
+          <span class="custom-title">登记<i class="bgBlue"></i></span>
+        </template>
+      </van-cell>
+      <van-cell title="登记号" :border="false" value="登记号" />
+      <van-cell title="案件来源" :border="false" value="案件来源" />
+      <van-cell title="关联方案" :border="false" value="关联方案" />
+      <van-cell title="案件属地" :border="false" value="案件属地" />
+      <van-cell title="执行主体" :border="false" value="执行主体" />
+      <van-cell title="案件名称" :border="false" value="案件名称" />
+      <van-cell title="登记日期" :border="false" value="登记日期" />
+      <van-cell title="执法类别" :border="false" value="执法类别" />
+      <van-cell title="案件简述" :border="false" value="案件简述 " />
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-collapse v-model="activeNames">
+        <van-collapse-item name="1">
+          <template #title>
+            <van-icon name="../../../static/images/lawEnforcement/icon/icon_dsr.png" size="20"></van-icon>
+            <span class="custom-title">当事人<i class="bgBlue"></i></span>
+          </template>
+          <van-cell title="当事人类型" :border="false" value="当事人类型" />
+          <van-cell title="当事人姓名" :border="false" value="当事人姓名" />
+          <van-cell title="性别" :border="false" value="性别" />
+          <van-cell title="身份证号" :border="false" value="身份证号" />
+          <van-cell title="出生日期" :border="false" value="出生日期" />
+          <van-cell title="民族" :border="false" value="民族" />
+          <van-cell title="工作单位及职务" :border="false" value="工作单位及职务" />
+          <van-cell title="联系电话" :border="false" value="联系电话" />
+          <van-cell title="联系地址" :border="false" value="联系地址" />
+          <van-cell title="统一社会信用代码" :border="false" value="统一社会信用代码" />
+          <van-cell title="字号名称" :border="false" value="字号名称" />
+        </van-collapse-item>
+      </van-collapse>
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-collapse v-model="activeNames1">
+        <van-collapse-item name="1">
+          <template #title>
+            <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>
+            <span class="custom-title">附件<i class="bgBlue"></i></span>
+          </template>
+          <div class="cf">
+            <van-row>
+              <van-col :span="6">
+                <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />
+                <p>产品确认</p>
+                <p>通知书</p>
+              </van-col>
+              <van-col :span="6">
+                <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />
+                <p>产品确认</p>
+                <p>通知书</p>
+              </van-col>
+              <van-col :span="6"></van-col>
+              <van-col :span="6"></van-col>
+            </van-row>
+          </div>
+        </van-collapse-item>
+      </van-collapse>
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-collapse v-model="activeNames2">
+        <van-collapse-item name="1">
+          <template #title>
+            <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxry.png" size="20"></van-icon>
+            <span class="custom-title">执法人员<i class="bgBlue"></i></span>
+          </template>
+          <div class="peopleList">
+            <van-row>
+              <van-col :span="4">序号</van-col>
+              <van-col :span="5">执行人员</van-col>
+              <van-col :span="8">执法证号</van-col>
+              <van-col :span="7">结办时间</van-col>
+            </van-row>
+
+            <van-row v-for="(item,index) in 10" :key="index" >
+              <van-col :span="4">{{index+1}}</van-col>
+              <van-col :span="5">庞东旭{{index}}</van-col>
+              <van-col :span="8">2303888{{index}}</van-col>
+              <van-col :span="7">2022-09-09</van-col>
+            </van-row>
+
+          </div>
+        </van-collapse-item>
+      </van-collapse>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    created() {
+      // this.getDictionaries()
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0;
+  }
+  /deep/ .van-collapse-item__content{
+    padding: 0;
+  }
+  .cf{
+    padding: 0 3%;
+    margin-top: 20PX;
+    margin-bottom: 20PX;
+    .van-row{
+      background: #F0F3F5;
+      .van-col{
+        padding: 5PX 0;
+        font-size: 12PX!important;
+        text-align: center;
+        p{
+          color: #1D6FE9;
+        }
+      }
+      &:first-child{
+        background: transparent;
+      }
+    }
+  }
+  .header_main{
+    height: 116px;
+    background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+    background-size: 100% 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    font-size: 36px;
+    line-height: 116px;
+    text-align: center;
+    color: #fff;
+    z-index: 999;
+    .return_btn{
+      width: 24px;
+      height: 43.2px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+      background-size: 20px 36px;
+      position: absolute;
+      left: 38px;
+      top: 36px;
+    }
+    .add_btn{
+      width: 56.4px;
+      height: 40.8px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+      background-size: 47px 34px;
+      position: absolute;
+      right: 38px;
+      top: 36px;
+    }
+  }
+  /deep/ .van-radio--horizontal{
+    margin-left: 0.32rem;
+    margin-right: 0;
+  }
+  .peopleList{
+    padding-right: 3%;
+    .van-row{
+      margin-bottom: 10PX;
+      .van-col{
+        text-align: center;
+        font-size: 14PX;
+      }
+      &:first-child{
+        .van-col{
+          color: #1D6FE9;
+        }
+      }
+    }
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    margin-top: 0;
+    position: relative;
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 10PX;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    .van-icon{
+      vertical-align: middle;
+    }
+    .custom-title{
+      font-size: 17PX;
+      color: #333333;
+      vertical-align: middle;
+      line-height: 1;
+      position: relative;
+    }
+    .tap{
+      color: #1D6FE9;
+    }
+    .bgBlue{
+      display: block;
+      position: absolute;
+      width: 17PX;
+      height: 17PX;
+      border-radius: 50%;
+      background-color: rgba(29,111,233,0.26);
+      top: -2PX;
+      right: -8PX;
+    }
+  }
+  .submitButton{
+    width: 80%;
+    margin: 0 auto;
+    background-color: #1D6FE9;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+</style>
diff --git a/src/views/lawEnforcement/caseAllocation/caseDistribution.vue b/src/views/lawEnforcement/caseAllocation/caseDistribution.vue
new file mode 100644
index 00000000..3c4103b6
--- /dev/null
+++ b/src/views/lawEnforcement/caseAllocation/caseDistribution.vue
@@ -0,0 +1,294 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      分配案件
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+    <div style="height: 58px;"></div>
+    <div class="main_box">
+      <van-cell>
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>
+          <span class="custom-title">登记<i class="bgBlue"></i></span>
+        </template>
+      </van-cell>
+      <van-cell title="登记号" :border="false" value="登记号" />
+      <van-cell title="案件来源" :border="false" value="案件来源" />
+      <van-cell title="关联方案" :border="false" value="关联方案" />
+      <van-cell title="案件属地" :border="false" value="案件属地" />
+      <van-cell title="执行主体" :border="false" value="执行主体" />
+      <van-cell title="案件名称" :border="false" value="案件名称" />
+      <van-cell title="登记日期" :border="false" value="登记日期" />
+      <van-cell title="执法类别" :border="false" value="执法类别" />
+      <van-cell title="案件简述" :border="false" value="案件简述 " />
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-collapse v-model="activeNames">
+        <van-collapse-item name="1">
+          <template #title>
+            <van-icon name="../../../static/images/lawEnforcement/icon/icon_dsr.png" size="20"></van-icon>
+            <span class="custom-title">当事人<i class="bgBlue"></i></span>
+          </template>
+          <van-cell title="当事人类型" :border="false" value="当事人类型" />
+          <van-cell title="当事人姓名" :border="false" value="当事人姓名" />
+          <van-cell title="性别" :border="false" value="性别" />
+          <van-cell title="身份证号" :border="false" value="身份证号" />
+          <van-cell title="出生日期" :border="false" value="出生日期" />
+          <van-cell title="民族" :border="false" value="民族" />
+          <van-cell title="工作单位及职务" :border="false" value="工作单位及职务" />
+          <van-cell title="联系电话" :border="false" value="联系电话" />
+          <van-cell title="联系地址" :border="false" value="联系地址" />
+          <van-cell title="统一社会信用代码" :border="false" value="统一社会信用代码" />
+          <van-cell title="字号名称" :border="false" value="字号名称" />
+        </van-collapse-item>
+      </van-collapse>
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-collapse v-model="activeNames1">
+        <van-collapse-item name="1">
+          <template #title>
+            <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>
+            <span class="custom-title">附件<i class="bgBlue"></i></span>
+          </template>
+          <div class="cf">
+            <van-row>
+              <van-col :span="6">
+                <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />
+                <p>产品确认</p>
+                <p>通知书</p>
+              </van-col>
+              <van-col :span="6">
+                <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />
+                <p>产品确认</p>
+                <p>通知书</p>
+              </van-col>
+              <van-col :span="6"></van-col>
+              <van-col :span="6"></van-col>
+            </van-row>
+          </div>
+        </van-collapse-item>
+      </van-collapse>
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-collapse v-model="activeNames2">
+        <van-collapse-item name="1">
+          <template #title>
+            <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxry.png" size="20"></van-icon>
+            <span class="custom-title">执法人员<i class="bgBlue"></i></span>
+          </template>
+          <div class="peopleList">
+            <van-row>
+              <van-col :span="4">序号</van-col>
+              <van-col :span="6">执行人员</van-col>
+              <van-col :span="10">执法证号</van-col>
+              <van-col :span="4">带队人</van-col>
+            </van-row>
+
+            <van-row v-for="(item,index) in 10" :key="index" >
+              <van-col :span="4">{{index+1}}</van-col>
+              <van-col :span="6">庞东旭{{index}}</van-col>
+              <van-col :span="10">2303888{{index}}</van-col>
+              <van-col :span="4">
+                <div class="icon_box">
+                  <van-checkbox v-model="checked" shape="square"></van-checkbox>
+                  <van-icon name="../../../static/images/lawEnforcement/icon/icon_delete.png" size="20"></van-icon>
+                </div>
+              </van-col>
+            </van-row>
+            <img src="../../../../static/images/lawEnforcement/new/addPeop_btn.png" style="margin: 0 auto;" @click="$router.push({name:'lawEnforcementCaseLawEnforcer'})">
+          </div>
+        </van-collapse-item>
+      </van-collapse>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        checked:'',
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    created() {
+      // this.getDictionaries()
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0;
+  }
+  /deep/ .van-collapse-item__content{
+    padding: 0;
+  }
+  /deep/ .van-checkbox{
+    justify-content: center;
+  }
+  .icon_box{
+    display: flex;
+    justify-content: space-around;
+  }
+  .cf{
+    padding: 0 3%;
+    margin-top: 20PX;
+    margin-bottom: 20PX;
+    .van-row{
+      background: #F0F3F5;
+      .van-col{
+        padding: 5PX 0;
+        font-size: 12PX!important;
+        text-align: center;
+        p{
+          color: #1D6FE9;
+        }
+      }
+      &:first-child{
+        background: transparent;
+      }
+    }
+  }
+  .header_main{
+    height: 116px;
+    background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+    background-size: 100% 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    font-size: 36px;
+    line-height: 116px;
+    text-align: center;
+    color: #fff;
+    z-index: 999;
+    .return_btn{
+      width: 24px;
+      height: 43.2px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+      background-size: 20px 36px;
+      position: absolute;
+      left: 38px;
+      top: 36px;
+    }
+    .add_btn{
+      width: 56.4px;
+      height: 40.8px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+      background-size: 47px 34px;
+      position: absolute;
+      right: 38px;
+      top: 36px;
+    }
+  }
+  /deep/ .van-radio--horizontal{
+    margin-left: 0.32rem;
+    margin-right: 0;
+  }
+  .peopleList{
+    padding: 3%;
+    text-align: center;
+    .van-row{
+      margin-bottom: 10PX;
+      background: rgba(196,218,249,0.3);
+      border-radius: 5PX;
+      .van-col{
+        text-align: center;
+        font-size: 14PX;
+        color: #333333;
+        padding: 5PX 0;
+      }
+      &:first-child{
+        background: none;
+        .van-col{
+          padding: 0;
+          color: #1D6FE9;
+        }
+      }
+    }
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    margin-top: 0;
+    position: relative;
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 10PX;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    .van-icon{
+      vertical-align: middle;
+    }
+    .custom-title{
+      font-size: 17PX;
+      color: #333333;
+      vertical-align: middle;
+      line-height: 1;
+      position: relative;
+    }
+    .tap{
+      color: #1D6FE9;
+    }
+    .bgBlue{
+      display: block;
+      position: absolute;
+      width: 17PX;
+      height: 17PX;
+      border-radius: 50%;
+      background-color: rgba(29,111,233,0.26);
+      top: -2PX;
+      right: -8PX;
+    }
+  }
+  .submitButton{
+    width: 80%;
+    margin: 0 auto;
+    background-color: #1D6FE9;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+</style>
diff --git a/src/views/lawEnforcement/caseAllocation/caseHistory.vue b/src/views/lawEnforcement/caseAllocation/caseHistory.vue
new file mode 100644
index 00000000..0614cf51
--- /dev/null
+++ b/src/views/lawEnforcement/caseAllocation/caseHistory.vue
@@ -0,0 +1,287 @@
+<template>
+    <div class="home_wrapper">
+        <div class="header_main">
+            历史任务
+            <div class="return_btn" @click="onClickLeft"></div>
+        </div>
+      <div class="jg"></div>
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        >
+          <van-cell center v-for="(item,index) in 10" :key="index" :to="{name:'approvalDetail', query: {id:item.id}}">
+            <template #title>
+              <div class="first">
+                <span>2021-09-07  09:30:00</span>
+                <span>执法人：刘月、张薇</span>
+              </div>
+              <span>关于徐胜峰在禁渔期内收购非法捕捞渔获...</span>
+            </template>
+            <template #label>
+              <div class="label">
+                <p>上级交办</p>
+                <p>立案</p>
+              </div>
+            </template>
+          </van-cell>
+      </van-list>
+    </div>
+</template>
+
+<script>
+  import { financePublicList,openRemove } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "caseAllocation",
+    data() {
+      return {
+        applicationList:[],
+        applicationListSecond:[],
+        assetStatusOptions:[],
+        auditStatus:[],
+        loading: false,
+        finished: false,
+        show: false,
+        showTab: false,
+        fileList:[],
+        listLength:'0',
+        searchInput:'',
+        queryParams:{
+          pageNum:1,
+          pageSize:10,
+          orderByColumn:'createTime',
+          isAsc:'desc',
+          year:'2022',
+        },
+        uploadFiles1:[],
+        projectId:'',
+        projectIndex:'',
+        showBtn:true,
+      };
+    },
+    created() {
+
+    },
+    methods: {
+      getList(){
+        var _this = this;
+        financePublicList(_this.queryParams).then(response => {
+          _this.listLength = response.total;
+          response.rows.map(res=>{
+            _this.applicationList.push(res);
+          })
+          if(_this.applicationList.length >= response.total){
+            _this.finished = true;
+            return;
+          }else{
+            _this.loading = false;
+            _this.queryParams.pageNum += 1 ;
+          }
+
+        });
+      },
+      tabClick(year){
+        this.queryParams.year = year ;
+        this.applicationList = [];
+        this.getList();
+      },
+      tabShow(){
+        this.showTab = !this.showTab;
+      },
+      /** 删除按钮操作 */
+      handleDelete(row,index) {
+        let assetStatus = row.assetStatus ? row.assetStatus : data[0].assetStatus;
+        if (assetStatus === '2' || assetStatus === '3') {
+          this.$notify({
+            message: "不允许删除已出售或已报废的资产",
+            type: "warning",
+          });
+          return;
+        }
+        let useType = row.useType;
+        if(useType == 3) {
+          this.$notify({
+            message: "出租或出借的资产不允许删除",
+            type: "warning",
+          });
+          return ;
+        }
+        const ids = row.id || this.ids;
+
+        this.$dialog.alert(
+          {
+            message:'是否确认删除固定资产?',
+            title:"警告",
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+          }
+        )
+          .then(function () {
+            return delPermanent(ids);
+          })
+          .then(() => {
+            this.applicationList.splice(index, 1);
+            this.$notify({ type: 'success', message: '删除成功' });
+          });
+      },
+      goAdd(){
+        this.$router.push('/sunVillage_info/list_finance_add')
+      },
+      goDetail(id){
+        this.$router.push({path:'/sunVillage_info/list_finance_detail',query: {id:id,type:'finance'}})
+      },
+      goRanking(id,time){
+        this.$router.push({path:'/sunVillage_info/list_finance_ranking',query: {id:id,time:time}})
+      },
+      goEdit(id){
+        this.$router.push({path:'/sunVillage_info/list_finance_edit',query: {id:id,type:'finance'}})
+      },
+      goRemove(id){
+        this.$dialog.alert({
+          title: '提示',
+          message: '确认删除？',
+          showCancelButton:true,
+        })
+          .then(() => {
+            openRemove(id).then(response => {
+              this.$notify({ type: 'success', message: '删除成功' });
+              this.getList()
+            });
+          })
+          .catch(() => {
+            // on cancel
+          });
+
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .jg{
+    height: 116px;
+  }
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    padding: 0 0 0.2rem;
+    .search_box{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 92%;
+      margin: 0PX auto;
+      .search{
+        background: #ffffff;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        width: 80%;
+        margin: 10PX auto;
+        border: 1px solid #1D6FE9;
+        padding: 1PX 1PX 1PX 12PX ;
+        border-radius: 50PX;
+        input{
+          flex: 1;
+          background: transparent;
+        }
+      }
+    }
+    .header_main{
+        height: 116px;
+        background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        z-index: 999;
+        .return_btn{
+            width: 24px;
+            height: 43.2px;
+            background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+        .add_btn{
+            width: 56.4px;
+            height: 40.8px;
+            background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+            background-size: 47px 34px;
+            position: absolute;
+            right: 38px;
+            top: 36px;
+        }
+    }
+
+}
+/deep/.van-cell__title{
+  .first{
+    display: flex;
+    justify-content: space-between;
+    span{
+      color: #1D6FE9;
+    }
+  }
+  span{
+    font-family: Arial;
+    font-size: 0.35rem;
+    font-weight: normal;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    word-break: break-all;
+    overflow: hidden;
+  }
+}
+/deep/.van-cell__label .label {
+  display: flex;
+  justify-content: space-between;
+  p{
+    display: inline-block;
+    font-size: 0.35rem;
+    &:first-child{
+      color: #D60303;
+    }
+    &:last-child{
+      padding: 0 7PX;
+      border: 1px solid #666666;
+      color: #666666;
+      border-radius: 1rem;
+    }
+  }
+}
+/deep/.van-cell__value{
+  flex: 0.3;
+  color: #1D6FE9;
+  font-weight: bold;
+}
+/deep/.van-cell{
+  margin-bottom: 0.2rem;
+  overflow: hidden;
+}
+/deep/.van-cell:first-child{
+  margin-top: 0.2rem;
+}
+/deep/van-ellipsis{
+  font-weight: bold;
+}
+.van-row{
+  height: 100%;
+}
+.van-col{
+  height: 100%;
+}
+.delete-button {
+  height: 100%;
+}
+</style>
diff --git a/src/views/lawEnforcement/caseAllocation/caseLawEnforcer.vue b/src/views/lawEnforcement/caseAllocation/caseLawEnforcer.vue
new file mode 100644
index 00000000..fe131f3b
--- /dev/null
+++ b/src/views/lawEnforcement/caseAllocation/caseLawEnforcer.vue
@@ -0,0 +1,283 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      执行人员
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+    <div style="height: 58px;"></div>
+
+    <div class="search_box">
+      <van-popover
+        v-model="showPopover"
+        trigger="click"
+        :actions="actions"
+        placement="bottom-start"
+      >
+        <template #reference>
+          <div class="select_box">
+            <p>第一中队</p>
+            <van-icon name="arrow-down" color="#1D6FE9" />
+          </div>
+        </template>
+      </van-popover>
+      <div class="search">
+        <input type="text" placeholder="请输入执行人姓名/证号" />
+        <img src="../../../../static/images/lawEnforcement/new/index_icon_19.png">
+      </div>
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <div class="peopleList">
+        <van-row>
+          <van-col :span="4">执行主体</van-col>
+          <van-col :span="6">执行人员</van-col>
+          <van-col :span="10">执法证号</van-col>
+          <van-col :span="4"></van-col>
+        </van-row>
+
+        <van-row v-for="(item,index) in 10" :key="index" >
+          <van-col :span="4">{{index+1}}</van-col>
+          <van-col :span="6">庞东旭{{index}}</van-col>
+          <van-col :span="10">2303888{{index}}</van-col>
+          <van-col :span="4">
+            <div class="icon_box">
+              <van-checkbox v-model="checked" shape="square"></van-checkbox>
+            </div>
+          </van-col>
+        </van-row>
+      </div>
+    </div>
+
+    <p class="submitButton">确定</p>
+
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showPopover: false,
+        // 通过 actions 属性来定义菜单选项
+        actions: [{ text: '选项一' }, { text: '选项二' }, { text: '选项三' }],
+        checked:'',
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    created() {
+      // this.getDictionaries()
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0;
+  }
+  /deep/ .van-collapse-item__content{
+    padding: 0;
+  }
+  /deep/ .van-checkbox{
+    justify-content: center;
+  }
+  .icon_box{
+    display: flex;
+    justify-content: space-around;
+  }
+  .search_box{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 92%;
+    margin: 0PX auto;
+    .select_box{
+      border: 1px solid #1D6FE9;
+      border-radius: 8PX;
+      padding: 0 12PX ;
+      background: #ffffff;
+      height: 30PX;
+      line-height: 30PX;
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+    }
+    .search{
+      background: #ffffff;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 70%;
+      margin: 10PX auto;
+      border: 1px solid #1D6FE9;
+      padding: 1PX 1PX 1PX 12PX ;
+      border-radius: 8PX;
+      input{
+        flex: 1;
+        background: transparent;
+      }
+    }
+  }
+  .cf{
+    padding: 0 3%;
+    margin-top: 20PX;
+    margin-bottom: 20PX;
+    .van-row{
+      background: #F0F3F5;
+      .van-col{
+        padding: 5PX 0;
+        font-size: 12PX!important;
+        text-align: center;
+        p{
+          color: #1D6FE9;
+        }
+      }
+      &:first-child{
+        background: transparent;
+      }
+    }
+  }
+  .header_main{
+    height: 116px;
+    background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+    background-size: 100% 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    font-size: 36px;
+    line-height: 116px;
+    text-align: center;
+    color: #fff;
+    z-index: 999;
+    .return_btn{
+      width: 24px;
+      height: 43.2px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+      background-size: 20px 36px;
+      position: absolute;
+      left: 38px;
+      top: 36px;
+    }
+    .add_btn{
+      width: 56.4px;
+      height: 40.8px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+      background-size: 47px 34px;
+      position: absolute;
+      right: 38px;
+      top: 36px;
+    }
+  }
+  /deep/ .van-radio--horizontal{
+    margin-left: 0.32rem;
+    margin-right: 0;
+  }
+  .peopleList{
+    padding: 3%;
+    text-align: center;
+    .van-row{
+      margin-bottom: 10PX;
+      background: rgba(196,218,249,0.3);
+      border-radius: 5PX;
+      .van-col{
+        text-align: center;
+        font-size: 14PX;
+        color: #333333;
+        padding: 5PX 0;
+      }
+      &:first-child{
+        background: none;
+        .van-col{
+          padding: 0;
+          color: #1D6FE9;
+        }
+      }
+    }
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    margin-top: 0;
+    position: relative;
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 10PX;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    .van-icon{
+      vertical-align: middle;
+    }
+    .custom-title{
+      font-size: 17PX;
+      color: #333333;
+      vertical-align: middle;
+      line-height: 1;
+      position: relative;
+    }
+    .tap{
+      color: #1D6FE9;
+    }
+    .bgBlue{
+      display: block;
+      position: absolute;
+      width: 17PX;
+      height: 17PX;
+      border-radius: 50%;
+      background-color: rgba(29,111,233,0.26);
+      top: -2PX;
+      right: -8PX;
+    }
+  }
+  .submitButton{
+    width: 45%;
+    margin: 0 auto;
+    background-image: linear-gradient(to right, #2E79E9 , #77A6EF);
+    text-align: center;
+    color: #ffffff;
+    height: 70px;
+    line-height: 70px;
+    border-radius: 8PX;
+    margin-top: 25PX;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+</style>
diff --git a/src/views/lawEnforcement/caseAllocation/caseReturn.vue b/src/views/lawEnforcement/caseAllocation/caseReturn.vue
new file mode 100644
index 00000000..5f17d88a
--- /dev/null
+++ b/src/views/lawEnforcement/caseAllocation/caseReturn.vue
@@ -0,0 +1,234 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      退回案件
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+    <div style="height: 58px;"></div>
+    <div class="main_box">
+      <van-cell>
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>
+          <span class="custom-title">登记<i class="bgBlue"></i></span>
+        </template>
+      </van-cell>
+      <van-cell title="登记号" :border="false" value="登记号" />
+      <van-cell title="案件来源" :border="false" value="案件来源" />
+      <van-cell title="关联方案" :border="false" value="关联方案" />
+      <van-cell title="案件属地" :border="false" value="案件属地" />
+      <van-cell title="执行主体" :border="false" value="执行主体" />
+      <van-cell title="案件名称" :border="false" value="案件名称" />
+      <van-cell title="登记日期" :border="false" value="登记日期" />
+      <van-cell title="执法类别" :border="false" value="执法类别" />
+      <van-cell title="案件简述" :border="false" value="案件简述 " />
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;padding-bottom: 15px;">
+      <van-cell>
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_cfky.png" size="20"></van-icon>
+          <span class="custom-title">退回原因<i class="bgBlue"></i></span>
+        </template>
+      </van-cell>
+      <div class="textarea_box">
+        <van-field
+          v-model="message"
+          rows="5"
+          autosize
+          type="textarea"
+          maxlength="300"
+          placeholder="请简述退回原因~"
+          show-word-limit
+        />
+      </div>
+    </div>
+    <p class="submitButton">确定</p>
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+        message:'',
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    created() {
+      // this.getDictionaries()
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0;
+  }
+  /deep/ .van-collapse-item__content{
+    padding: 0;
+  }
+  .cf{
+    padding: 0 3%;
+    margin-top: 20PX;
+    margin-bottom: 20PX;
+    .van-row{
+      background: #F0F3F5;
+      .van-col{
+        padding: 5PX 0;
+        font-size: 12PX!important;
+        text-align: center;
+        p{
+          color: #1D6FE9;
+        }
+      }
+      &:first-child{
+        background: transparent;
+      }
+    }
+  }
+  .header_main{
+    height: 116px;
+    background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+    background-size: 100% 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    font-size: 36px;
+    line-height: 116px;
+    text-align: center;
+    color: #fff;
+    z-index: 999;
+    .return_btn{
+      width: 24px;
+      height: 43.2px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+      background-size: 20px 36px;
+      position: absolute;
+      left: 38px;
+      top: 36px;
+    }
+    .add_btn{
+      width: 56.4px;
+      height: 40.8px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+      background-size: 47px 34px;
+      position: absolute;
+      right: 38px;
+      top: 36px;
+    }
+  }
+  /deep/ .van-radio--horizontal{
+    margin-left: 0.32rem;
+    margin-right: 0;
+  }
+  .peopleList{
+    padding-right: 3%;
+    .van-row{
+      margin-bottom: 10PX;
+      .van-col{
+        text-align: center;
+        font-size: 14PX;
+      }
+      &:first-child{
+        .van-col{
+          color: #1D6FE9;
+        }
+      }
+    }
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    margin-top: 0;
+    position: relative;
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 10PX;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    .van-icon{
+      vertical-align: middle;
+    }
+    .custom-title{
+      font-size: 17PX;
+      color: #333333;
+      vertical-align: middle;
+      line-height: 1;
+      position: relative;
+    }
+    .tap{
+      color: #1D6FE9;
+    }
+    .bgBlue{
+      display: block;
+      position: absolute;
+      width: 17PX;
+      height: 17PX;
+      border-radius: 50%;
+      background-color: rgba(29,111,233,0.26);
+      top: -2PX;
+      right: -8PX;
+    }
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+  .textarea_box{
+    border: 2px solid #C9C9C9;
+    width: 94%;
+    margin: 0 auto;
+    border-radius: 8PX;
+    overflow: hidden;
+    margin-top: 10PX;
+  }
+  .submitButton{
+    width: 45%;
+    margin: 0 auto;
+    background-image: linear-gradient(to right, #2E79E9 , #77A6EF);
+    text-align: center;
+    color: #ffffff;
+    height: 70px;
+    line-height: 70px;
+    border-radius: 8PX;
+    margin-top: 25PX;
+  }
+</style>
diff --git a/src/views/lawEnforcement/caseDistribution/caseDistribution.vue b/src/views/lawEnforcement/caseDistribution/caseDistribution.vue
new file mode 100644
index 00000000..2628e59a
--- /dev/null
+++ b/src/views/lawEnforcement/caseDistribution/caseDistribution.vue
@@ -0,0 +1,109 @@
+<template>
+    <div class="home_wrapper">
+      <div class="header_main">
+        案件分布
+        <div class="return_btn" @click="onClickLeft"></div>
+      </div>
+      <div style="height: 58px;"></div>
+
+      <div class="tab">
+        <van-dropdown-menu active-color="#1989fa">
+          <van-dropdown-item v-model="value1" :options="option1" />
+          <van-dropdown-item v-model="value2" :options="option2" />
+        </van-dropdown-menu>
+      </div>
+
+    </div>
+</template>
+
+<script>
+  import { financePublicList,openRemove } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  import * as echarts from 'echarts';
+  export default {
+    name: "caseAllocation",
+    data() {
+      return {
+        value1: 0,
+        value2: 'a',
+        option1: [
+          { text: '2022', value: 0 },
+          { text: '2021', value: 1 },
+          { text: '2020', value: 2 },
+        ],
+        option2: [
+          { text: '全部', value: 'a' },
+          { text: '羊亭镇', value: 'b' },
+          { text: '张村镇', value: 'c' },
+          { text: '桥头镇', value: 'd' },
+          { text: '温泉镇', value: 'e' },
+        ],
+      };
+    },
+    created() {
+
+    },
+    mounted(){
+    },
+    methods: {
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    padding: 0 ;
+    background: url('../../../../static/images/lawEnforcement/new/map.png') no-repeat 27%;
+    background-size: auto 100%;
+    .header_main{
+        height: 116px;
+        background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        z-index: 999;
+        .return_btn{
+            width: 24px;
+            height: 43.2px;
+            background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+        .add_btn{
+            width: 56.4px;
+            height: 40.8px;
+            background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+            background-size: 47px 34px;
+            position: absolute;
+            right: 38px;
+            top: 36px;
+        }
+    }
+}
+  .tab{
+    width: 94%;
+    position: absolute;
+    top: 130px;
+    left: 3%;
+    border-radius: 8PX;
+    overflow: hidden;
+    /deep/ .van-dropdown-item__content{
+      width: 94%;
+      left: 3%;
+      border-bottom-left-radius: 8PX;
+      border-bottom-right-radius: 8PX;
+    }
+  }
+</style>
diff --git a/src/views/lawEnforcement/caseQuery/caseQuery.vue b/src/views/lawEnforcement/caseQuery/caseQuery.vue
new file mode 100644
index 00000000..4e9f6e16
--- /dev/null
+++ b/src/views/lawEnforcement/caseQuery/caseQuery.vue
@@ -0,0 +1,282 @@
+<template>
+    <div class="home_wrapper">
+        <div class="header_main">
+          案件查询
+          <div class="return_btn" @click="onClickLeft"></div>
+        </div>
+      <div style="height: 58px;"></div>
+      <div class="search_box">
+        <div class="search">
+          <input type="text" placeholder="请输入搜索内容" />
+          <img src="../../../../static/images/lawEnforcement/new/index_icon_04.png">
+        </div>
+      </div>
+
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        >
+        <van-swipe-cell v-for="(item,index) in 10" :key="index">
+          <van-cell title="关于徐胜峰在禁渔期内收购非法捕捞渔获..." :to="{name:'lawEnforcementCaseDetail', query: {id:item.id}}">
+            <template #icon>
+              <p>{{index+1}}.</p>
+            </template>
+            <template #label>
+              <p>2022000002</p>
+              <p>勘察</p>
+            </template>
+          </van-cell>
+          <template #right>
+            <van-row>
+              <van-col>
+                <van-button square type="info" :to="{name:'lawEnforcementCaseQueryDocument', query: {id:item.id}}" class="delete-button" >归档<br/>详情</van-button>
+              </van-col>
+            </van-row>
+          </template>
+        </van-swipe-cell>
+      </van-list>
+    </div>
+</template>
+
+<script>
+  import { financePublicList,openRemove } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "caseAllocation",
+    data() {
+      return {
+        applicationList:[],
+        applicationListSecond:[],
+        assetStatusOptions:[],
+        auditStatus:[],
+        loading: false,
+        finished: false,
+        show: false,
+        showTab: false,
+        fileList:[],
+        listLength:'0',
+        searchInput:'',
+        queryParams:{
+          pageNum:1,
+          pageSize:10,
+          orderByColumn:'createTime',
+          isAsc:'desc',
+          year:'2022',
+        },
+        uploadFiles1:[],
+        projectId:'',
+        projectIndex:'',
+        showBtn:true,
+      };
+    },
+    created() {
+
+    },
+    methods: {
+      getList(){
+        var _this = this;
+        financePublicList(_this.queryParams).then(response => {
+          _this.listLength = response.total;
+          response.rows.map(res=>{
+            _this.applicationList.push(res);
+          })
+          if(_this.applicationList.length >= response.total){
+            _this.finished = true;
+            return;
+          }else{
+            _this.loading = false;
+            _this.queryParams.pageNum += 1 ;
+          }
+
+        });
+      },
+      tabClick(year){
+        this.queryParams.year = year ;
+        this.applicationList = [];
+        this.getList();
+      },
+      tabShow(){
+        this.showTab = !this.showTab;
+      },
+      /** 删除按钮操作 */
+      handleDelete(row,index) {
+        let assetStatus = row.assetStatus ? row.assetStatus : data[0].assetStatus;
+        if (assetStatus === '2' || assetStatus === '3') {
+          this.$notify({
+            message: "不允许删除已出售或已报废的资产",
+            type: "warning",
+          });
+          return;
+        }
+        let useType = row.useType;
+        if(useType == 3) {
+          this.$notify({
+            message: "出租或出借的资产不允许删除",
+            type: "warning",
+          });
+          return ;
+        }
+        const ids = row.id || this.ids;
+
+        this.$dialog.alert(
+          {
+            message:'是否确认删除固定资产?',
+            title:"警告",
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+          }
+        )
+          .then(function () {
+            return delPermanent(ids);
+          })
+          .then(() => {
+            this.applicationList.splice(index, 1);
+            this.$notify({ type: 'success', message: '删除成功' });
+          });
+      },
+      goAdd(){
+        this.$router.push('/sunVillage_info/list_finance_add')
+      },
+      goDetail(id){
+        this.$router.push({path:'/sunVillage_info/list_finance_detail',query: {id:id,type:'finance'}})
+      },
+      goRanking(id,time){
+        this.$router.push({path:'/sunVillage_info/list_finance_ranking',query: {id:id,time:time}})
+      },
+      goEdit(id){
+        this.$router.push({path:'/sunVillage_info/list_finance_edit',query: {id:id,type:'finance'}})
+      },
+      goRemove(id){
+        this.$dialog.alert({
+          title: '提示',
+          message: '确认删除？',
+          showCancelButton:true,
+        })
+          .then(() => {
+            openRemove(id).then(response => {
+              this.$notify({ type: 'success', message: '删除成功' });
+              this.getList()
+            });
+          })
+          .catch(() => {
+            // on cancel
+          });
+
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    padding: 0 3% 0.2rem;
+    .search_box{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 92%;
+      margin: 0PX auto;
+      .search{
+        background: #ffffff;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        width: 100%;
+        margin: 10PX auto;
+        border: 1px solid #1D6FE9;
+        padding: 1PX 1PX 1PX 12PX ;
+        border-radius: 50PX;
+        input{
+          flex: 1;
+          background: transparent;
+        }
+      }
+    }
+    .header_main{
+        height: 116px;
+        background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        z-index: 999;
+        .return_btn{
+            width: 24px;
+            height: 43.2px;
+            background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+        .add_btn{
+            width: 56.4px;
+            height: 40.8px;
+            background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+            background-size: 47px 34px;
+            position: absolute;
+            right: 38px;
+            top: 36px;
+        }
+    }
+
+}
+/deep/.van-cell__title span{
+  font-family: Arial;
+  font-size: 0.4rem;
+  font-weight: normal;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  word-break: break-all;
+  overflow: hidden;
+}
+/deep/.van-cell__label {
+  display: flex;
+  justify-content: space-between;
+  p{
+    display: inline-block;
+    color: #1D6FE9;
+    font-size: 0.35rem;
+    &:last-child{
+      background: rgba(254,19,19,0.2);
+      padding: 0 5PX;
+      border-radius: 3PX;
+      color: #FE1313;
+    }
+  }
+}
+/deep/.van-cell__value{
+  flex: 0.3;
+  color: #1D6FE9;
+  font-weight: bold;
+}
+/deep/.van-swipe-cell{
+  margin-bottom: 0.2rem;
+  border-radius: 0.2rem;
+  overflow: hidden;
+  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+}
+/deep/van-ellipsis{
+  font-weight: bold;
+}
+.van-row{
+  height: 100%;
+}
+.van-col{
+  height: 100%;
+}
+.delete-button {
+  height: 100%;
+}
+</style>
diff --git a/src/views/lawEnforcement/caseQuery/caseQueryDocument.vue b/src/views/lawEnforcement/caseQuery/caseQueryDocument.vue
new file mode 100644
index 00000000..bddbcaa6
--- /dev/null
+++ b/src/views/lawEnforcement/caseQuery/caseQueryDocument.vue
@@ -0,0 +1,332 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      归档详情
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+    <div style="height: 58px;"></div>
+
+    <div class="search_box">
+      <div class="search">
+        <input type="text" placeholder="请输入搜索内容" />
+        <img src="../../../../static/images/lawEnforcement/new/index_icon_04.png">
+      </div>
+    </div>
+
+    <div class="main_box">
+      <van-cell>
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>
+          <span class="custom-title">登记<i class="bgBlue"></i></span>
+        </template>
+      </van-cell>
+      <div class="peopleList">
+        <van-row v-for="(item,index) in 2" :key="index" >
+          <van-col :span="2">{{index+1}}</van-col>
+          <van-col :span="18">
+            <img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/>
+            <p>指定管辖通知书</p>
+          </van-col>
+          <van-col :span="4">
+            <p>打印</p>
+          </van-col>
+        </van-row>
+      </div>
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-cell>
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_kc.png" size="20"></van-icon>
+          <span class="custom-title">勘察<i class="bgBlue"></i></span>
+        </template>
+      </van-cell>
+      <div class="peopleList">
+        <van-row v-for="(item,index) in 2" :key="index" >
+          <van-col :span="2">{{index+1}}</van-col>
+          <van-col :span="18">
+            <img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/>
+            <p>指定管辖通知书</p>
+          </van-col>
+          <van-col :span="4">
+            <p>下载</p>
+          </van-col>
+        </van-row>
+      </div>
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-cell>
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>
+          <span class="custom-title">备案<i class="bgBlue"></i></span>
+        </template>
+      </van-cell>
+      <div class="peopleList">
+        <van-row v-for="(item,index) in 2" :key="index" >
+          <van-col :span="2">{{index+1}}</van-col>
+          <van-col :span="18">
+            <img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/>
+            <p>指定管辖通知书</p>
+          </van-col>
+          <van-col :span="4">
+            <p>下载</p>
+          </van-col>
+        </van-row>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showPopover: false,
+        // 通过 actions 属性来定义菜单选项
+        actions: [{ text: '选项一' }, { text: '选项二' }, { text: '选项三' }],
+        checked:'',
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    created() {
+      // this.getDictionaries()
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0;
+  }
+  /deep/ .van-collapse-item__content{
+    padding: 0;
+  }
+  /deep/ .van-checkbox{
+    justify-content: center;
+  }
+  .icon_box{
+    display: flex;
+    justify-content: space-around;
+  }
+  .search_box{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 92%;
+    margin: 0PX auto;
+    .select_box{
+      border: 1px solid #1D6FE9;
+      border-radius: 8PX;
+      padding: 0 12PX ;
+      background: #ffffff;
+      height: 30PX;
+      line-height: 30PX;
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+    }
+    .search{
+      background: #ffffff;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 100%;
+      margin: 10PX auto;
+      border: 1px solid #1D6FE9;
+      padding: 1PX 1PX 1PX 12PX ;
+      border-radius: 50PX;
+      input{
+        flex: 1;
+        background: transparent;
+      }
+    }
+  }
+  .cf{
+    padding: 0 3%;
+    margin-top: 20PX;
+    margin-bottom: 20PX;
+    .van-row{
+      background: #F0F3F5;
+      .van-col{
+        padding: 5PX 0;
+        font-size: 12PX!important;
+        text-align: center;
+        p{
+          color: #1D6FE9;
+        }
+      }
+      &:first-child{
+        background: transparent;
+      }
+    }
+  }
+  .header_main{
+    height: 116px;
+    background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+    background-size: 100% 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    font-size: 36px;
+    line-height: 116px;
+    text-align: center;
+    color: #fff;
+    z-index: 999;
+    .return_btn{
+      width: 24px;
+      height: 43.2px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+      background-size: 20px 36px;
+      position: absolute;
+      left: 38px;
+      top: 36px;
+    }
+    .add_btn{
+      width: 56.4px;
+      height: 40.8px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+      background-size: 47px 34px;
+      position: absolute;
+      right: 38px;
+      top: 36px;
+    }
+  }
+  /deep/ .van-radio--horizontal{
+    margin-left: 0.32rem;
+    margin-right: 0;
+  }
+  .peopleList{
+    padding: 0 3%;
+    text-align: left;
+    .van-row{
+      border-bottom: 1px solid #dddddd;
+      display: flex;
+      align-items: center;
+      &:last-child{
+        border: none;
+      }
+      .van-col--18{
+        display: flex;
+        align-items: center;
+        p{
+          margin-left: 10PX;
+        }
+      }
+      .van-col--4{
+        display: flex;
+        justify-content: right;
+        p{
+          color: #1D6FE9;
+          border: 1px solid #1D6FE9;
+          text-align: center;
+          border-radius: 15PX;
+          display: inline-block;
+          padding: 5px 15px;
+        }
+      }
+      .van-col{
+        text-align: left;
+        font-size: 14PX;
+        color: #333333;
+        padding: 15PX 0;
+        img{
+          display: block;
+        }
+      }
+    }
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    margin-top: 0;
+    position: relative;
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 10PX;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    .van-icon{
+      vertical-align: middle;
+    }
+    .custom-title{
+      font-size: 17PX;
+      color: #333333;
+      vertical-align: middle;
+      line-height: 1;
+      position: relative;
+    }
+    .tap{
+      color: #1D6FE9;
+    }
+    .bgBlue{
+      display: block;
+      position: absolute;
+      width: 17PX;
+      height: 17PX;
+      border-radius: 50%;
+      background-color: rgba(29,111,233,0.26);
+      top: -2PX;
+      right: -8PX;
+    }
+  }
+  .submitButton{
+    width: 45%;
+    margin: 0 auto;
+    background-image: linear-gradient(to right, #2E79E9 , #77A6EF);
+    text-align: center;
+    color: #ffffff;
+    height: 70px;
+    line-height: 70px;
+    border-radius: 8PX;
+  }
+  .submit_box{
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    background: #ffffff;
+    padding: 25PX 0;
+  }
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+</style>
diff --git a/src/views/lawEnforcement/caseStatistics/caseStatistics.vue b/src/views/lawEnforcement/caseStatistics/caseStatistics.vue
new file mode 100644
index 00000000..e5518619
--- /dev/null
+++ b/src/views/lawEnforcement/caseStatistics/caseStatistics.vue
@@ -0,0 +1,314 @@
+<template>
+    <div class="home_wrapper">
+      <div class="header_main">
+        案件统计
+        <div class="return_btn" @click="onClickLeft"></div>
+      </div>
+      <div style="height: 58px;"></div>
+
+      <div class="top_main">
+        <img src="../../../../static/images/lawEnforcement/icon/statistics_icon_01.png">
+        <div class="main_text">
+          <p>156</p>
+          <p>案件数量</p>
+        </div>
+        <van-popover
+          v-model="showPopover"
+          trigger="click"
+          :actions="actions"
+          placement="bottom-end"
+        >
+          <template #reference>
+            <div class="select_box">
+              <p>2022</p>
+              <van-icon name="arrow-down" color="#ffffff" />
+            </div>
+          </template>
+        </van-popover>
+      </div>
+
+      <div class="main_box" style="margin-top: 10px;">
+        <p class="tit">案件分类统计</p>
+
+        <div id="main" style="width: 100%;height: 200px;margin-top: 10px"></div>
+
+      </div>
+
+      <div class="main_box" style="margin-top: 10px;">
+        <p class="tit">案件来源分析</p>
+
+        <div id="main2" style="width: 100%;height: 200px;margin-top: 10px"></div>
+
+        <div class="len_box">
+          <div class="len_box_01">
+            <p><i></i>计划执法</p>
+            <p>64</p>
+          </div>
+          <div class="len_box_02">
+            <p><i></i>计划执法</p>
+            <p>64</p>
+          </div>
+          <div class="len_box_03">
+            <p><i></i>计划执法</p>
+            <p>64</p>
+          </div>
+          <div class="len_box_04">
+            <p><i></i>计划执法</p>
+            <p>64</p>
+          </div>
+        </div>
+
+      </div>
+
+      <div class="main_box" style="margin-top: 10px;">
+        <p class="tit">案件月度走势</p>
+
+        <div id="main3" style="width: 100%;height: 200px;margin-top: 10px"></div>
+
+      </div>
+
+    </div>
+</template>
+
+<script>
+  import { financePublicList,openRemove } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  import * as echarts from 'echarts';
+  export default {
+    name: "caseAllocation",
+    data() {
+      return {
+        showPopover: false,
+        // 通过 actions 属性来定义菜单选项
+        actions: [{ text: '选项一' }, { text: '选项二' }, { text: '选项三' }],
+      };
+    },
+    created() {
+
+    },
+    mounted(){
+      this.chart();
+      this.chart2();
+      this.chart3();
+    },
+    methods: {
+      chart(){
+        var chartDom = document.getElementById('main');
+        var myChart = echarts.init(chartDom);
+        var option;
+
+        option = {
+          tooltip: {
+            trigger: 'item'
+          },
+          series: [
+            {
+              type: 'pie',
+              radius: ['40%', '70%'],
+              data: [
+                { value: 1048, name: '农药 1048' },
+                { value: 735, name: '种子 735' },
+                { value: 580, name: '肥料 580' },
+                { value: 484, name: '屠宰 484' },
+                { value: 300, name: '动检 300' },
+                { value: 300, name: '兽药 300' },
+                { value: 300, name: '植检 300' },
+                { value: 300, name: '饲料 300' },
+                { value: 300, name: '其他 300' },
+              ]
+            }
+          ]
+        };
+
+        option && myChart.setOption(option);
+      },
+      chart2(){
+        var chartDom = document.getElementById('main2');
+        var myChart = echarts.init(chartDom);
+        var option;
+
+        option = {
+          tooltip: {
+            trigger: 'item'
+          },
+          series: [
+            {
+              type: 'pie',
+              radius: ['40%', '70%'],
+              data: [
+                { value: 1048, name: '农药 1048' },
+                { value: 735, name: '种子 735' },
+                { value: 580, name: '肥料 580' },
+                { value: 484, name: '屠宰 484' },
+              ]
+            }
+          ]
+        };
+
+        option && myChart.setOption(option);
+      },
+      chart3(){
+        var chartDom = document.getElementById('main3');
+        var myChart = echarts.init(chartDom);
+        var option;
+
+        option = {
+          grid: {
+            top:'5%',
+            left: '3%',
+            right: '4%',
+            bottom: '3%',
+            containLabel: true
+          },
+          xAxis: {
+            type: 'category',
+            data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
+          },
+          yAxis: {
+            type: 'value'
+          },
+          series: [
+            {
+              data: [150, 230, 224, 218, 135, 147, 260, 224, 218, 135, 147, 260],
+              type: 'line'
+            }
+          ]
+        };
+
+        option && myChart.setOption(option);
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    padding: 0 3% 0.2rem;
+    .header_main{
+        height: 116px;
+        background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        z-index: 999;
+        .return_btn{
+            width: 24px;
+            height: 43.2px;
+            background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+        .add_btn{
+            width: 56.4px;
+            height: 40.8px;
+            background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+            background-size: 47px 34px;
+            position: absolute;
+            right: 38px;
+            top: 36px;
+        }
+    }
+}
+.top_main{
+  display: flex;
+  align-items: center;
+  background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+  background-size: 100% 100%;
+  color: #ffffff;
+  padding: 15PX;
+  margin-top: 10PX;
+  border-radius: 8PX;
+  .main_text{
+    margin-left: 15PX;
+    p{
+      &:first-child{
+        font-size: .6rem;
+      }
+    }
+  }
+  /deep/ .van-popover__wrapper{
+    margin-left: auto;
+  }
+}
+.select_box{
+  border: 1px solid #ffffff;
+  border-radius: 50PX;
+  padding: 0 12PX ;
+  height: 25PX;
+  line-height: 25PX;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  p{
+    margin-right: 10PX;
+  }
+}
+.main_box {
+  width: 100%;
+  margin: 0 auto;
+  border-radius: 10PX;
+  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
+  overflow: hidden;
+  background-color: #FFF;
+  padding: 15PX;
+  .tit{
+    background: url('../../../../static/images/lawEnforcement/icon/statistics_icon_02.png') no-repeat left center;
+    padding-left: 10PX;
+    font-size: .4rem;
+  }
+}
+.len_box{
+  display: flex;
+  justify-content: space-between;
+  div{
+    background: rgba(196,218,249,0.2);
+    width: 24%;
+    border-radius: 5PX;
+    padding: 8PX;
+    i{
+      width: 10PX;
+      height: 10PX;
+      display: inline-block;
+      border-radius: 2PX;
+      margin-right: 5PX;
+    }
+    p:last-child{
+      padding-left: 15PX;
+      margin-top: 8PX;
+      font-size: .4rem;
+    }
+  }
+  .len_box_01{
+    i{
+      background: #1CB8B1;
+    }
+  }
+  .len_box_02{
+    i{
+      background: #508EEC;
+    }
+  }
+  .len_box_03{
+    i{
+      background: #F68E68;
+    }
+  }
+  .len_box_04{
+    i{
+      background: #6163B0;
+    }
+  }
+}
+</style>
diff --git a/src/views/lawEnforcement/index_new.vue b/src/views/lawEnforcement/index_new.vue
new file mode 100644
index 00000000..2e0370f8
--- /dev/null
+++ b/src/views/lawEnforcement/index_new.vue
@@ -0,0 +1,262 @@
+<template>
+  <div class="app-container">
+    <div class="header">
+      <img src="../../../static/images/lawEnforcement/new/index_icon_01.png" width="30" height="30"/>
+      <p style="">埇桥区农业综合行政执法大队</p>
+    </div>
+
+    <div class="search">
+      <img src="../../../static/images/lawEnforcement/new/index_icon_03.png">
+      <input type="text" placeholder="请输入搜索内容" />
+      <img src="../../../static/images/lawEnforcement/new/index_icon_04.png">
+    </div>
+
+    <van-notice-bar left-icon="../../../static/images/lawEnforcement/new/index_icon_02.png" :scrollable="false" background="rgba(135,174,241,0.3)" color="#2574E9">
+      <van-swipe
+        vertical
+        class="notice-swipe"
+        :autoplay="3000"
+        :show-indicators="false"
+      >
+        <van-swipe-item>冬季种子市场摸底调查活动，截止日期10.5日！1</van-swipe-item>
+        <van-swipe-item>冬季种子市场摸底调查活动，截止日期10.5日！2</van-swipe-item>
+        <van-swipe-item>冬季种子市场摸底调查活动，截止日期10.5日！3</van-swipe-item>
+      </van-swipe>
+    </van-notice-bar>
+
+    <div class="main1">
+      <p class="tit">日常执法</p>
+      <p class="content">农业农村管理方面法律及法规规定的行政处罚</p>
+      <van-grid :column-num="3" :border="false">
+        <van-grid-item :to="{name:'lawEnforcementCaseAllocation'}">
+          <img src="../../../static/images/lawEnforcement/new/index_icon_05.png"/>
+          <p>案件分配</p>
+        </van-grid-item>
+        <van-grid-item :to="{name:'lawEnforcementTask'}">
+          <img src="../../../static/images/lawEnforcement/new/index_icon_06.png"/>
+          <p>任务查看</p>
+        </van-grid-item>
+        <van-grid-item>
+          <img src="../../../static/images/lawEnforcement/new/index_icon_07.png"/>
+          <p>巡查登记</p>
+        </van-grid-item>
+      </van-grid>
+    </div>
+
+    <div class="main2">
+      <p class="tit">文书制作</p>
+      <div class="content">
+        <div class="images">
+          <img src="../../../static/images/lawEnforcement/new/index_icon_08.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'1'}})">
+          <img src="../../../static/images/lawEnforcement/new/index_icon_09.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'2'}})">
+          <img src="../../../static/images/lawEnforcement/new/index_icon_10.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'3'}})">
+          <img src="../../../static/images/lawEnforcement/new/index_icon_11.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'4'}})">
+        </div>
+        <img src="../../../static/images/lawEnforcement/new/index_icon_12.png" @click="$router.push({name:'lawEnforcementRecordDocument'})">
+      </div>
+    </div>
+
+    <div class="main3">
+      <p class="tit">案件分析</p>
+      <van-grid :column-num="3" :border="false">
+        <van-grid-item :to="{name:'lawEnforcementCaseQuery'}">
+          <img src="../../../static/images/lawEnforcement/new/index_icon_13.png"/>
+          <p>案件查询</p>
+        </van-grid-item>
+        <van-grid-item :to="{name:'lawEnforcementCaseStatistics'}">
+          <img src="../../../static/images/lawEnforcement/new/index_icon_14.png"/>
+          <p>案件统计</p>
+        </van-grid-item>
+        <van-grid-item :to="{name:'lawEnforcementCaseDistributionMap'}">
+          <img src="../../../static/images/lawEnforcement/new/index_icon_15.png"/>
+          <p>案件分布</p>
+        </van-grid-item>
+      </van-grid>
+    </div>
+
+    <div class="main4">
+      <p class="tit">监管对象</p>
+      <div class="images">
+        <img src="../../../static/images/lawEnforcement/new/index_icon_16.png">
+        <img src="../../../static/images/lawEnforcement/new/index_icon_17.png">
+      </div>
+    </div>
+
+    <div style="height: 20PX"></div>
+    <law></law>
+  </div>
+</template>
+<script>
+import request from "@/utils/request";
+import { getTopDeptId , news , scheme , communicate } from "@/api/lawEnforcement/index";
+import law from "@/components/common/law_footer";
+export default {
+  name: "index",
+  components: {
+    law
+  },
+  data() {
+    return {
+      //是否显示加载
+      loading: false,
+      //是否滚动到底部
+      finished: false,
+      //查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 5,
+        deptId:100,
+        number:2
+      },
+    };
+  },
+  created() {
+
+  },
+  watch: {
+
+  },
+  methods: {
+
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.app-container {
+  padding: 0 ;
+}
+::-webkit-input-placeholder { color:#C9C9C9;}
+:-moz-placeholder {color:#C9C9C9;}
+::-moz-placeholder { color:#C9C9C9;}
+:-ms-input-placeholder { color:#C9C9C9;}
+.header{
+  display: flex;
+  background: #ffffff;
+  padding: 4% 5%;
+  box-shadow: 0 3Px 6Px rgba(22,70,141,0.15);
+  p{
+    line-height: 30Px;
+    margin-left: 6Px;
+    font-size: 16Px;
+    color: #666666;
+    font-family: SourceHanSansCNBold;
+  }
+}
+.search{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 88%;
+  margin: 15PX auto;
+  border: 1px solid #1D6FE9;
+  padding: 1PX 1PX 1PX 12PX ;
+  border-radius: 50PX;
+  input{
+    flex: 1;
+    background: transparent;
+    border-left: 1px solid #C9C9C9;
+    padding-left: 12PX;
+    margin-left: 12PX;
+  }
+}
+.notice-swipe {
+  height: 40px;
+  line-height: 40px;
+}
+/deep/ .van-icon__image{
+  width: 22PX;
+  height: 22PX;
+}
+/deep/ .van-notice-bar{
+  width: 94%;
+  margin: 0 auto;
+  border-radius: 5PX;
+}
+.tit{
+  font-weight: bold;
+  font-size: 16PX;
+  padding: 0 2%;
+  background: url("../../../static/images/lawEnforcement/new/index_icon_18.png") no-repeat left center;
+  line-height: 1;
+}
+.main1{
+  width: 92%;
+  padding: 0 3%;
+  margin: 25PX auto 0;
+  .content{
+    color: #878787;
+    padding-left: 2%;
+    margin-top: 10PX;
+  }
+  /deep/ .van-grid-item__content{
+    background: transparent;
+    p{
+      color: #333333;
+      font-size: 14PX;
+    }
+  }
+}
+.main2{
+  width: 92%;
+  padding: 15PX 3% 3%;
+  margin: 0 auto 25PX;
+  box-shadow: 0px 3PX 6PX rgba(0,0,0,0.16);
+  background: #ffffff;
+  border-radius: 5PX;
+  .content{
+    display: flex;
+    justify-content: space-between;
+    margin-top: 15PX;
+  }
+  .images{
+    display: flex;
+    flex-wrap: wrap;
+    align-content: space-between;
+    justify-content: space-between;
+    flex: 1;
+    margin-right: 10PX;
+  }
+}
+.main3{
+  width: 92%;
+  padding: 0 3%;
+  margin: 25PX auto 0;
+  /deep/ .van-grid{
+    justify-content: space-between;
+    margin-top: 15PX;
+  }
+  /deep/ .van-grid-item{
+    flex-basis: 31%!important;
+    box-shadow: 0px 3PX 6PX rgba(0,0,0,0.16);
+    border-radius: 5PX;
+    overflow: hidden;
+    &:nth-child(2){
+      margin: 0 10PX;
+    }
+  }
+  /deep/ .van-grid-item__content{
+    p{
+      color: #333333;
+      font-size: 14PX;
+      margin-top: 10PX;
+    }
+  }
+}
+.main4{
+  width: 92%;
+  margin: 25PX auto 0;
+  .tit{
+    margin-left: 3%;
+  }
+  .images{
+    display: flex;
+    justify-content: space-between;
+    margin-top: 10PX;
+    img{
+      display: block;
+      width: 50%;
+    }
+  }
+}
+</style>
diff --git a/src/views/lawEnforcement/record/caseList.vue b/src/views/lawEnforcement/record/caseList.vue
new file mode 100644
index 00000000..7f6be980
--- /dev/null
+++ b/src/views/lawEnforcement/record/caseList.vue
@@ -0,0 +1,254 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      案件列表
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+    <div style="height: 58px;"></div>
+
+    <div class="search_box">
+      <div class="search">
+        <input type="text" placeholder="请输入搜索内容" />
+        <img src="../../../../static/images/lawEnforcement/new/index_icon_04.png">
+      </div>
+    </div>
+
+    <div class="main_box">
+      <div class="peopleList">
+        <van-row v-for="(item,index) in 10" :key="index" >
+          <van-col :span="20">张雷未经定点从事生猪屠宰活动案</van-col>
+          <van-col :span="4">
+            <div class="icon_box">
+              <van-checkbox v-model="checked" shape="square"></van-checkbox>
+            </div>
+          </van-col>
+        </van-row>
+      </div>
+    </div>
+
+    <p class="submitButton">确定</p>
+
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showPopover: false,
+        // 通过 actions 属性来定义菜单选项
+        actions: [{ text: '选项一' }, { text: '选项二' }, { text: '选项三' }],
+        checked:'',
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    created() {
+      // this.getDictionaries()
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0;
+  }
+  /deep/ .van-collapse-item__content{
+    padding: 0;
+  }
+  /deep/ .van-checkbox{
+    justify-content: center;
+  }
+  .icon_box{
+    display: flex;
+    justify-content: space-around;
+  }
+  .search_box{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 92%;
+    margin: 0PX auto;
+    .select_box{
+      border: 1px solid #1D6FE9;
+      border-radius: 8PX;
+      padding: 0 12PX ;
+      background: #ffffff;
+      height: 30PX;
+      line-height: 30PX;
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+    }
+    .search{
+      background: #ffffff;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 100%;
+      margin: 10PX auto;
+      border: 1px solid #1D6FE9;
+      padding: 1PX 1PX 1PX 12PX ;
+      border-radius: 50PX;
+      input{
+        flex: 1;
+        background: transparent;
+      }
+    }
+  }
+  .cf{
+    padding: 0 3%;
+    margin-top: 20PX;
+    margin-bottom: 20PX;
+    .van-row{
+      background: #F0F3F5;
+      .van-col{
+        padding: 5PX 0;
+        font-size: 12PX!important;
+        text-align: center;
+        p{
+          color: #1D6FE9;
+        }
+      }
+      &:first-child{
+        background: transparent;
+      }
+    }
+  }
+  .header_main{
+    height: 116px;
+    background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+    background-size: 100% 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    font-size: 36px;
+    line-height: 116px;
+    text-align: center;
+    color: #fff;
+    z-index: 999;
+    .return_btn{
+      width: 24px;
+      height: 43.2px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+      background-size: 20px 36px;
+      position: absolute;
+      left: 38px;
+      top: 36px;
+    }
+    .add_btn{
+      width: 56.4px;
+      height: 40.8px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+      background-size: 47px 34px;
+      position: absolute;
+      right: 38px;
+      top: 36px;
+    }
+  }
+  /deep/ .van-radio--horizontal{
+    margin-left: 0.32rem;
+    margin-right: 0;
+  }
+  .peopleList{
+    padding: 3%;
+    text-align: left;
+    .van-row{
+      margin-bottom: 10PX;
+      background: rgba(196,218,249,0.3);
+      border-radius: 5PX;
+      .van-col{
+        text-align: left;
+        font-size: 14PX;
+        color: #333333;
+        padding: 5PX 15PX;
+      }
+    }
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    margin-top: 0;
+    position: relative;
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 10PX;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    .van-icon{
+      vertical-align: middle;
+    }
+    .custom-title{
+      font-size: 17PX;
+      color: #333333;
+      vertical-align: middle;
+      line-height: 1;
+      position: relative;
+    }
+    .tap{
+      color: #1D6FE9;
+    }
+    .bgBlue{
+      display: block;
+      position: absolute;
+      width: 17PX;
+      height: 17PX;
+      border-radius: 50%;
+      background-color: rgba(29,111,233,0.26);
+      top: -2PX;
+      right: -8PX;
+    }
+  }
+  .submitButton{
+    width: 45%;
+    margin: 0 auto;
+    background-image: linear-gradient(to right, #2E79E9 , #77A6EF);
+    text-align: center;
+    color: #ffffff;
+    height: 70px;
+    line-height: 70px;
+    border-radius: 8PX;
+    margin-top: 25PX;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+</style>
diff --git a/src/views/lawEnforcement/record/record.vue b/src/views/lawEnforcement/record/record.vue
new file mode 100644
index 00000000..7ea18832
--- /dev/null
+++ b/src/views/lawEnforcement/record/record.vue
@@ -0,0 +1,274 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      {{headTitle}}
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+    <div style="height: 58px;"></div>
+    <div class="main_box">
+      <van-field v-model="value" label="案件名称" placeholder="请选择案件名称" :border="false" readonly is-link @click="$router.push({name:'lawEnforcementCaseList'})" />
+      <van-field v-model="value" label="执法节点" placeholder="请选择执法节点" :border="false" readonly is-link arrow-direction="down" >
+        <template #input>
+          <van-popover
+            v-model="showPopover"
+            trigger="click"
+            :actions="actions"
+            placement="bottom-start"
+          >
+            <template #reference>
+              <p style="color: #cccccc">请选择执法节点</p>
+            </template>
+          </van-popover>
+        </template>
+      </van-field>
+      <van-field v-model="value" label="签字上传" :border="false" readonly >
+        <template #input>
+          <van-uploader v-model="fileList" multiple />
+        </template>
+      </van-field>
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-cell>
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/record_icon_01.png" size="20"></van-icon>
+          <span class="custom-title">视频地址<i class="bgBlue"></i></span>
+        </template>
+      </van-cell>
+      <van-field type="textarea" autosize :border="false" placeholder="输入视频地址、执法文件名称等" />
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-cell>
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>
+          <span class="custom-title">模板<i class="bgBlue"></i></span>
+        </template>
+      </van-cell>
+      <div class="cf">
+        <van-row>
+          <van-col :span="6">
+            <van-image src="../../../../static/images/lawEnforcement/icon/record_icon_02.png" width="50" />
+          </van-col>
+          <van-col :span="18">
+            <p>现场检查（勘验）笔录.docx</p>
+          </van-col>
+        </van-row>
+      </div>
+    </div>
+
+    <div class="submit_box">
+      <p class="submitButton">保存</p>
+      <p class="submitButton">处理</p>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showPopover: false,
+        // 通过 actions 属性来定义菜单选项
+        actions: [{ text: '选项一' }, { text: '选项二' }, { text: '选项三' }],
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+
+        fileList:[],
+        headTitle:''
+      };
+    },
+    created() {
+      // this.getDictionaries()
+      if (this.$route.query.type == '1'){
+        this.headTitle = '现场检查（勘察）笔录';
+      }
+      if (this.$route.query.type == '2'){
+        this.headTitle = '询问笔录';
+      }
+      if (this.$route.query.type == '3'){
+        this.headTitle = '当场行政处罚决定书';
+      }
+      if (this.$route.query.type == '4'){
+        this.headTitle = '责令改正通知书';
+      }
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0;
+  }
+  /deep/ .van-collapse-item__content{
+    padding: 0;
+  }
+  .cf{
+    padding: 0 3%;
+    margin-top: 20PX;
+    margin-bottom: 20PX;
+    .van-row{
+      background: #F0F3F5;
+      display: flex;
+      align-items: center;
+      .van-col{
+        padding: 5PX 0;
+        font-size: 12PX!important;
+        text-align: center;
+        p{
+          color: #1D6FE9;
+          text-align: left;
+          font-size: .4rem;
+        }
+      }
+      &:first-child{
+        background: transparent;
+      }
+    }
+  }
+  .header_main{
+    height: 116px;
+    background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+    background-size: 100% 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    font-size: 36px;
+    line-height: 116px;
+    text-align: center;
+    color: #fff;
+    z-index: 999;
+    .return_btn{
+      width: 24px;
+      height: 43.2px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+      background-size: 20px 36px;
+      position: absolute;
+      left: 38px;
+      top: 36px;
+    }
+    .add_btn{
+      width: 56.4px;
+      height: 40.8px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+      background-size: 47px 34px;
+      position: absolute;
+      right: 38px;
+      top: 36px;
+    }
+  }
+  /deep/ .van-radio--horizontal{
+    margin-left: 0.32rem;
+    margin-right: 0;
+  }
+  .peopleList{
+    padding-right: 3%;
+    .van-row{
+      margin-bottom: 10PX;
+      .van-col{
+        text-align: center;
+        font-size: 14PX;
+      }
+      &:first-child{
+        .van-col{
+          color: #1D6FE9;
+        }
+      }
+    }
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    margin-top: 0;
+    position: relative;
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 10PX;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    .van-icon{
+      vertical-align: middle;
+    }
+    .custom-title{
+      font-size: 17PX;
+      color: #333333;
+      vertical-align: middle;
+      line-height: 1;
+      position: relative;
+    }
+    .tap{
+      color: #1D6FE9;
+    }
+    .bgBlue{
+      display: block;
+      position: absolute;
+      width: 17PX;
+      height: 17PX;
+      border-radius: 50%;
+      background-color: rgba(29,111,233,0.26);
+      top: -2PX;
+      right: -8PX;
+    }
+  }
+  .submitButton{
+    width: 40%;
+    margin: 0 auto;
+    background-image: linear-gradient(to right, #77A6EF , #2E79E9);
+    text-align: center;
+    color: #ffffff;
+    height: 70px;
+    line-height: 70px;
+    border-radius: 8PX;
+    margin-top: 25PX;
+    &:first-child{
+      background-image: linear-gradient(to right, #21CAC3 , #17A8A2);
+    }
+  }
+  .submit_box{
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+
+</style>
diff --git a/src/views/lawEnforcement/record/recordDocument.vue b/src/views/lawEnforcement/record/recordDocument.vue
new file mode 100644
index 00000000..1da4a2a7
--- /dev/null
+++ b/src/views/lawEnforcement/record/recordDocument.vue
@@ -0,0 +1,288 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      文书打印
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+    <div style="height: 58px;"></div>
+
+    <div class="search_box">
+      <div class="search">
+        <input type="text" placeholder="请输入搜索内容" />
+        <img src="../../../../static/images/lawEnforcement/new/index_icon_04.png">
+      </div>
+    </div>
+
+    <div class="main_box">
+      <div class="peopleList">
+        <van-row v-for="(item,index) in 10" :key="index" >
+          <van-col :span="2">{{index+1}}</van-col>
+          <van-col :span="18">
+            <img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/>
+            <p>指定管辖通知书</p>
+          </van-col>
+          <van-col :span="4">
+            <p>打印</p>
+          </van-col>
+        </van-row>
+      </div>
+    </div>
+
+    <div class="submit_box">
+      <p class="submitButton">进入任务</p>
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showPopover: false,
+        // 通过 actions 属性来定义菜单选项
+        actions: [{ text: '选项一' }, { text: '选项二' }, { text: '选项三' }],
+        checked:'',
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    created() {
+      // this.getDictionaries()
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0;
+  }
+  /deep/ .van-collapse-item__content{
+    padding: 0;
+  }
+  /deep/ .van-checkbox{
+    justify-content: center;
+  }
+  .icon_box{
+    display: flex;
+    justify-content: space-around;
+  }
+  .search_box{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 92%;
+    margin: 0PX auto;
+    .select_box{
+      border: 1px solid #1D6FE9;
+      border-radius: 8PX;
+      padding: 0 12PX ;
+      background: #ffffff;
+      height: 30PX;
+      line-height: 30PX;
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+    }
+    .search{
+      background: #ffffff;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 100%;
+      margin: 10PX auto;
+      border: 1px solid #1D6FE9;
+      padding: 1PX 1PX 1PX 12PX ;
+      border-radius: 50PX;
+      input{
+        flex: 1;
+        background: transparent;
+      }
+    }
+  }
+  .cf{
+    padding: 0 3%;
+    margin-top: 20PX;
+    margin-bottom: 20PX;
+    .van-row{
+      background: #F0F3F5;
+      .van-col{
+        padding: 5PX 0;
+        font-size: 12PX!important;
+        text-align: center;
+        p{
+          color: #1D6FE9;
+        }
+      }
+      &:first-child{
+        background: transparent;
+      }
+    }
+  }
+  .header_main{
+    height: 116px;
+    background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+    background-size: 100% 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    font-size: 36px;
+    line-height: 116px;
+    text-align: center;
+    color: #fff;
+    z-index: 999;
+    .return_btn{
+      width: 24px;
+      height: 43.2px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+      background-size: 20px 36px;
+      position: absolute;
+      left: 38px;
+      top: 36px;
+    }
+    .add_btn{
+      width: 56.4px;
+      height: 40.8px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+      background-size: 47px 34px;
+      position: absolute;
+      right: 38px;
+      top: 36px;
+    }
+  }
+  /deep/ .van-radio--horizontal{
+    margin-left: 0.32rem;
+    margin-right: 0;
+  }
+  .peopleList{
+    padding: 0 3%;
+    text-align: left;
+    .van-row{
+      border-bottom: 1px solid #dddddd;
+      display: flex;
+      align-items: center;
+      &:last-child{
+        border: none;
+      }
+      .van-col--18{
+        display: flex;
+        align-items: center;
+        p{
+          margin-left: 10PX;
+        }
+      }
+      .van-col--4{
+        display: flex;
+        justify-content: right;
+        p{
+          color: #1D6FE9;
+          border: 1px solid #1D6FE9;
+          text-align: center;
+          border-radius: 15PX;
+          display: inline-block;
+          padding: 5px 15px;
+        }
+      }
+      .van-col{
+        text-align: left;
+        font-size: 14PX;
+        color: #333333;
+        padding: 15PX 0;
+        img{
+          display: block;
+        }
+      }
+    }
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    margin-top: 0;
+    position: relative;
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 10PX;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    .van-icon{
+      vertical-align: middle;
+    }
+    .custom-title{
+      font-size: 17PX;
+      color: #333333;
+      vertical-align: middle;
+      line-height: 1;
+      position: relative;
+    }
+    .tap{
+      color: #1D6FE9;
+    }
+    .bgBlue{
+      display: block;
+      position: absolute;
+      width: 17PX;
+      height: 17PX;
+      border-radius: 50%;
+      background-color: rgba(29,111,233,0.26);
+      top: -2PX;
+      right: -8PX;
+    }
+  }
+  .submitButton{
+    width: 45%;
+    margin: 0 auto;
+    background-image: linear-gradient(to right, #2E79E9 , #77A6EF);
+    text-align: center;
+    color: #ffffff;
+    height: 70px;
+    line-height: 70px;
+    border-radius: 8PX;
+  }
+  .submit_box{
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    background: #ffffff;
+    padding: 25PX 0;
+  }
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+</style>
diff --git a/src/views/lawEnforcement/task/task.vue b/src/views/lawEnforcement/task/task.vue
new file mode 100644
index 00000000..ed8a97a7
--- /dev/null
+++ b/src/views/lawEnforcement/task/task.vue
@@ -0,0 +1,317 @@
+<template>
+    <div class="home_wrapper">
+        <div class="header_main">
+            任务查看
+            <div class="return_btn" @click="onClickLeft"></div>
+        </div>
+      <div class="jg"></div>
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        >
+        <van-swipe-cell v-for="(item,index) in 10" :key="index">
+          <van-cell center :to="{name:'lawEnforcementTaskDetail', query: {id:item.id}}">
+            <template #title>
+              <span>关于徐胜峰在禁渔期内收购非法捕捞渔获...</span>
+              <div class="first">
+                <span>上级交办</span>
+                <span>分配时间：2021-09-07</span>
+              </div>
+            </template>
+            <template #label>
+              <div class="label">
+                <p>执法人：刘月、张薇</p>
+                <p>立案</p>
+              </div>
+            </template>
+          </van-cell>
+          <template #right>
+            <van-row>
+              <van-col>
+                <van-button square color="#FFA63E" text="打卡" :to="{name:'lawEnforcementCaseReturn', query: {id:item.id}}" class="delete-button" />
+              </van-col>
+              <van-col>
+                <van-button square color="#1CB8B1" :to="{name:'lawEnforcementCaseDistribution', query: {id:item.id}}" class="delete-button" >上传<br/>文件</van-button>
+              </van-col>
+              <van-col>
+                <van-button square color="#1D6FE9" :to="{name:'lawEnforcementCaseDistribution', query: {id:item.id}}" class="delete-button" >案件<br/>处理</van-button>
+              </van-col>
+            </van-row>
+          </template>
+        </van-swipe-cell>
+      </van-list>
+    </div>
+</template>
+
+<script>
+  import { financePublicList,openRemove } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "caseAllocation",
+    data() {
+      return {
+        applicationList:[],
+        applicationListSecond:[],
+        assetStatusOptions:[],
+        auditStatus:[],
+        loading: false,
+        finished: false,
+        show: false,
+        showTab: false,
+        fileList:[],
+        listLength:'0',
+        searchInput:'',
+        queryParams:{
+          pageNum:1,
+          pageSize:10,
+          orderByColumn:'createTime',
+          isAsc:'desc',
+          year:'2022',
+        },
+        uploadFiles1:[],
+        projectId:'',
+        projectIndex:'',
+        showBtn:true,
+      };
+    },
+    created() {
+
+    },
+    methods: {
+      getList(){
+        var _this = this;
+        financePublicList(_this.queryParams).then(response => {
+          _this.listLength = response.total;
+          response.rows.map(res=>{
+            _this.applicationList.push(res);
+          })
+          if(_this.applicationList.length >= response.total){
+            _this.finished = true;
+            return;
+          }else{
+            _this.loading = false;
+            _this.queryParams.pageNum += 1 ;
+          }
+
+        });
+      },
+      tabClick(year){
+        this.queryParams.year = year ;
+        this.applicationList = [];
+        this.getList();
+      },
+      tabShow(){
+        this.showTab = !this.showTab;
+      },
+      /** 删除按钮操作 */
+      handleDelete(row,index) {
+        let assetStatus = row.assetStatus ? row.assetStatus : data[0].assetStatus;
+        if (assetStatus === '2' || assetStatus === '3') {
+          this.$notify({
+            message: "不允许删除已出售或已报废的资产",
+            type: "warning",
+          });
+          return;
+        }
+        let useType = row.useType;
+        if(useType == 3) {
+          this.$notify({
+            message: "出租或出借的资产不允许删除",
+            type: "warning",
+          });
+          return ;
+        }
+        const ids = row.id || this.ids;
+
+        this.$dialog.alert(
+          {
+            message:'是否确认删除固定资产?',
+            title:"警告",
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+          }
+        )
+          .then(function () {
+            return delPermanent(ids);
+          })
+          .then(() => {
+            this.applicationList.splice(index, 1);
+            this.$notify({ type: 'success', message: '删除成功' });
+          });
+      },
+      goAdd(){
+        this.$router.push('/sunVillage_info/list_finance_add')
+      },
+      goDetail(id){
+        this.$router.push({path:'/sunVillage_info/list_finance_detail',query: {id:id,type:'finance'}})
+      },
+      goRanking(id,time){
+        this.$router.push({path:'/sunVillage_info/list_finance_ranking',query: {id:id,time:time}})
+      },
+      goEdit(id){
+        this.$router.push({path:'/sunVillage_info/list_finance_edit',query: {id:id,type:'finance'}})
+      },
+      goRemove(id){
+        this.$dialog.alert({
+          title: '提示',
+          message: '确认删除？',
+          showCancelButton:true,
+        })
+          .then(() => {
+            openRemove(id).then(response => {
+              this.$notify({ type: 'success', message: '删除成功' });
+              this.getList()
+            });
+          })
+          .catch(() => {
+            // on cancel
+          });
+
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .jg{
+    height: 116px;
+  }
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    padding: 0 2% 0.2rem;
+    .search_box{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 92%;
+      margin: 0PX auto;
+      .search{
+        background: #ffffff;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        width: 80%;
+        margin: 10PX auto;
+        border: 1px solid #1D6FE9;
+        padding: 1PX 1PX 1PX 12PX ;
+        border-radius: 50PX;
+        input{
+          flex: 1;
+          background: transparent;
+        }
+      }
+    }
+    .header_main{
+        height: 116px;
+        background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        z-index: 999;
+        .return_btn{
+            width: 24px;
+            height: 43.2px;
+            background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+        .add_btn{
+            width: 56.4px;
+            height: 40.8px;
+            background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+            background-size: 47px 34px;
+            position: absolute;
+            right: 38px;
+            top: 36px;
+        }
+    }
+
+}
+/deep/.van-cell__title{
+  .first{
+    display: flex;
+    justify-content: space-between;
+    span{
+      color: #FE1313;
+      &:last-child{
+        color: #B4B0B0;
+      }
+    }
+  }
+  span{
+    font-family: Arial;
+    font-size: 0.35rem;
+    font-weight: normal;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    word-break: break-all;
+    overflow: hidden;
+  }
+}
+/deep/.van-cell__label .label {
+  display: flex;
+  justify-content: space-between;
+  p{
+    display: inline-block;
+    font-size: 0.35rem;
+    &:first-child{
+      color: #333333;
+    }
+    &:last-child{
+      padding: 0 7PX;
+      border: 1px solid #1D6FE9;
+      color: #1D6FE9;
+      border-radius: 1rem;
+    }
+  }
+}
+/deep/.van-cell__value{
+  flex: 0.3;
+  color: #1D6FE9;
+  font-weight: bold;
+}
+/deep/.van-cell{
+  /*margin-bottom: 0.2rem;*/
+  /*overflow: hidden;*/
+}
+/deep/.van-cell:first-child{
+  /*margin-top: 0.2rem;*/
+}
+/deep/van-ellipsis{
+  font-weight: bold;
+}
+/deep/ .van-swipe-cell{
+  margin-bottom: 0.3rem;
+  border-radius: 0.2rem;
+  overflow: hidden;
+  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+  &:first-child{
+    margin-top: 0.3rem;
+  }
+}
+/deep/ .van-swipe-cell__right{
+  right: -1PX;
+}
+.van-row{
+  height: 100%;
+}
+.van-col{
+  height: 100%;
+}
+.delete-button {
+  height: 100%;
+}
+</style>
diff --git a/src/views/lawEnforcement/task/taskDetail.vue b/src/views/lawEnforcement/task/taskDetail.vue
new file mode 100644
index 00000000..b45f8c0a
--- /dev/null
+++ b/src/views/lawEnforcement/task/taskDetail.vue
@@ -0,0 +1,300 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      查看登记案件
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+    <div style="height: 58px;"></div>
+    <div class="main_box">
+      <van-cell>
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>
+          <span class="custom-title">登记<i class="bgBlue"></i></span>
+        </template>
+      </van-cell>
+      <van-cell title="登记号" :border="false" value="登记号" />
+      <van-cell title="案件来源" :border="false" value="案件来源" />
+      <van-cell title="关联方案" :border="false" value="关联方案" />
+      <van-cell title="案件属地" :border="false" value="案件属地" />
+      <van-cell title="执行主体" :border="false" value="执行主体" />
+      <van-cell title="案件名称" :border="false" value="案件名称" />
+      <van-cell title="登记日期" :border="false" value="登记日期" />
+      <van-cell title="执法类别" :border="false" value="执法类别" />
+      <van-cell title="案件简述" :border="false" value="案件简述 " />
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-collapse v-model="activeNames">
+        <van-collapse-item name="1">
+          <template #title>
+            <van-icon name="../../../static/images/lawEnforcement/icon/icon_dsr.png" size="20"></van-icon>
+            <span class="custom-title">当事人<i class="bgBlue"></i></span>
+          </template>
+          <van-cell title="当事人类型" :border="false" value="当事人类型" />
+          <van-cell title="当事人姓名" :border="false" value="当事人姓名" />
+          <van-cell title="性别" :border="false" value="性别" />
+          <van-cell title="身份证号" :border="false" value="身份证号" />
+          <van-cell title="出生日期" :border="false" value="出生日期" />
+          <van-cell title="民族" :border="false" value="民族" />
+          <van-cell title="工作单位及职务" :border="false" value="工作单位及职务" />
+          <van-cell title="联系电话" :border="false" value="联系电话" />
+          <van-cell title="联系地址" :border="false" value="联系地址" />
+          <van-cell title="统一社会信用代码" :border="false" value="统一社会信用代码" />
+          <van-cell title="字号名称" :border="false" value="字号名称" />
+        </van-collapse-item>
+      </van-collapse>
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-collapse v-model="activeNames1">
+        <van-collapse-item name="1">
+          <template #title>
+            <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>
+            <span class="custom-title">附件<i class="bgBlue"></i></span>
+          </template>
+          <div class="cf">
+            <van-row>
+              <van-col :span="6">
+                <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />
+                <p>产品确认</p>
+                <p>通知书</p>
+              </van-col>
+              <van-col :span="6">
+                <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />
+                <p>产品确认</p>
+                <p>通知书</p>
+              </van-col>
+              <van-col :span="6"></van-col>
+              <van-col :span="6"></van-col>
+            </van-row>
+          </div>
+        </van-collapse-item>
+      </van-collapse>
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-collapse v-model="activeNames2">
+        <van-collapse-item name="1">
+          <template #title>
+            <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxry.png" size="20"></van-icon>
+            <span class="custom-title">执法人员<i class="bgBlue"></i></span>
+          </template>
+          <div class="peopleList">
+            <van-row>
+              <van-col :span="4">序号</van-col>
+              <van-col :span="6">执行人员</van-col>
+              <van-col :span="10">执法证号</van-col>
+              <van-col :span="4">带队人</van-col>
+            </van-row>
+
+            <van-row v-for="(item,index) in 10" :key="index" >
+              <van-col :span="4">{{index+1}}</van-col>
+              <van-col :span="6">庞东旭{{index}}</van-col>
+              <van-col :span="10">2303888{{index}}</van-col>
+              <van-col :span="4">
+                <div class="icon_box">
+                  <van-checkbox v-model="checked" shape="square"></van-checkbox>
+<!--                  <van-icon name="../../../static/images/lawEnforcement/icon/icon_delete.png" size="20"></van-icon>-->
+                </div>
+              </van-col>
+            </van-row>
+          </div>
+        </van-collapse-item>
+      </van-collapse>
+    </div>
+    <p class="submitButton" @click="$router.push({name:'lawEnforcementTaskSignIn'})">执法打卡</p>
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        checked:'',
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    created() {
+      // this.getDictionaries()
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0 10%;
+  }
+  /deep/ .van-collapse-item__content{
+    padding: 0;
+  }
+  /deep/ .van-checkbox{
+    justify-content: center;
+  }
+  .icon_box{
+    display: flex;
+    justify-content: space-around;
+  }
+  .cf{
+    padding: 0 3%;
+    margin-top: 20PX;
+    margin-bottom: 20PX;
+    .van-row{
+      background: #F0F3F5;
+      .van-col{
+        padding: 5PX 0;
+        font-size: 12PX!important;
+        text-align: center;
+        p{
+          color: #1D6FE9;
+        }
+      }
+      &:first-child{
+        background: transparent;
+      }
+    }
+  }
+  .header_main{
+    height: 116px;
+    background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+    background-size: 100% 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    font-size: 36px;
+    line-height: 116px;
+    text-align: center;
+    color: #fff;
+    z-index: 999;
+    .return_btn{
+      width: 24px;
+      height: 43.2px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+      background-size: 20px 36px;
+      position: absolute;
+      left: 38px;
+      top: 36px;
+    }
+    .add_btn{
+      width: 56.4px;
+      height: 40.8px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+      background-size: 47px 34px;
+      position: absolute;
+      right: 38px;
+      top: 36px;
+    }
+  }
+  /deep/ .van-radio--horizontal{
+    margin-left: 0.32rem;
+    margin-right: 0;
+  }
+  .peopleList{
+    padding: 3%;
+    text-align: center;
+    .van-row{
+      margin-bottom: 10PX;
+      background: rgba(196,218,249,0.3);
+      border-radius: 5PX;
+      .van-col{
+        text-align: center;
+        font-size: 14PX;
+        color: #333333;
+        padding: 5PX 0;
+      }
+      &:first-child{
+        background: none;
+        .van-col{
+          padding: 0;
+          color: #1D6FE9;
+        }
+      }
+    }
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    margin-top: 0;
+    position: relative;
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 10PX;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    .van-icon{
+      vertical-align: middle;
+    }
+    .custom-title{
+      font-size: 17PX;
+      color: #333333;
+      vertical-align: middle;
+      line-height: 1;
+      position: relative;
+    }
+    .tap{
+      color: #1D6FE9;
+    }
+    .bgBlue{
+      display: block;
+      position: absolute;
+      width: 17PX;
+      height: 17PX;
+      border-radius: 50%;
+      background-color: rgba(29,111,233,0.26);
+      top: -2PX;
+      right: -8PX;
+    }
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+  .submitButton{
+    width: 45%;
+    margin: 0 auto;
+    background-image: linear-gradient(to right, #2E79E9 , #77A6EF);
+    text-align: center;
+    color: #ffffff;
+    height: 70px;
+    line-height: 70px;
+    border-radius: 8PX;
+    margin-top: 25PX;
+  }
+</style>
diff --git a/src/views/lawEnforcement/task/taskRecord.vue b/src/views/lawEnforcement/task/taskRecord.vue
new file mode 100644
index 00000000..d93315b2
--- /dev/null
+++ b/src/views/lawEnforcement/task/taskRecord.vue
@@ -0,0 +1,186 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      签到记录
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+    <div style="height: 58px;"></div>
+
+    <div class="top_box">
+      <img src="../../../../static/images/lawEnforcement/icon/task_icon_04.png" class="icon_02">
+      <div class="name_box">
+        <p>张薇</p>
+        <p>执法检查人员</p>
+      </div>
+      <img src="../../../../static/images/lawEnforcement/icon/task_icon_03.png" class="icon_01">
+    </div>
+
+    <div class="center_box">
+      <div class="center_box_list">
+        <div class="center_box_list_left">
+          <p>2022-07-09 14:10</p>
+          <p>宿州市埇桥区永乡镇供销社楼下</p>
+        </div>
+        <p class="goSee">查看</p>
+      </div>
+      <div class="center_box_list">
+        <div class="center_box_list_left">
+          <p>2022-07-09 14:10</p>
+          <p>宿州市埇桥区永乡镇供销社楼下</p>
+        </div>
+        <p class="goSee">查看</p>
+      </div>
+      <div class="center_box_list">
+        <div class="center_box_list_left">
+          <p>2022-07-09 14:10</p>
+          <p>宿州市埇桥区永乡镇供销社楼下</p>
+        </div>
+        <p class="goSee">查看</p>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        checked:'',
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    created() {
+      // this.getDictionaries()
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 2% 10%;
+    background: #ffffff;
+    height: 100vh;
+  }
+  .header_main{
+    height: 116px;
+    background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+    background-size: 100% 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    font-size: 36px;
+    line-height: 116px;
+    text-align: center;
+    color: #fff;
+    z-index: 999;
+    .return_btn{
+      width: 24px;
+      height: 43.2px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+      background-size: 20px 36px;
+      position: absolute;
+      left: 38px;
+      top: 36px;
+    }
+    .add_btn{
+      width: 56.4px;
+      height: 40.8px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+      background-size: 47px 34px;
+      position: absolute;
+      right: 38px;
+      top: 36px;
+    }
+  }
+
+  .top_box{
+    display: flex;
+    align-items: center;
+    padding: 20px 3%;
+    .icon_01{
+      margin-left: auto;
+    }
+    .icon_02{
+      margin-right: 3%;
+    }
+    .name_box{
+      p{
+        &:first-child{
+          font-size: 0.45rem;
+          color: #333333;
+        }
+        &:last-child{
+          font-size: 0.35rem;
+          color: #B4B0B0;
+        }
+      }
+    }
+  }
+
+  .center_box{
+    background: #F5F9FF;
+    font-size: 0.35rem;
+    .center_box_list{
+      display: flex;
+      align-items: center;
+      padding: 5% 0;
+      width: 94%;
+      margin: 0 auto;
+      border-bottom: 1px solid #C9C9C9;
+      &:last-child{
+        border: none;
+      }
+      .center_box_list_left{
+        p{
+          &:first-child{
+            font-size: .4rem;
+          }
+          &:last-child{
+            color: #333333;
+            background: url('../../../../static/images/lawEnforcement/icon/task_icon_02.png') no-repeat center left;
+            margin-top: 10PX;
+            padding-left: 20PX;
+          }
+        }
+      }
+      .goSee{
+        margin-left: auto;
+        background: url('../../../../static/images/lawEnforcement/icon/task_icon_05.png') no-repeat top center;
+        padding-top: 18PX;
+        color: #1D6FE9;
+      }
+    }
+  }
+</style>
diff --git a/src/views/lawEnforcement/task/taskSignIn.vue b/src/views/lawEnforcement/task/taskSignIn.vue
new file mode 100644
index 00000000..59473c32
--- /dev/null
+++ b/src/views/lawEnforcement/task/taskSignIn.vue
@@ -0,0 +1,218 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      执法打卡
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+    <baidu-map :center="center" :zoom="zoom" :scroll-wheel-zoom="true" :pinch-to-zoom="true" map-type="BMAP_NORMAL_MAP" style="height:100vh" >
+      <!-- 必须给容器指高度，不然地图将显示在一个高度为0的容器中，看不到 -->
+      <bm-geolocation anchor="BMAP_ANCHOR_BOTTOM_RIGHT" :showAddressBar="true" :autoLocation="true"></bm-geolocation>
+      <bm-marker :position="center" :dragging="true" animation="BMAP_ANIMATION_BOUNCE" :icon="{url: 'http://developer.baidu.com/map/jsdemo/img/fox.gif', size: {width: 300, height: 157}}"></bm-marker>
+    </baidu-map>
+
+    <div style="position:absolute;top: 70px;width: 100%;">
+      <div class="main_box top_box">
+        <van-field readonly value="案件来源" label="案件来源" placeholder="请输入案件来源" :border="false" />
+        <van-field readonly value="关联方案" label="关联方案" placeholder="请输入关联方案" :border="false" />
+        <van-field readonly value="案件名称" label="案件名称" placeholder="请输入案件名称" :border="false" />
+      </div>
+
+      <div class="main_box" style="margin-top: 10px;padding: 0rem 0.426667rem;">
+        <div class="file_box">
+          <p class="left_box">未</p>
+          <div class="center_box">
+            <p class="time">8:29<span>（2022年9月6日）</span></p>
+            <p class="dress">宿州市埇桥区永乡镇供销社楼下</p>
+          </div>
+          <div class="file_box_btn" @click="$router.push({name:'lawEnforcementTaskRecord'})">
+            <img src="../../../../static/images/lawEnforcement/icon/task_icon.png">
+            <p>打卡记录</p>
+          </div>
+        </div>
+        <div class="file_box" style="border-top: 1px solid #DEDEDE">
+          <van-uploader v-model="fileList" multiple />
+        </div>
+      </div>
+
+      <div class="main_box" style="margin-top: 10px;padding: 0.266667rem 0.426667rem;">
+        <p class="now_dress">当前位置：宿州市埇桥区永乡镇供销社楼下</p>
+      </div>
+    </div>
+
+    <div class="submitButton">
+      <p class="datetime">{{ nowDate }}</p>
+      <p>打卡</p>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        checked:'',
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+        center: { lng: 122.089726, lat: 37.540728 }, //经纬度
+        zoom: 15, //地图展示级别
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+        nowDate: '', // 当前时间
+
+        fileList:[]
+      };
+    },
+    created() {
+      // this.getDictionaries()
+      var that = this;
+      setInterval(function () {
+        that.nowDate = that.format(new Date(),'HH:mm')
+      }, 500);
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 0;
+  }
+  .header_main{
+    height: 116px;
+    background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+    background-size: 100% 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    font-size: 36px;
+    line-height: 116px;
+    text-align: center;
+    color: #fff;
+    z-index: 999;
+    .return_btn{
+      width: 24px;
+      height: 43.2px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+      background-size: 20px 36px;
+      position: absolute;
+      left: 38px;
+      top: 36px;
+    }
+    .add_btn{
+      width: 56.4px;
+      height: 40.8px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+      background-size: 47px 34px;
+      position: absolute;
+      right: 38px;
+      top: 36px;
+    }
+  }
+  .top_box{
+    background: url('../../../../static/images/lawEnforcement/icon/task_icon_03.png') no-repeat 97% 10%;
+    padding: 10PX 0;
+    /*background-size: 100% 100%;*/
+    /deep/ .van-cell{
+      background: none;
+    }
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 10PX;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+  }
+  .file_box{
+    display: flex;
+    align-items: center;
+    font-size: 0.35rem;
+    padding: 0.266667rem 0;
+    .left_box{
+      background: #C9C9C9;
+      color: #ffffff;
+      width: 27PX;
+      height: 27PX;
+      line-height: 27PX;
+      text-align: center;
+      border-radius: 100%;
+    }
+    .center_box{
+      padding: 0rem 0.426667rem;
+      .time{
+        font-size: 0.5rem;
+        span{
+          font-size: 0.35rem;
+          color: #878787;
+        }
+      }
+      .dress{
+        color: #B4B0B0;
+        background: url('../../../../static/images/lawEnforcement/icon/task_icon_01.png') no-repeat left center;
+        padding-left: 14PX;
+      }
+    }
+    .file_box_btn{
+      text-align: center;
+      color: #1CB8B1;
+      margin-left: auto;
+    }
+  }
+  .now_dress{
+    font-size: 0.35rem;
+    background: url('../../../../static/images/lawEnforcement/icon/task_icon_02.png') no-repeat left center;
+    padding-left: 20PX;
+    line-height: 35PX;
+  }
+  .submitButton{
+    width: 25vw;
+    background-image: linear-gradient(to right, #2E79E9 , #77A6EF);
+    text-align: center;
+    color: #ffffff;
+    height: 25vw;
+    line-height: 70px;
+    border-radius: 100%;
+    position: absolute;
+    bottom: 5%;
+    left: 50%;
+    transform: translateX(-50%);
+    p{
+      font-size: 0.4rem;
+      line-height: 1;
+      margin-top: 3vw;
+    }
+    .datetime{
+      margin-top: 7vw;
+      font-weight: bold;
+      font-size: 0.5rem;
+    }
+  }
+</style>
diff --git a/src/views/onlineHome/bankAgriculture/paymentAccount/paymentAccountAdd.vue b/src/views/onlineHome/bankAgriculture/paymentAccount/paymentAccountAdd.vue
index 1ad9235b..31a6264b 100644
--- a/src/views/onlineHome/bankAgriculture/paymentAccount/paymentAccountAdd.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentAccount/paymentAccountAdd.vue
@@ -100,9 +100,9 @@
         </van-popup>
         <van-field label="客户编号" v-if="accountType=='银行存款'&&(form.bankType=='1'||form.bankType=='2')" required :rules="[{ required: true , message:'请输入客户编号' }]" v-model="form.cifNo" placeholder="请输入客户编号" input-align="right" label-width="auto"/>
         <van-field label="账簿号" v-if="accountType=='银行存款'&&villageAccountType=='多级账簿'" required :rules="[{ required: true , message:'请输入账簿号' }]" v-model="form.accountNo" placeholder="请输入账簿号" input-align="right" label-width="auto"/>
-        <van-field label="管控类型" required :rules="[{ required: true , message:'请选择管控类型' }]" v-if="accountType=='银行存款'&&form.bankType==2&&villageAccountType=='多级账簿'">
+        <van-field label="管控类型" v-if="accountType=='银行存款'&&form.bankType==2&&villageAccountType=='多级账簿'">
           <template #right-icon>
-            <van-radio-group direction="horizontal" v-model="form.managementControlType" @change="onConfirmManagementControlType">
+            <van-radio-group direction="horizontal" v-model="form.managementControlType" @change="onConfirmManagementControlType" required :rules="[{ required: true , message:'请选择管控类型' }]">
               <van-radio name="1">账簿余额</van-radio>
               <van-radio name="2">中心账簿</van-radio>
             </van-radio-group>
@@ -313,7 +313,13 @@
           bankType:null,
           status: "0",
         },
-        form:{}
+        form:{
+          accountType: "102",
+          bankUseType:"1",
+          bankAccountType: "1",
+          villageAccountType: "2",
+          status: "N",
+        }
       };
     },
     created() {
@@ -400,11 +406,17 @@
         this.showBankDeposit = false
         this.$set(this.form, "bankName", val.bankDeposit);
         this.$set(this.form, "paymentLines", val.payeePaymentLines);
+        this.$set(this.form, "alternateField10", val.institutionNumber);
       },
       onConfirmTaccountId(val){
         this.showTaccountId = false
         this.taccountId = val.text
         this.$set(this.form, "taccountId", val.value);
+        this.$set(this.form, "cifNo", val.cifNo);
+        this.$set(this.form, "accountName", val.payee);
+        this.$set(this.form, "managementControlType", val.managementControlType);
+        this.$set(this.form, "accountPassword", val.accountPassword);
+        this.$set(this.form, "centralBookId", val.centralBookId);
         this.taccountIdOptions.map(res => {
           if(res.id==val.value){
             if(this.form.villageAccountType === '3'){
diff --git a/src/views/onlineHome/bankAgriculture/paymentAccount/paymentAccountModify.vue b/src/views/onlineHome/bankAgriculture/paymentAccount/paymentAccountModify.vue
index 3518833f..8a647824 100644
--- a/src/views/onlineHome/bankAgriculture/paymentAccount/paymentAccountModify.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentAccount/paymentAccountModify.vue
@@ -100,9 +100,9 @@
         </van-popup>
         <van-field label="客户编号" v-if="accountType=='银行存款'&&(form.bankType=='1'||form.bankType=='2')" required :rules="[{ required: true , message:'请输入客户编号' }]" v-model="form.cifNo" placeholder="请输入客户编号" input-align="right" label-width="auto"/>
         <van-field label="账簿号" v-if="accountType=='银行存款'&&villageAccountType=='多级账簿'" required :rules="[{ required: true , message:'请输入账簿号' }]" v-model="form.accountNo" placeholder="请输入账簿号" input-align="right" label-width="auto"/>
-        <van-field label="管控类型" required :rules="[{ required: true , message:'请选择管控类型' }]" v-if="accountType=='银行存款'&&form.bankType==2&&villageAccountType=='多级账簿'">
+        <van-field label="管控类型" v-if="accountType=='银行存款'&&form.bankType==2&&villageAccountType=='多级账簿'">
           <template #right-icon>
-            <van-radio-group direction="horizontal" v-model="form.managementControlType" @change="onConfirmManagementControlType">
+            <van-radio-group direction="horizontal" v-model="form.managementControlType" @change="onConfirmManagementControlType" required :rules="[{ required: true , message:'请选择管控类型' }]">
               <van-radio name="1">账簿余额</van-radio>
               <van-radio name="2">中心账簿</van-radio>
             </van-radio-group>
@@ -313,7 +313,13 @@
           bankType:null,
           status: "0",
         },
-        form:{}
+        form:{
+          accountType: "102",
+          bankUseType:"1",
+          bankAccountType: "1",
+          villageAccountType: "2",
+          status: "N",
+        }
       };
     },
     created() {
@@ -457,11 +463,17 @@
         this.showBankDeposit = false
         this.$set(this.form, "bankName", val.bankDeposit);
         this.$set(this.form, "paymentLines", val.payeePaymentLines);
+        this.$set(this.form, "alternateField10", val.institutionNumber);
       },
       onConfirmTaccountId(val){
         this.showTaccountId = false
         this.taccountId = val.text
         this.$set(this.form, "taccountId", val.value);
+        this.$set(this.form, "cifNo", val.cifNo);
+        this.$set(this.form, "accountName", val.payee);
+        this.$set(this.form, "managementControlType", val.managementControlType);
+        this.$set(this.form, "accountPassword", val.accountPassword);
+        this.$set(this.form, "centralBookId", val.centralBookId);
         this.taccountIdOptions.map(res => {
           if(res.id==val.value){
             if(this.form.villageAccountType === '3'){
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd.vue
index d638281e..9d0914b4 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd.vue
@@ -61,8 +61,8 @@
                    :rules="[{ required: true , message:'请选择审批模式' }]">
           <template #input>
             <van-radio-group v-model="form.approvalMode" direction="horizontal">
-              <van-radio name="1">线上支付</van-radio>
-              <van-radio name="2">线下支付</van-radio>
+              <van-radio name="1">线上审批</van-radio>
+              <van-radio name="2">线下审批</van-radio>
             </van-radio-group>
           </template>
         </van-field>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd10.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd10.vue
index 2d49e489..7893ddf2 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd10.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd10.vue
@@ -70,8 +70,8 @@
                    :rules="[{ required: true , message:'请选择审批模式' }]">
           <template #input>
             <van-radio-group v-model="form.approvalMode" direction="horizontal">
-              <van-radio name="1">线上支付</van-radio>
-              <van-radio name="2">线下支付</van-radio>
+              <van-radio name="1">线上审批</van-radio>
+              <van-radio name="2">线下审批</van-radio>
             </van-radio-group>
           </template>
         </van-field>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd11.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd11.vue
index be047bbd..a5decc0c 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd11.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd11.vue
@@ -70,8 +70,8 @@
                    :rules="[{ required: true , message:'请选择审批模式' }]">
           <template #input>
             <van-radio-group v-model="form.approvalMode" direction="horizontal">
-              <van-radio name="1">线上支付</van-radio>
-              <van-radio name="2">线下支付</van-radio>
+              <van-radio name="1">线上审批</van-radio>
+              <van-radio name="2">线下审批</van-radio>
             </van-radio-group>
           </template>
         </van-field>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd12.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd12.vue
index e7d3c536..f29f49a8 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd12.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd12.vue
@@ -61,8 +61,8 @@
                    :rules="[{ required: true , message:'请选择审批模式' }]">
           <template #input>
             <van-radio-group v-model="form.approvalMode" direction="horizontal">
-              <van-radio name="1">线上支付</van-radio>
-              <van-radio name="2">线下支付</van-radio>
+              <van-radio name="1">线上审批</van-radio>
+              <van-radio name="2">线下审批</van-radio>
             </van-radio-group>
           </template>
         </van-field>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd2.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd2.vue
index 07510d26..dc228ede 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd2.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd2.vue
@@ -70,8 +70,8 @@
                    :rules="[{ required: true , message:'请选择审批模式' }]">
           <template #input>
             <van-radio-group v-model="form.approvalMode" direction="horizontal">
-              <van-radio name="1">线上支付</van-radio>
-              <van-radio name="2">线下支付</van-radio>
+              <van-radio name="1">线上审批</van-radio>
+              <van-radio name="2">线下审批</van-radio>
             </van-radio-group>
           </template>
         </van-field>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd4.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd4.vue
index 963f1da9..5b56db23 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd4.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd4.vue
@@ -70,8 +70,8 @@
                    :rules="[{ required: true , message:'请选择审批模式' }]">
           <template #input>
             <van-radio-group v-model="form.approvalMode" direction="horizontal">
-              <van-radio name="1">线上支付</van-radio>
-              <van-radio name="2">线下支付</van-radio>
+              <van-radio name="1">线上审批</van-radio>
+              <van-radio name="2">线下审批</van-radio>
             </van-radio-group>
           </template>
         </van-field>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalApproval.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalApproval.vue
index bbeb9c37..a5682d90 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalApproval.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalApproval.vue
@@ -21,8 +21,8 @@
       <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly>
         <template #input>
           <van-radio-group v-model="form.paymentState" direction="horizontal">
-            <van-radio name="1">线上支付</van-radio>
-            <van-radio name="2">线下支付</van-radio>
+            <van-radio name="1">线上审批</van-radio>
+            <van-radio name="2">线下审批</van-radio>
           </van-radio-group>
         </template>
       </van-field>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalApproval10.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalApproval10.vue
index 4c826f80..17c46185 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalApproval10.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalApproval10.vue
@@ -21,8 +21,8 @@
       <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly>
         <template #input>
           <van-radio-group v-model="form.paymentState" direction="horizontal">
-            <van-radio name="1">线上支付</van-radio>
-            <van-radio name="2">线下支付</van-radio>
+            <van-radio name="1">线上审批</van-radio>
+            <van-radio name="2">线下审批</van-radio>
           </van-radio-group>
         </template>
       </van-field>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalApproval11.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalApproval11.vue
index 8fe07494..0cafb309 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalApproval11.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalApproval11.vue
@@ -21,8 +21,8 @@
       <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly>
         <template #input>
           <van-radio-group v-model="form.paymentState" direction="horizontal">
-            <van-radio name="1">线上支付</van-radio>
-            <van-radio name="2">线下支付</van-radio>
+            <van-radio name="1">线上审批</van-radio>
+            <van-radio name="2">线下审批</van-radio>
           </van-radio-group>
         </template>
       </van-field>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalApproval12.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalApproval12.vue
index 7a20b353..a8f43e8c 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalApproval12.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalApproval12.vue
@@ -20,8 +20,8 @@
       <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly>
         <template #input>
           <van-radio-group v-model="form.paymentState" direction="horizontal">
-            <van-radio name="1">线上支付</van-radio>
-            <van-radio name="2">线下支付</van-radio>
+            <van-radio name="1">线上审批</van-radio>
+            <van-radio name="2">线下审批</van-radio>
           </van-radio-group>
         </template>
       </van-field>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail.vue
index 9215d503..e6d7918a 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail.vue
@@ -21,8 +21,8 @@
       <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly>
         <template #input>
           <van-radio-group v-model="form.approvalMode" direction="horizontal">
-            <van-radio name="1">线上支付</van-radio>
-            <van-radio name="2">线下支付</van-radio>
+            <van-radio name="1">线上审批</van-radio>
+            <van-radio name="2">线下审批</van-radio>
           </van-radio-group>
         </template>
       </van-field>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail10.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail10.vue
index af478032..e1a22f60 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail10.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail10.vue
@@ -21,8 +21,8 @@
       <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly>
         <template #input>
           <van-radio-group v-model="form.approvalMode" direction="horizontal">
-            <van-radio name="1">线上支付</van-radio>
-            <van-radio name="2">线下支付</van-radio>
+            <van-radio name="1">线上审批</van-radio>
+            <van-radio name="2">线下审批</van-radio>
           </van-radio-group>
         </template>
       </van-field>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail11.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail11.vue
index 8c0479b0..4c1323d9 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail11.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail11.vue
@@ -21,8 +21,8 @@
       <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly>
         <template #input>
           <van-radio-group v-model="form.approvalMode" direction="horizontal">
-            <van-radio name="1">线上支付</van-radio>
-            <van-radio name="2">线下支付</van-radio>
+            <van-radio name="1">线上审批</van-radio>
+            <van-radio name="2">线下审批</van-radio>
           </van-radio-group>
         </template>
       </van-field>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail12.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail12.vue
index 4e940b84..d38d9670 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail12.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail12.vue
@@ -20,8 +20,8 @@
       <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly>
         <template #input>
           <van-radio-group v-model="form.approvalMode" direction="horizontal">
-            <van-radio name="1">线上支付</van-radio>
-            <van-radio name="2">线下支付</van-radio>
+            <van-radio name="1">线上审批</van-radio>
+            <van-radio name="2">线下审批</van-radio>
           </van-radio-group>
         </template>
       </van-field>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail2.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail2.vue
index 12147d0b..784fc67d 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail2.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail2.vue
@@ -21,8 +21,8 @@
       <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly>
         <template #input>
           <van-radio-group v-model="form.approvalMode" direction="horizontal">
-            <van-radio name="1">线上支付</van-radio>
-            <van-radio name="2">线下支付</van-radio>
+            <van-radio name="1">线上审批</van-radio>
+            <van-radio name="2">线下审批</van-radio>
           </van-radio-group>
         </template>
       </van-field>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail4.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail4.vue
index 9fa40954..2cdd7efd 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail4.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail4.vue
@@ -21,8 +21,8 @@
       <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly>
         <template #input>
           <van-radio-group v-model="form.approvalMode" direction="horizontal">
-            <van-radio name="1">线上支付</van-radio>
-            <van-radio name="2">线下支付</van-radio>
+            <van-radio name="1">线上审批</van-radio>
+            <van-radio name="2">线下审批</van-radio>
           </van-radio-group>
         </template>
       </van-field>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify.vue
index 8c8c5bfc..5c2e5edb 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify.vue
@@ -70,8 +70,8 @@
                    :rules="[{ required: true , message:'请选择审批模式' }]">
           <template #input>
             <van-radio-group v-model="form.approvalMode" direction="horizontal">
-              <van-radio name="1">线上支付</van-radio>
-              <van-radio name="2">线下支付</van-radio>
+              <van-radio name="1">线上审批</van-radio>
+              <van-radio name="2">线下审批</van-radio>
             </van-radio-group>
           </template>
         </van-field>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify10.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify10.vue
index be3f0705..3735e139 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify10.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify10.vue
@@ -70,8 +70,8 @@
                    :rules="[{ required: true , message:'请选择审批模式' }]">
           <template #input>
             <van-radio-group v-model="form.approvalMode" direction="horizontal">
-              <van-radio name="1">线上支付</van-radio>
-              <van-radio name="2">线下支付</van-radio>
+              <van-radio name="1">线上审批</van-radio>
+              <van-radio name="2">线下审批</van-radio>
             </van-radio-group>
           </template>
         </van-field>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify11.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify11.vue
index b90e91a6..75915798 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify11.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify11.vue
@@ -70,8 +70,8 @@
                    :rules="[{ required: true , message:'请选择审批模式' }]">
           <template #input>
             <van-radio-group v-model="form.approvalMode" direction="horizontal">
-              <van-radio name="1">线上支付</van-radio>
-              <van-radio name="2">线下支付</van-radio>
+              <van-radio name="1">线上审批</van-radio>
+              <van-radio name="2">线下审批</van-radio>
             </van-radio-group>
           </template>
         </van-field>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify12.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify12.vue
index 5b95d14e..c98c7b85 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify12.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify12.vue
@@ -70,8 +70,8 @@
                    :rules="[{ required: true , message:'请选择审批模式' }]">
           <template #input>
             <van-radio-group v-model="form.paymentState" direction="horizontal">
-              <van-radio name="1">线上支付</van-radio>
-              <van-radio name="2">线下支付</van-radio>
+              <van-radio name="1">线上审批</van-radio>
+              <van-radio name="2">线下审批</van-radio>
             </van-radio-group>
           </template>
         </van-field>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify2.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify2.vue
index bb6b8d2b..80938bbc 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify2.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify2.vue
@@ -70,8 +70,8 @@
                    :rules="[{ required: true , message:'请选择审批模式' }]">
           <template #input>
             <van-radio-group v-model="form.approvalMode" direction="horizontal">
-              <van-radio name="1">线上支付</van-radio>
-              <van-radio name="2">线下支付</van-radio>
+              <van-radio name="1">线上审批</van-radio>
+              <van-radio name="2">线下审批</van-radio>
             </van-radio-group>
           </template>
         </van-field>
diff --git a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify4.vue b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify4.vue
index 6ff825b1..953f99ba 100644
--- a/src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify4.vue
+++ b/src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify4.vue
@@ -70,8 +70,8 @@
                    :rules="[{ required: true , message:'请选择审批模式' }]">
           <template #input>
             <van-radio-group v-model="form.approvalMode" direction="horizontal">
-              <van-radio name="1">线上支付</van-radio>
-              <van-radio name="2">线下支付</van-radio>
+              <van-radio name="1">线上审批</van-radio>
+              <van-radio name="2">线下审批</van-radio>
             </van-radio-group>
           </template>
         </van-field>
diff --git a/src/views/sunVillage_info/details.vue b/src/views/sunVillage_info/details.vue
new file mode 100644
index 00000000..ecd6a26a
--- /dev/null
+++ b/src/views/sunVillage_info/details.vue
@@ -0,0 +1,173 @@
+<template>
+     <div class="home_wrapper">
+         <div class="header_main">
+             {{form.openName}}
+             <div class="return_btn" @click="onClickLeft"></div>
+         </div>
+         <div class="release_head">
+            <div class="people"><i class="icon"></i>发布人:{{form.createBy}}</div>
+            <div class="time"><i class="icon"></i>发布日期:{{form.createTime}}</div>
+         </div>
+         <div class="release_conetnt">
+            <img :src="'/api'+item" v-for="(item,index) in form.openPic" :key="index" />
+            <van-cell-group inset>
+             <van-cell :title="item.substr(27,item.length)" v-for="(item,index) in form.openFile" :key="index" @click="goFile(item)" />
+            </van-cell-group>
+            <p style="margin-top: 10PX">{{form.remark}}</p>
+         </div>
+    </div>
+</template>
+
+<script>
+  import { financePublicDetail , tempWorkerPublicDetail , majorEventPublicDetail } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        queryParams:{
+          id:'',
+        },
+        form:{},
+        type:''
+      };
+    },
+    created() {
+      this.houseGetDicts("asset_status").then((response) => {
+        this.assetStatusOptions = response.data;
+      });
+      this.houseGetDicts("asset_type").then((response) => {
+        this.assetTypeOptions = response.data;
+      });
+      this.houseGetDicts("use_type").then((response) => {
+        this.useTypeOptions = response.data;
+      });
+      this.queryParams.id = this.$route.query.id;
+      this.type = this.$route.query.type;
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+      this.getDetail()
+    },
+    methods: {
+      getDetail(id){
+        setTimeout(() => {
+          if (this.type == 'finance'){
+            financePublicDetail(this.queryParams).then(response => {
+              if (response.code == 200){
+                if (response.data.openFile){response.data.openFile = response.data.openFile.split(',');}
+                if (response.data.openPic){response.data.openPic = response.data.openPic.split(',');}
+                response.data.createTime = response.data.createTime.substr(0,10)
+                this.form = response.data;
+              }
+            });
+          }
+          if (this.type == 'tourists'){
+            tempWorkerPublicDetail(this.queryParams).then(response => {
+              if (response.code == 200){
+                if (response.data.openFile){response.data.openFile = response.data.openFile.split(',');}
+                if (response.data.openPic){response.data.openPic = response.data.openPic.split(',');}
+                response.data.createTime = response.data.createTime.substr(0,10)
+                this.form = response.data;
+              }
+            });
+          }
+          if (this.type == 'issues'){
+            majorEventPublicDetail(this.queryParams).then(response => {
+              if (response.code == 200){
+                if (response.data.openFile){response.data.openFile = response.data.openFile.split(',');}
+                if (response.data.openPic){response.data.openPic = response.data.openPic.split(',');}
+                response.data.createTime = response.data.createTime.substr(0,10)
+                this.form = response.data;
+              }
+            });
+          }
+
+        }, 1000);
+      },
+      goFile(item){
+        window.location = '/api'+item;
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+.home_wrapper{
+  background: #e9e9e9;
+  min-height: 100vh;
+  width: 100vw;
+  .header_main {
+      height: 116px;
+      background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+      background-size: 100% 100%;
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      font-size: 36px;
+      line-height: 116px;
+      text-align: center;
+      color: #fff;
+      position: relative;
+
+      .return_btn {
+          width: 24px;
+          height: 43.2px;
+          background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+          background-size: 20px 36px;
+          position: absolute;
+          left: 38px;
+          top: 36px;
+      }
+  }
+  .release_head{
+      height: 90px;
+      padding:0 23px;
+      display: flex;
+      align-items: center;
+      font-size: 26px;
+      color: #929292;
+      .people{
+          flex: 1;
+          display: flex;
+          align-items: center;
+          .icon{
+              width: 24px;
+              height: 21px;
+              background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
+              background-size: 100% 100%;
+              display: block;
+              margin-right: 8px;
+          }
+      }
+      .time{
+          flex: 1;
+          display: flex;
+          align-items: center;
+          justify-content:flex-end;
+          .icon{
+              width: 25px;
+              height: 25px;
+              background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
+              background-size: 100% 100%;
+              display: block;
+              margin-right: 8px;
+          }
+      }
+  }
+  .release_conetnt{
+      padding:0 22px;
+      font-size: 32px;
+      color: #252525;
+      line-height: 44px;
+      img{
+          max-width: 100%;
+          margin-bottom: 16px;
+      }
+      p{
+          margin-bottom: 16px;
+      }
+  }
+}
+</style>
diff --git a/src/views/sunVillage_info/details_issues.vue b/src/views/sunVillage_info/details_issues.vue
new file mode 100644
index 00000000..da0cce0d
--- /dev/null
+++ b/src/views/sunVillage_info/details_issues.vue
@@ -0,0 +1,163 @@
+<template>
+     <div class="home_wrapper">
+         <div class="header_main">
+             {{form.openName}}
+             <div class="return_btn" @click="onClickLeft"></div>
+         </div>
+         <div class="release_head">
+            <div class="people"><i class="icon"></i>发布人:{{form.createBy}}</div>
+            <div class="time"><i class="icon"></i>发布日期:{{form.createTime}}</div>
+         </div>
+         <div class="release_conetnt">
+            <img :src="'/api'+item" v-for="(item,index) in form.openPic" :key="index" />
+            <van-cell-group inset>
+             <van-cell :title="item.substr(27,item.length)" v-for="(item,index) in form.openFile" :key="index" @click="goFile(item)" />
+            </van-cell-group>
+            <p style="margin-top: 10PX">{{form.remark}}</p>
+         </div>
+    </div>
+</template>
+
+<script>
+  import { financePublicDetail , tempWorkerPublicDetail } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        queryParams:{
+          id:'',
+        },
+        form:{},
+        type:''
+      };
+    },
+    created() {
+      this.houseGetDicts("asset_status").then((response) => {
+        this.assetStatusOptions = response.data;
+      });
+      this.houseGetDicts("asset_type").then((response) => {
+        this.assetTypeOptions = response.data;
+      });
+      this.houseGetDicts("use_type").then((response) => {
+        this.useTypeOptions = response.data;
+      });
+      this.queryParams.id = this.$route.query.id;
+      this.type = this.$route.query.type;
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+      this.getDetail()
+    },
+    methods: {
+      getDetail(id){
+        setTimeout(() => {
+          if (this.type == 'finance'){
+            financePublicDetail(this.queryParams).then(response => {
+              if (response.code == 200){
+                if (response.data.openFile){response.data.openFile = response.data.openFile.split(',');}
+                if (response.data.openPic){response.data.openPic = response.data.openPic.split(',');}
+                response.data.createTime = response.data.createTime.substr(0,10)
+                this.form = response.data;
+              }
+            });
+          }
+          if (this.type == 'tourists'){
+            tempWorkerPublicDetail(this.queryParams).then(response => {
+              if (response.code == 200){
+                if (response.data.openFile){response.data.openFile = response.data.openFile.split(',');}
+                if (response.data.openPic){response.data.openPic = response.data.openPic.split(',');}
+                response.data.createTime = response.data.createTime.substr(0,10)
+                this.form = response.data;
+              }
+            });
+          }
+
+        }, 1000);
+      },
+      goFile(item){
+        window.location = '/api'+item;
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+.home_wrapper{
+  background: #e9e9e9;
+  min-height: 100vh;
+  width: 100vw;
+  .header_main {
+      height: 116px;
+      background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+      background-size: 100% 100%;
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      font-size: 36px;
+      line-height: 116px;
+      text-align: center;
+      color: #fff;
+      position: relative;
+
+      .return_btn {
+          width: 24px;
+          height: 43.2px;
+          background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+          background-size: 20px 36px;
+          position: absolute;
+          left: 38px;
+          top: 36px;
+      }
+  }
+  .release_head{
+      height: 90px;
+      padding:0 23px;
+      display: flex;
+      align-items: center;
+      font-size: 26px;
+      color: #929292;
+      .people{
+          flex: 1;
+          display: flex;
+          align-items: center;
+          .icon{
+              width: 24px;
+              height: 21px;
+              background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
+              background-size: 100% 100%;
+              display: block;
+              margin-right: 8px;
+          }
+      }
+      .time{
+          flex: 1;
+          display: flex;
+          align-items: center;
+          justify-content:flex-end;
+          .icon{
+              width: 25px;
+              height: 25px;
+              background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
+              background-size: 100% 100%;
+              display: block;
+              margin-right: 8px;
+          }
+      }
+  }
+  .release_conetnt{
+      padding:0 22px;
+      font-size: 32px;
+      color: #252525;
+      line-height: 44px;
+      img{
+          max-width: 100%;
+          margin-bottom: 16px;
+      }
+      p{
+          margin-bottom: 16px;
+      }
+  }
+}
+</style>
diff --git a/src/views/sunVillage_info/fixedAssets.vue b/src/views/sunVillage_info/fixedAssets.vue
new file mode 100644
index 00000000..7fc585af
--- /dev/null
+++ b/src/views/sunVillage_info/fixedAssets.vue
@@ -0,0 +1,433 @@
+ <template>
+     <div class="home_wrapper">
+       <div class="header_main">
+           固定资产
+           <div class="return_btn" @click="onClickLeft"></div>
+           <div class="add_btn" @click="goAdd"></div>
+       </div>
+       <div class="search_info">
+          <div class="search_block">
+              <i class="icon"></i>
+              <input type="text" class="ipt" v-model="queryParams.name" placeholder="搜索" @input="getSearchList">
+<!--              -->
+          </div>
+          <div class="total">共{{listLength}}个资产</div>
+       </div>
+       <div class="list_main">
+         <van-list
+           v-model="loading"
+           :finished="finished"
+           finished-text="没有更多了"
+           @load="getList"
+         >
+          <!--1-->
+           <van-swipe-cell right-width="150" class="item" v-for="(item,index) in applicationList" :key="index">
+             <div class="item_box" @click="$router.push({name:'sunVillageInfoFixedAssetsDetail',query:{id:item.id}})">
+               <div class="head_block">
+                 <i class="icon"></i>
+                 <div class="title">{{item.name}}</div>
+                 <div class="describe">{{item.useType}}</div>
+               </div>
+               <div class="order_block">
+                 <div class="order">{{item.code}}</div>
+                 <div class="describe">{{item.assetType}}</div>
+               </div>
+               <div class="function_block">
+                 <div class="time">
+                   <i class="icon"></i>
+                   {{item.buildTime}}
+                 </div>
+                 <div :class="{'state':true,'normal':item.assetStatus == '正常','sell':item.assetStatus=='出售','scrap':item.assetStatus=='报废'}">{{item.assetStatus}}</div>
+                 <div class="value">原值<span class="amount">￥{{item.originalValue}}</span></div>
+               </div>
+             </div>
+             <template #right>
+               <div @click="handleDelete(item,index)" style="background-color: #ee0a24;height: 100%">删除</div>
+               <router-link :to="{name:'sunVillageInfoFixedAssetsEdit',query:{id:item.id}}" style="background-color: #07c160">修改</router-link>
+               <div @click="openLoader(item.id,index)" style="background-color: rgb(98,173,102,0.2);color: #62AD66;">附件</div>
+             </template>
+           </van-swipe-cell>
+
+         </van-list>
+       </div>
+<!--         <div class="bottom_tips">-->
+<!--            <span class="xs">已经到底啦</span>-->
+<!--         </div>-->
+       <van-popup v-model="show" lock-scroll closeable position="top" :style="{ height: '30%' }" >
+          <div style="padding: 0 13% 0 5%;">
+            <van-divider>附件</van-divider>
+            <van-uploader v-model="fileList" :after-read="afterRead" @delete="deleteFile1" multiple />
+          </div>
+       </van-popup>
+     </div>
+ </template>
+ <script>
+   import { permanentList , commonAttach , attachmentList , systemAttachment , delPermanent } from "@/api/sunVillage_info/fixedAssets";
+   import request from '@/utils/request'
+   export default {
+     name: "certificateList",
+     data() {
+       return {
+         applicationList:[],
+         applicationListSecond:[],
+         assetStatusOptions:[],
+         auditStatus:[],
+         loading: false,
+         finished: false,
+         show: false,
+         fileList:[],
+         listLength:'0',
+         searchInput:'',
+         queryParams:{
+           pageNum:1,
+           pageSize:10,
+           orderByColumn:'createTime',
+           isAsc:'desc',
+           name:'',
+         },
+         uploadFiles1:[],
+         projectId:'',
+         projectIndex:'',
+         showBtn:true,
+       };
+     },
+     created() {
+       this.houseGetDicts("asset_status").then((response) => {
+         this.assetStatusOptions = response.data;
+       });
+       this.houseGetDicts("asset_type").then((response) => {
+         this.assetTypeOptions = response.data;
+       });
+       this.houseGetDicts("use_type").then((response) => {
+         this.useTypeOptions = response.data;
+       });
+     },
+     methods: {
+       getList(){
+         setTimeout(() => {
+           permanentList(this.queryParams).then(response => {
+             this.listLength = response.total;
+             for (var i = 0; i < response.rows.length; i++) {
+               response.rows[i].assetStatus = this.selectDictLabel(this.assetStatusOptions, response.rows[i].assetStatus);
+               response.rows[i].assetType = this.selectDictLabel(this.assetTypeOptions, response.rows[i].assetType);
+               response.rows[i].useType = this.selectDictLabel(this.useTypeOptions, response.rows[i].useType);
+               response.rows[i].originalValue = Number(response.rows[i].originalValue ).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, ($0, $1) => { return $1 + ","; }).replace(/\.$/, "")
+               this.applicationList.push(response.rows[i]);
+               this.applicationListSecond.push(response.rows[i]);
+             }
+             if(this.applicationList.length >= response.total){
+               this.finished = true;
+               return;
+             }else{
+               this.loading = false;
+               this.queryParams.pageNum += 1 ;
+             }
+           });
+         }, 1000);
+       },
+       afterRead(file) {
+         // 此时可以自行将文件上传至服务器
+         console.log(file)
+            this.uploadFiles1.push(file.file);
+           let params1 = new FormData();
+           params1.append("tableId", this.projectId);
+           params1.append("tableName", "t_asset_permanent");
+           params1.append("bizPath", "asset");
+           params1.append("fileType", this.projectIndex);
+           params1.append("file", file.file);
+           commonAttach(params1).then((r1) => {
+             this.$notify({ type: 'success', message: '上传成功' });
+           })
+       },
+       openLoader(id,index){
+         this.show = true;
+         this.projectId = id;
+         this.projectIndex = index;
+         this.fileList = [];
+         let oData1= {
+           tableId: id,
+           tableName: "t_asset_permanent",
+           bizPath: "asset",
+           fileType: index,
+         }
+         attachmentList(oData1).then(res => {
+           res.rows.map(r => {
+             let baseUrl = location.protocol+"//"+location.host+request.defaults.baseURL
+             this.fileList.push({"url":baseUrl + r.fileUrl,"file":new File([],r.fileName,{}),"id":r.id})
+           })
+         })
+       },
+       /** 删除按钮操作 */
+       handleDelete(row,index) {
+         let assetStatus = row.assetStatus ? row.assetStatus : data[0].assetStatus;
+         if (assetStatus === '2' || assetStatus === '3') {
+           this.$notify({
+             message: "不允许删除已出售或已报废的资产",
+             type: "warning",
+           });
+           return;
+         }
+         let useType = row.useType;
+         if(useType == 3) {
+           this.$notify({
+             message: "出租或出借的资产不允许删除",
+             type: "warning",
+           });
+           return ;
+         }
+         const ids = row.id || this.ids;
+
+         this.$dialog.alert(
+           {
+             message:'是否确认删除固定资产?',
+             title:"警告",
+             confirmButtonText: "确定",
+             cancelButtonText: "取消",
+           }
+         )
+           .then(function () {
+             return delPermanent(ids);
+           })
+           .then(() => {
+             this.applicationList.splice(index, 1);
+             this.$notify({ type: 'success', message: '删除成功' });
+           });
+       },
+       getSearchList(){
+         this.applicationList = [];
+         this.queryParams.pageNum = 1;
+         this.getList();
+       },
+       deleteFile1(file){
+         console.log(file)
+         systemAttachment(file.id).then(res => {
+           this.$notify({ type: 'success', message: '删除成功' });
+         })
+       },
+       goAdd(){
+         this.$router.push('/sunVillage_info/fixedAssetsAdd')
+       },
+     },
+   }
+ </script>
+ <style scoped lang="scss">
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        position: relative;
+
+        .return_btn {
+            width: 24px;
+            height: 43.2px;
+            background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+
+        .add_btn {
+            width: 56.4px;
+            height: 40.8px;
+            background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+            background-size: 47px 34px;
+            position: absolute;
+            right: 38px;
+            top: 36px;
+        }
+    }
+    .search_info{
+        padding:20px 23px;
+        display: flex;
+        .search_block{
+        height: 59px;
+        width: 535px;
+        border-radius: 59px;
+        background: #fff;
+        display: flex;
+        border:2px solid #3494ff;
+        padding-right: 35px;
+        align-items: center;
+        .icon{
+            width: 30px;
+            height: 30px;
+            background: url('../../assets/images/sunVillage_info/fixedAssets_icon_1.png') no-repeat;
+            background-size: 100% 100%;
+            display: block;
+            margin:0 8px 0 26px;
+        }
+        .ipt{
+        flex: 1;
+        font-size: 26px;
+        background: none;
+        border:0 none;
+        line-height: 59px;
+        }
+        }
+        .total{
+        flex: 1;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 26px;
+        color: #858585;
+        }
+    }
+    .list_main{
+        padding:0 22px;
+        .item{
+            height: 198px;
+            border-radius: 30px;
+            background: #fff;
+            box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+            margin-bottom: 20px;
+            .item_box{
+              padding:25px 32px;
+            }
+            .head_block{
+                height: 56px;
+                display: flex;
+                align-items: center;
+                width: 100%;
+                .icon{
+                    width: 34px;
+                    height: 30px;
+                    background: url('../../assets/images/sunVillage_info/fixedAssets_icon_2.png') no-repeat;
+                    background-size: 100% 100%;
+                    display: block;
+                    margin-right: 12px;
+                }
+                .title{
+                    flex:1;
+                    font-size: 32px;
+                    color: #252525;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                    padding-right: 20px;
+
+                }
+                .describe{
+                    height: 34px;
+                    padding: 0 15px;
+                    font-size: 24px;
+                    color: #3494ff;
+                    background: #e6f2ff;
+                    border-radius: 8px;
+                }
+            }
+            .order_block{
+                height: 50px;
+                display: flex;
+                align-items: center;
+                width: 100%;
+                .order{
+                    flex: 1;
+                    font-size: 26px;
+                    color: #252525;
+                }
+                .describe{
+                    font-size: 26px;
+                    color: #3494ff;
+                }
+            }
+            .function_block{
+                height: 46px;
+                display: flex;
+                align-items: center;
+                .time{
+                    display: flex;
+                    flex: 1;
+                    align-items: center;
+                    font-size: 24px;
+                    color: #858585;
+                    .icon{
+                        width: 25px;
+                        height: 25px;
+                        background: url('../../assets/images/sunVillage_info/fixedAssets_icon_3.png') no-repeat;
+                        background-size: 100% 100%;
+                        display: block;
+                        margin-right: 8px;
+                    }
+                }
+                .state{
+                    /*flex: 1;*/
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                    &.sell{
+                        color: #f69600;
+                    }
+                    &.scrap{
+                        color: #858585;
+                    }
+                    &.normal{
+                        color: #68c000;
+                    }
+                }
+                .value{
+                    flex:1;
+                    display: flex;
+                    align-items: center;
+                    justify-content:flex-end;
+                    font-size: 24px;
+                    color: #858585;
+                    .amount{
+                        color: #eb1616;
+                    }
+                }
+            }
+
+        }
+    }
+    .bottom_tips{
+        font-size: 24px;
+         color: #a7a6a6;
+         text-align: center;
+         margin-top: 32px;
+         background: url('../../assets/images/sunVillage_info/list_icon_8.png') center center no-repeat;
+         background-size: 260px 2px;
+         .xs{
+            padding:0 8px;
+            background: #e9e9e9;
+         }
+    }
+    /deep/ .van-swipe-cell__right{
+      display: flex;
+      align-items: center;
+      width: 150PX;
+      margin-left: 5PX;
+      a,div{
+        margin: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #ffffff;
+        font-size: 14PX;
+        height: 100%;
+        flex: 1;
+      }
+    }
+
+}
+
+
+
+
+
+
+
+ </style>
diff --git a/src/views/sunVillage_info/fixedAssetsAdd.vue b/src/views/sunVillage_info/fixedAssetsAdd.vue
new file mode 100644
index 00000000..fa12c45d
--- /dev/null
+++ b/src/views/sunVillage_info/fixedAssetsAdd.vue
@@ -0,0 +1,568 @@
+ <template>
+     <div class="home_wrapper">
+         <div class="header_main">
+             固定资产
+             <div class="return_btn" @click="onClickLeft"></div>
+         </div>
+       <van-form @submit="onSubmit">
+         <div class="list_main">
+           <div class="titBox">
+             <img src="../../assets/images/sunVillage_info/add_icon_1.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+             <p class="tit">基本信息</p>
+           </div>
+           <van-field v-model="form.code" label="资产编码" placeholder="不输入时系统自动分配" input-align="right" :border="false" />
+           <van-field required :rules="[{ required: true, message: '请填写资产名称' }]" v-model="form.name" label="资产名称" placeholder="资产名称" input-align="right" :border="false" />
+
+           <van-field
+             readonly
+             clickable
+             label="资产类别"
+             placeholder="请选择"
+             v-model="assetType"
+             @click="showAssetType = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择资产类别' }]"
+           />
+           <van-popup v-model="showAssetType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="assetTypeOptions"
+               @confirm="onConfirmAssetType"
+               @cancel="showAssetType = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="经营属性"
+             placeholder="请选择"
+             v-model="operationType"
+             @click="showOperationType = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择经营属性' }]"
+           />
+           <van-popup v-model="showOperationType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="operationTypeOptions"
+               @confirm="onConfirmOperationType"
+               @cancel="showOperationType = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="增加方式"
+             placeholder="请选择"
+             v-model="addType"
+             @click="showAddType = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择增加方式' }]"
+           />
+           <van-popup v-model="showAddType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="addTypeOptions"
+               @confirm="onConfirmAddType"
+               @cancel="showAddType = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="购建时间"
+             placeholder="请选择"
+             v-model="form.buildTime"
+             @click="showBuildTime = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择购建时间' }]"
+           />
+           <van-popup v-model="showBuildTime" position="bottom">
+             <van-datetime-picker
+               type="date"
+               title="选择年月日"
+               :min-date="minDate"
+               v-model="buildTime"
+               @confirm="onConfirmBuildTime"
+               @cancel="showBuildTime = false"
+             />
+           </van-popup>
+
+           <van-field v-model="form.location" label="坐落位置" placeholder="坐落位置" input-align="right" :border="false" />
+           <van-field v-model="form.specification" label="规格型号" placeholder="规格型号" input-align="right" :border="false" />
+           <van-field v-model="form.supplier" label="供应商" placeholder="供应商" input-align="right" :border="false" />
+
+           <van-field
+             readonly
+             clickable
+             label="使用情况"
+             placeholder="请选择"
+             v-model="useType"
+             @click="showUseType = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择使用情况' }]"
+           />
+           <van-popup v-model="showUseType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="useTypeOptions"
+               @confirm="onConfirmUseType"
+               @cancel="showUseType = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="资产状态"
+             placeholder="请选择"
+             v-model="assetStatus"
+             @click="showAssetStatus = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择资产状态' }]"
+           />
+           <van-popup v-model="showAssetStatus" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="assetStatusOptions"
+               @confirm="onConfirmAssetStatus"
+               @cancel="showAssetStatus = false"
+             />
+           </van-popup>
+
+           <van-field name="radio" label="单元资产" input-align="right" :border="false">
+             <template #input>
+               <van-radio-group v-model="form.isMin" direction="horizontal">
+                 <van-radio name="Y">是</van-radio>
+                 <van-radio name="N">否</van-radio>
+               </van-radio-group>
+             </template>
+           </van-field>
+
+           <van-field name="radio" label="扶贫资产" input-align="right" :border="false">
+             <template #input>
+               <van-radio-group v-model="form.isFormAsset" direction="horizontal">
+                 <van-radio name="Y">是</van-radio>
+                 <van-radio name="N">否</van-radio>
+               </van-radio-group>
+             </template>
+           </van-field>
+         </div>
+
+         <div class="list_main">
+           <div class="titBox">
+             <img src="../../assets/images/sunVillage_info/add_icon_1.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+             <p class="tit">资产数据</p>
+           </div>
+           <van-field required label="数量/面积" input-align="right" :border="false">
+             <template #input>
+               <van-stepper v-model="form.quantity" input-width="100" :decimal-length="2" />
+             </template>
+           </van-field>
+
+           <van-field required :rules="[{ required: true, message: '请填写计量单位' }]" v-model="form.unit" label="计量单位" placeholder="计量单位" input-align="right" :border="false" />
+
+           <van-field required label="原值（元）" input-align="right" :border="false">
+             <template #input>
+               <van-stepper v-model="form.originalValue" input-width="100" min="0.00" :decimal-length="2" @change="changeOriginalValue"/>
+             </template>
+           </van-field>
+
+           <van-field label="净值（元）" input-align="right" :border="false">
+             <template #input>
+               <van-stepper v-model="form.netValue" disabled input-width="100" min="0.00" :decimal-length="2" />
+             </template>
+           </van-field>
+
+           <van-field label="残值率N%" input-align="right" :border="false">
+             <template #input>
+               <van-stepper v-model="form.residualsRate" input-width="100" @change="changeResidualsRate"/>
+             </template>
+           </van-field>
+
+           <van-field label="净残值（元）" input-align="right" :border="false">
+             <template #input>
+               <van-stepper v-model="form.netSalvage" input-width="100" min="0.00" :decimal-length="2" @change="changeNetSalvage" />
+             </template>
+           </van-field>
+
+           <van-field readonly v-model="form.fixedValue" label="资产清理（元）" placeholder="无需输入" input-align="right" :border="false" />
+           <van-field readonly v-model="form.fixedSubject" label="资产清理科目" placeholder="资产清理科目" input-align="right" :border="false" />
+           <van-field readonly v-model="form.depreciationSubject" label="折旧科目" placeholder="折旧科目" input-align="right" :border="false" />
+           <van-field readonly v-model="form.depreciationFeeSubject" label="折旧费用科目" placeholder="折旧费用科目" input-align="right" :border="false" />
+           <van-field v-model="form.remark" label="备注" placeholder="备注" input-align="right" :border="false" />
+         </div>
+
+         <div class="list_main">
+           <div class="titBox">
+             <img src="../../assets/images/sunVillage_info/add_icon_1.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+             <p class="tit">折旧方式</p>
+           </div>
+
+           <van-field
+             readonly
+             clickable
+             label="折旧方式"
+             placeholder="请选择"
+             v-model="depreciationType"
+             @click="showDepreciationType = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择折旧方式' }]"
+           />
+           <van-popup v-model="showDepreciationType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="depreciationTypeOptions"
+               @confirm="onConfirmDepreciationType"
+               @cancel="showDepreciationType = false"
+             />
+           </van-popup>
+
+           <van-field label="预计使用期数" input-align="right" :border="false">
+             <template #input>
+               <van-stepper v-model="form.expectedYears" input-width="100" @change="changeExpectedYears" />
+             </template>
+           </van-field>
+
+           <van-field readonly v-model="form.perYearDepreciationValue" label="每期折旧额" placeholder="(原值-净残值)/预计使用期数" input-align="right" :border="false" />
+
+           <van-field label="已折旧期数" input-align="right" :border="false">
+             <template #input>
+               <van-stepper v-model="form.depreciationYears" input-width="100" min="0" @change="changeDepreciationYears" />
+             </template>
+           </van-field>
+           <van-field readonly v-model="form.depreciationValue" label="累计折旧(元)" placeholder="0" input-align="right" :border="false" @change="changeDepreciationValue" />
+         </div>
+
+         <div style="margin: 16px auto;width: 50%;">
+           <van-button round block type="primary" native-type="submit">
+             保存
+           </van-button>
+         </div>
+       </van-form>
+     </div>
+ </template>
+ <script>
+   import { addPermanent } from "@/api/sunVillage_info/fixedAssets";
+   export default {
+     name: "certificateList",
+     data() {
+       return {
+         minDate:new Date(1900,1,1),
+         applicationList:[],
+         applicationListSecond:[],
+         assetStatusOptions:[],
+         form:{
+           assetType:'151001',
+           operationType:'1',
+           addType:'1',
+           buildTime:this.format(new Date(),'yyyy-MM-dd'),
+           useType:'1',
+           assetStatus:'1',
+           isMin:'Y',
+           isFormAsset:'N',
+           quantity:1.00,
+           depreciationSubject:"152:累计折旧",
+           fixedSubject:"153:固定资产清理",
+           depreciationFeeSubject:"541005:管理费用-折旧及修理费",
+           depreciationType:'3',
+           expectedYears:1,
+           depreciationYears:0,
+           netValue:0.00,
+           originalValue:0.00,
+           residualsRate:1,
+           netSalvage:0.00,
+           fixedValue:null,
+           perYearDepreciationValue:null,
+           depreciationValue:0
+         },
+         //资产类别
+         assetType:'房屋及建筑物',
+         showAssetType:false,
+         assetTypeOptions:[],
+         //经营属性
+         operationType:'经营性',
+         showOperationType:false,
+         operationTypeOptions:[],
+         //增加方式
+         addTypeOptions:[],
+         showAddType:false,
+         addType:'购入',
+         //使用情况
+         useTypeOptions:[],
+         showUseType:false,
+         useType:'自用',
+         //资产状态
+         assetStatusOptions:[],
+         showAssetStatus:false,
+         assetStatus:'正常',
+         //资产状态
+         depreciationTypeOptions:[],
+         showDepreciationType:false,
+         depreciationType:'不折旧',
+
+         showBuildTime:false,
+         auditStatus:[],
+         loading: false,
+         finished: false,
+         listLength:'0',
+         searchInput:'',
+         queryParams:{
+           pageNum:1,
+           pageSize:10,
+           orderByColumn:'createTime',
+           isAsc:'desc',
+           name:'',
+         },
+         buildTime:new Date()
+       };
+     },
+     created() {
+       this.houseGetDicts("asset_type").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.assetTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+       });
+       this.houseGetDicts("operation_type").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.operationTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+       });
+       this.houseGetDicts("add_type").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.addTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+       });
+       this.houseGetDicts("use_type").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.useTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+       });
+       this.houseGetDicts("asset_status").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.assetStatusOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+       });
+       this.houseGetDicts("depreciation_type").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.depreciationTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+       });
+     },
+     methods: {
+       onConfirmAssetType(data){
+         this.assetType = data.text;
+         this.form.assetType = data.value;
+         this.showAssetType = false;
+       },
+       onConfirmOperationType(data){
+         this.operationType = data.text;
+         this.form.operationType = data.value;
+         this.showOperationType = false;
+       },
+       onConfirmAddType(data){
+         this.addType = data.text;
+         this.form.addType = data.value;
+         this.showAddType = false;
+       },
+       onConfirmUseType(data){
+         this.useType = data.text;
+         this.form.useType = data.value;
+         this.showUseType = false;
+       },
+       onConfirmAssetStatus(data){
+         this.assetStatus = data.text;
+         this.form.assetStatus = data.value;
+         this.showAssetStatus = false;
+       },
+       onConfirmDepreciationType(data){
+         this.depreciationType = data.text;
+         this.form.depreciationType = data.value;
+         this.showDepreciationType = false;
+       },
+       onConfirmBuildTime(data){
+         this.form.buildTime = this.format(data,'yyyy-MM-dd');
+         this.showBuildTime = false;
+       },
+       // 原值变动监听
+       changeOriginalValue(val) {
+         if (this.form.depreciationValue != null) {
+           // 净值 = 原值-累计折旧
+           this.form.netValue = val - this.form.depreciationValue;
+         }
+         if (this.form.residualsRate != null) {
+           // 净残值 = 原值*残值率
+           this.form.netSalvage = (val * this.form.residualsRate) / 100;
+         }
+         if (this.form.netSalvage != null && this.form.expectedYears != null) {
+           // 每年折旧额 = (原值-净残值）/ 预计使用年数
+           this.form.perYearDepreciationValue =
+             (val - this.form.netSalvage) / this.form.expectedYears;
+         }
+       },
+       // 累计折旧变动监听
+       changeDepreciationValue(val) {
+         if (this.form.originalValue != null) {
+           // 净值 = 原值-累计折旧
+           this.form.netValue = this.form.originalValue - val;
+         }
+       },
+
+       // 残值率变动监听
+       changeResidualsRate(val) {
+         if (this.form.originalValue != null) {
+           // 净残值 = 原值*残值率
+           this.form.netSalvage = (this.form.originalValue * val) / 100;
+         }
+       },
+
+       // 净残值变动监听
+       changeNetSalvage(val) {
+         if (this.form.originalValue != null && this.form.expectedYears != null) {
+           // 每年折旧额 = （原值-净残值）/ 预计使用年数
+           this.form.perYearDepreciationValue =
+             (this.form.originalValue - val) / this.form.expectedYears;
+         }
+       },
+
+       // 预计使用年数变动监听
+       changeExpectedYears(val) {
+         if (this.form.originalValue != null && this.form.netSalvage != null) {
+           // 每年折旧额:（原值-净残值）/ 预计使用年数
+           this.form.perYearDepreciationValue =
+             (this.form.originalValue - this.form.netSalvage) / val;
+         }
+       },
+
+       // 已折旧年数变动监听
+       changeDepreciationYears(val) {
+         if (this.form.perYearDepreciationValue != null) {
+           this.form.depreciationValue = val * this.form.perYearDepreciationValue;
+         }
+       },
+       onSubmit(){
+         addPermanent(this.form).then((response) => {
+           if (response.code == 200){
+             this.$notify({ type: 'success', message: '新增成功' });
+             setTimeout(function(){
+               history.back(-1);
+             },2000)
+           }
+         });
+       }
+     },
+   }
+ </script>
+ <style scoped lang="scss">
+   /deep/ .van-button--primary{
+     background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat;
+     background-size: 100% 100%;
+     border: none;
+   }
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        position: relative;
+
+        .return_btn {
+            width: 24px;
+            height: 43.2px;
+            background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+
+        .add_btn {
+            width: 56.4px;
+            height: 40.8px;
+            background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+            background-size: 47px 34px;
+            position: absolute;
+            right: 38px;
+            top: 36px;
+        }
+    }
+    .list_main{
+      padding:25px;
+      background: #ffffff;
+      width: 94%;
+      margin: 25px auto 0;
+      border-radius: 15PX;
+      box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    }
+    .titBox{
+      display: flex;
+      align-items: center;
+    }
+    .tit{
+      font-size: 36px;
+      font-weight: bold;
+    }
+    /deep/ .van-cell{
+      padding-left: 0!important;
+      padding-right: 0!important;
+      padding-bottom: 0!important;
+    }
+    /deep/ .van-field__label{
+      padding-left: 10PX;
+      width: 8.2em;
+    }
+    /deep/ .van-cell--required::before{
+      left: 0;
+    }
+
+}
+
+
+
+
+
+
+
+ </style>
diff --git a/src/views/sunVillage_info/fixedAssetsDetail.vue b/src/views/sunVillage_info/fixedAssetsDetail.vue
new file mode 100644
index 00000000..41545405
--- /dev/null
+++ b/src/views/sunVillage_info/fixedAssetsDetail.vue
@@ -0,0 +1,517 @@
+ <template>
+     <div class="home_wrapper">
+         <div class="header_main">
+             固定资产
+             <div class="return_btn" @click="onClickLeft"></div>
+         </div>
+         <div class="list_main">
+           <div class="titBox">
+             <img src="../../assets/images/sunVillage_info/add_icon_1.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+             <p class="tit">基本信息</p>
+           </div>
+           <van-field readonly required :rules="[{ required: true, message: '请填写资产名称' }]" v-model="form.name" label="资产名称" placeholder="资产名称" input-align="right" :border="false" />
+           <van-field readonly v-model="form.code" label="资产编码" placeholder="资产编码" input-align="right" :border="false" />
+
+           <van-field
+             readonly
+             clickable
+             label="资产类别"
+             placeholder="请选择"
+             v-model="assetType"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择资产类别' }]"
+           />
+           <van-popup v-model="showAssetType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="assetTypeOptions"
+               @confirm="onConfirmAssetType"
+               @cancel="showAssetType = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="经营属性"
+             placeholder="请选择"
+             v-model="operationType"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择经营属性' }]"
+           />
+           <van-popup v-model="showOperationType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="operationTypeOptions"
+               @confirm="onConfirmOperationType"
+               @cancel="showOperationType = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="增加方式"
+             placeholder="请选择"
+             v-model="addType"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择增加方式' }]"
+           />
+           <van-popup v-model="showAddType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="addTypeOptions"
+               @confirm="onConfirmAddType"
+               @cancel="showAddType = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="购建时间"
+             placeholder="请选择"
+             v-model="form.buildTime"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择购建时间' }]"
+           />
+           <van-popup v-model="showBuildTime" position="bottom">
+             <van-datetime-picker
+               type="date"
+               title="选择年月日"
+               @confirm="onConfirmBuildTime"
+               @cancel="showBuildTime = false"
+             />
+           </van-popup>
+
+           <van-field readonly v-model="form.location" label="坐落位置" placeholder="坐落位置" input-align="right" :border="false" />
+           <van-field readonly v-model="form.specification" label="规格型号" placeholder="规格型号" input-align="right" :border="false" />
+           <van-field readonly v-model="form.supplier" label="供应商" placeholder="供应商" input-align="right" :border="false" />
+
+           <van-field
+             readonly
+             clickable
+             label="使用情况"
+             placeholder="请选择"
+             v-model="useType"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择使用情况' }]"
+           />
+           <van-popup v-model="showUseType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="useTypeOptions"
+               @confirm="onConfirmUseType"
+               @cancel="showUseType = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="资产状态"
+             placeholder="请选择"
+             v-model="assetStatus"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择资产状态' }]"
+           />
+           <van-popup v-model="showAssetStatus" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="assetStatusOptions"
+               @confirm="onConfirmAssetStatus"
+               @cancel="showAssetStatus = false"
+             />
+           </van-popup>
+
+           <van-field name="radio" label="单元资产" input-align="right" :border="false">
+             <template #input>
+               <van-radio-group v-model="form.isMin" direction="horizontal">
+                 <van-radio name="Y" disabled>是</van-radio>
+                 <van-radio name="N" disabled>否</van-radio>
+               </van-radio-group>
+             </template>
+           </van-field>
+
+           <van-field name="radio" label="扶贫资产" input-align="right" :border="false">
+             <template #input>
+               <van-radio-group v-model="form.isFormAsset" direction="horizontal">
+                 <van-radio name="Y" disabled>是</van-radio>
+                 <van-radio name="N" disabled>否</van-radio>
+               </van-radio-group>
+             </template>
+           </van-field>
+         </div>
+
+         <div class="list_main">
+           <div class="titBox">
+             <img src="../../assets/images/sunVillage_info/add_icon_1.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+             <p class="tit">资产数据</p>
+           </div>
+           <van-field required label="数量/面积" input-align="right" :border="false">
+             <template #input>
+               <van-stepper disabled v-model="form.quantity" input-width="100" :decimal-length="2" />
+             </template>
+           </van-field>
+
+           <van-field required :rules="[{ required: true, message: '请填写计量单位' }]" v-model="form.unit" label="计量单位" placeholder="计量单位" input-align="right" :border="false" />
+
+           <van-field required label="原值（元）" input-align="right" :border="false">
+             <template #input>
+               <van-stepper disabled v-model="form.originalValue" input-width="100" min="0.00" :decimal-length="2" @change="changeOriginalValue"/>
+             </template>
+           </van-field>
+
+           <van-field label="净值（元）" input-align="right" :border="false">
+             <template #input>
+               <van-stepper v-model="form.netValue" disabled input-width="100" min="0.00" :decimal-length="2" />
+             </template>
+           </van-field>
+
+           <van-field label="残值率N%" input-align="right" :border="false">
+             <template #input>
+               <van-stepper disabled v-model="form.residualsRate" input-width="100" @change="changeResidualsRate"/>
+             </template>
+           </van-field>
+
+           <van-field label="净残值（元）" input-align="right" :border="false">
+             <template #input>
+               <van-stepper disabled v-model="form.netSalvage" input-width="100" min="0.00" :decimal-length="2" @change="changeNetSalvage" />
+             </template>
+           </van-field>
+
+           <van-field readonly v-model="form.fixedValue" label="资产清理（元）" placeholder="无需输入" input-align="right" :border="false" />
+           <van-field readonly v-model="form.fixedSubject" label="资产清理科目" placeholder="资产清理科目" input-align="right" :border="false" />
+           <van-field readonly v-model="form.depreciationSubject" label="折旧科目" placeholder="折旧科目" input-align="right" :border="false" />
+           <van-field readonly v-model="form.depreciationFeeSubject" label="折旧费用科目" placeholder="折旧费用科目" input-align="right" :border="false" />
+           <van-field readonly v-model="form.remark" label="备注" placeholder="备注" input-align="right" :border="false" />
+         </div>
+
+         <div class="list_main">
+           <div class="titBox">
+             <img src="../../assets/images/sunVillage_info/add_icon_1.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+             <p class="tit">折旧方式</p>
+           </div>
+
+           <van-field
+             readonly
+             clickable
+             label="折旧方式"
+             placeholder="请选择"
+             v-model="depreciationType"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择折旧方式' }]"
+           />
+           <van-popup v-model="showDepreciationType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="depreciationTypeOptions"
+               @confirm="onConfirmDepreciationType"
+               @cancel="showDepreciationType = false"
+             />
+           </van-popup>
+
+           <van-field label="预计使用期数" input-align="right" :border="false">
+             <template #input>
+               <van-stepper disabled v-model="form.expectedYears" input-width="100" @change="changeExpectedYears" />
+             </template>
+           </van-field>
+
+           <van-field readonly v-model="form.perYearDepreciationValue" label="每期折旧额" placeholder="(原值-净残值)/预计使用期数" input-align="right" :border="false" />
+
+           <van-field label="已折旧期数" input-align="right" :border="false">
+             <template #input>
+               <van-stepper disabled v-model="form.depreciationYears" input-width="100" min="0" @change="changeDepreciationYears" />
+             </template>
+           </van-field>
+           <van-field readonly v-model="form.depreciationValue" label="累计折旧(元)" placeholder="0" input-align="right" :border="false" @change="changeDepreciationValue" />
+         </div>
+     </div>
+ </template>
+ <script>
+   import { getPermanent } from "@/api/sunVillage_info/fixedAssets";
+   export default {
+     name: "certificateList",
+     data() {
+       return {
+         applicationList:[],
+         applicationListSecond:[],
+         assetStatusOptions:[],
+         form:{
+
+         },
+         //资产类别
+         assetType:'房屋及建筑物',
+         showAssetType:false,
+         assetTypeOptions:[],
+         //经营属性
+         operationType:'经营性',
+         showOperationType:false,
+         operationTypeOptions:[],
+         //增加方式
+         addTypeOptions:[],
+         showAddType:false,
+         addType:'购入',
+         //使用情况
+         useTypeOptions:[],
+         showUseType:false,
+         useType:'自用',
+         //资产状态
+         assetStatusOptions:[],
+         showAssetStatus:false,
+         assetStatus:'正常',
+         //资产状态
+         depreciationTypeOptions:[],
+         showDepreciationType:false,
+         depreciationType:'不折旧',
+
+         showBuildTime:false,
+         auditStatus:[],
+         loading: false,
+         finished: false,
+         listLength:'0',
+         searchInput:'',
+         queryParams:{
+           pageNum:1,
+           pageSize:10,
+           orderByColumn:'createTime',
+           isAsc:'desc',
+           name:'',
+         }
+       };
+     },
+     created() {
+       this.houseGetDicts("asset_type").then((response) => {
+           this.assetTypeOptions = response.data;
+       });
+       this.houseGetDicts("operation_type").then((response) => {
+           this.operationTypeOptions = response.data;
+       });
+       this.houseGetDicts("add_type").then((response) => {
+           this.addTypeOptions = response.data;
+       });
+       this.houseGetDicts("use_type").then((response) => {
+           this.useTypeOptions = response.data;
+       });
+       this.houseGetDicts("asset_status").then((response) => {
+           this.assetStatusOptions = response.data;
+       });
+       this.houseGetDicts("depreciation_type").then((response) => {
+           this.depreciationTypeOptions = response.data;
+       });
+       this.getDetail(this.$route.query.id)
+     },
+     methods: {
+       getDetail(id){
+         getPermanent(id).then((response) => {
+           if (response.code == 200){
+             this.form = response.data;
+             this.assetType = this.selectDictLabel(this.assetTypeOptions, response.data.assetType);
+             this.operationType = this.selectDictLabel(this.operationTypeOptions, response.data.operationType);
+             this.addType = this.selectDictLabel(this.addTypeOptions, response.data.addType);
+             this.useType = this.selectDictLabel(this.useTypeOptions, response.data.useType);
+             this.assetStatus = this.selectDictLabel(this.assetStatusOptions, response.data.assetStatus);
+             this.depreciationType = this.selectDictLabel(this.depreciationTypeOptions, response.data.depreciationType);
+           }
+         });
+
+       },
+       onConfirmAssetType(data){
+         this.assetType = data.text;
+         this.form.assetType = data.value;
+         this.showAssetType = false;
+       },
+       onConfirmOperationType(data){
+         this.operationType = data.text;
+         this.form.operationType = data.value;
+         this.showOperationType = false;
+       },
+       onConfirmAddType(data){
+         this.addType = data.text;
+         this.form.addType = data.value;
+         this.showAddType = false;
+       },
+       onConfirmUseType(data){
+         this.useType = data.text;
+         this.form.useType = data.value;
+         this.showUseType = false;
+       },
+       onConfirmAssetStatus(data){
+         this.assetStatus = data.text;
+         this.form.assetStatus = data.value;
+         this.showAssetStatus = false;
+       },
+       onConfirmDepreciationType(data){
+         this.depreciationType = data.text;
+         this.form.depreciationType = data.value;
+         this.showDepreciationType = false;
+       },
+       onConfirmBuildTime(data){
+         this.form.buildTime = this.format(data,'yyyy-MM-dd');
+         this.showBuildTime = false;
+       },
+       // 原值变动监听
+       changeOriginalValue(val) {
+         if (this.form.depreciationValue != null) {
+           // 净值 = 原值-累计折旧
+           this.form.netValue = val - this.form.depreciationValue;
+         }
+         if (this.form.residualsRate != null) {
+           // 净残值 = 原值*残值率
+           this.form.netSalvage = (val * this.form.residualsRate) / 100;
+         }
+         if (this.form.netSalvage != null && this.form.expectedYears != null) {
+           // 每年折旧额 = (原值-净残值）/ 预计使用年数
+           this.form.perYearDepreciationValue =
+             (val - this.form.netSalvage) / this.form.expectedYears;
+         }
+       },
+       // 累计折旧变动监听
+       changeDepreciationValue(val) {
+         if (this.form.originalValue != null) {
+           // 净值 = 原值-累计折旧
+           this.form.netValue = this.form.originalValue - val;
+         }
+       },
+
+       // 残值率变动监听
+       changeResidualsRate(val) {
+         if (this.form.originalValue != null) {
+           // 净残值 = 原值*残值率
+           this.form.netSalvage = (this.form.originalValue * val) / 100;
+         }
+       },
+
+       // 净残值变动监听
+       changeNetSalvage(val) {
+         if (this.form.originalValue != null && this.form.expectedYears != null) {
+           // 每年折旧额 = （原值-净残值）/ 预计使用年数
+           this.form.perYearDepreciationValue =
+             (this.form.originalValue - val) / this.form.expectedYears;
+         }
+       },
+
+       // 预计使用年数变动监听
+       changeExpectedYears(val) {
+         if (this.form.originalValue != null && this.form.netSalvage != null) {
+           // 每年折旧额:（原值-净残值）/ 预计使用年数
+           this.form.perYearDepreciationValue =
+             (this.form.originalValue - this.form.netSalvage) / val;
+         }
+       },
+
+       // 已折旧年数变动监听
+       changeDepreciationYears(val) {
+         if (this.form.perYearDepreciationValue != null) {
+           this.form.depreciationValue = val * this.form.perYearDepreciationValue;
+         }
+       },
+
+     },
+   }
+ </script>
+ <style scoped lang="scss">
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        position: relative;
+
+        .return_btn {
+            width: 24px;
+            height: 43.2px;
+            background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+
+        .add_btn {
+            width: 56.4px;
+            height: 40.8px;
+            background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+            background-size: 47px 34px;
+            position: absolute;
+            right: 38px;
+            top: 36px;
+        }
+    }
+    .list_main{
+      padding:25px;
+      background: #ffffff;
+      width: 94%;
+      margin: 25px auto 0;
+      border-radius: 15PX;
+      box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    }
+    .titBox{
+      display: flex;
+      align-items: center;
+    }
+    .tit{
+      font-size: 36px;
+      font-weight: bold;
+    }
+    /deep/ .van-cell{
+      padding-left: 0!important;
+      padding-right: 0!important;
+      padding-bottom: 0!important;
+    }
+    /deep/ .van-field__label{
+      padding-left: 10PX;
+      width: 8.2em;
+    }
+    /deep/ .van-cell--required::before{
+      left: 0;
+    }
+
+}
+
+
+
+
+
+
+
+ </style>
diff --git a/src/views/sunVillage_info/fixedAssetsEdit.vue b/src/views/sunVillage_info/fixedAssetsEdit.vue
new file mode 100644
index 00000000..33f54874
--- /dev/null
+++ b/src/views/sunVillage_info/fixedAssetsEdit.vue
@@ -0,0 +1,584 @@
+ <template>
+     <div class="home_wrapper">
+         <div class="header_main">
+             固定资产
+             <div class="return_btn" @click="onClickLeft"></div>
+         </div>
+       <van-form @submit="onSubmit">
+         <div class="list_main">
+           <div class="titBox">
+             <img src="../../assets/images/sunVillage_info/add_icon_1.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+             <p class="tit">基本信息</p>
+           </div>
+           <van-field required :rules="[{ required: true, message: '请填写资产名称' }]" v-model="form.name" label="资产名称" placeholder="资产名称" input-align="right" :border="false" />
+           <van-field v-model="form.code" label="资产编码" placeholder="资产编码" input-align="right" :border="false" />
+
+           <van-field
+             readonly
+             clickable
+             label="资产类别"
+             placeholder="请选择"
+             v-model="assetType"
+             @click="showAssetType = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择资产类别' }]"
+           />
+           <van-popup v-model="showAssetType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="assetTypeOptions"
+               @confirm="onConfirmAssetType"
+               @cancel="showAssetType = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="经营属性"
+             placeholder="请选择"
+             v-model="operationType"
+             @click="showOperationType = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择经营属性' }]"
+           />
+           <van-popup v-model="showOperationType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="operationTypeOptions"
+               @confirm="onConfirmOperationType"
+               @cancel="showOperationType = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="增加方式"
+             placeholder="请选择"
+             v-model="addType"
+             @click="showAddType = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择增加方式' }]"
+           />
+           <van-popup v-model="showAddType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="addTypeOptions"
+               @confirm="onConfirmAddType"
+               @cancel="showAddType = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="购建时间"
+             placeholder="请选择"
+             v-model="form.buildTime"
+             @click="showBuildTime = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择购建时间' }]"
+           />
+           <van-popup v-model="showBuildTime" position="bottom">
+             <van-datetime-picker
+               type="date"
+               title="选择年月日"
+               @confirm="onConfirmBuildTime"
+               @cancel="showBuildTime = false"
+             />
+           </van-popup>
+
+           <van-field v-model="form.location" label="坐落位置" placeholder="坐落位置" input-align="right" :border="false" />
+           <van-field v-model="form.specification" label="规格型号" placeholder="规格型号" input-align="right" :border="false" />
+           <van-field v-model="form.supplier" label="供应商" placeholder="供应商" input-align="right" :border="false" />
+
+           <van-field
+             readonly
+             clickable
+             label="使用情况"
+             placeholder="请选择"
+             v-model="useType"
+             @click="showUseType = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择使用情况' }]"
+           />
+           <van-popup v-model="showUseType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="useTypeOptions"
+               @confirm="onConfirmUseType"
+               @cancel="showUseType = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="资产状态"
+             placeholder="请选择"
+             v-model="assetStatus"
+             @click="showAssetStatus = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择资产状态' }]"
+           />
+           <van-popup v-model="showAssetStatus" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="assetStatusOptions"
+               @confirm="onConfirmAssetStatus"
+               @cancel="showAssetStatus = false"
+             />
+           </van-popup>
+
+           <van-field name="radio" label="单元资产" input-align="right" :border="false">
+             <template #input>
+               <van-radio-group v-model="form.isMin" direction="horizontal">
+                 <van-radio name="Y">是</van-radio>
+                 <van-radio name="N">否</van-radio>
+               </van-radio-group>
+             </template>
+           </van-field>
+
+           <van-field name="radio" label="扶贫资产" input-align="right" :border="false">
+             <template #input>
+               <van-radio-group v-model="form.isFormAsset" direction="horizontal">
+                 <van-radio name="Y">是</van-radio>
+                 <van-radio name="N">否</van-radio>
+               </van-radio-group>
+             </template>
+           </van-field>
+         </div>
+
+         <div class="list_main">
+           <div class="titBox">
+             <img src="../../assets/images/sunVillage_info/add_icon_1.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+             <p class="tit">资产数据</p>
+           </div>
+           <van-field required label="数量/面积" input-align="right" :border="false">
+             <template #input>
+               <van-stepper v-model="form.quantity" input-width="100" :decimal-length="2" />
+             </template>
+           </van-field>
+
+           <van-field required :rules="[{ required: true, message: '请填写计量单位' }]" v-model="form.unit" label="计量单位" placeholder="计量单位" input-align="right" :border="false" />
+
+           <van-field required label="原值（元）" input-align="right" :border="false">
+             <template #input>
+               <van-stepper v-model="form.originalValue" input-width="100" min="0.00" :decimal-length="2" @change="changeOriginalValue"/>
+             </template>
+           </van-field>
+
+           <van-field label="净值（元）" input-align="right" :border="false">
+             <template #input>
+               <van-stepper v-model="form.netValue" disabled input-width="100" min="0.00" :decimal-length="2" />
+             </template>
+           </van-field>
+
+           <van-field label="残值率N%" input-align="right" :border="false">
+             <template #input>
+               <van-stepper v-model="form.residualsRate" input-width="100" @change="changeResidualsRate"/>
+             </template>
+           </van-field>
+
+           <van-field label="净残值（元）" input-align="right" :border="false">
+             <template #input>
+               <van-stepper v-model="form.netSalvage" input-width="100" min="0.00" :decimal-length="2" @change="changeNetSalvage" />
+             </template>
+           </van-field>
+
+           <van-field readonly v-model="form.fixedValue" label="资产清理（元）" placeholder="无需输入" input-align="right" :border="false" />
+           <van-field readonly v-model="form.fixedSubject" label="资产清理科目" placeholder="资产清理科目" input-align="right" :border="false" />
+           <van-field readonly v-model="form.depreciationSubject" label="折旧科目" placeholder="折旧科目" input-align="right" :border="false" />
+           <van-field readonly v-model="form.depreciationFeeSubject" label="折旧费用科目" placeholder="折旧费用科目" input-align="right" :border="false" />
+           <van-field v-model="form.remark" label="备注" placeholder="备注" input-align="right" :border="false" />
+         </div>
+
+         <div class="list_main">
+           <div class="titBox">
+             <img src="../../assets/images/sunVillage_info/add_icon_1.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+             <p class="tit">折旧方式</p>
+           </div>
+
+           <van-field
+             readonly
+             clickable
+             label="折旧方式"
+             placeholder="请选择"
+             v-model="depreciationType"
+             @click="showDepreciationType = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择折旧方式' }]"
+           />
+           <van-popup v-model="showDepreciationType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="depreciationTypeOptions"
+               @confirm="onConfirmDepreciationType"
+               @cancel="showDepreciationType = false"
+             />
+           </van-popup>
+
+           <van-field label="预计使用期数" input-align="right" :border="false">
+             <template #input>
+               <van-stepper v-model="form.expectedYears" input-width="100" @change="changeExpectedYears" />
+             </template>
+           </van-field>
+
+           <van-field readonly v-model="form.perYearDepreciationValue" label="每期折旧额" placeholder="(原值-净残值)/预计使用期数" input-align="right" :border="false" />
+
+           <van-field label="已折旧期数" input-align="right" :border="false">
+             <template #input>
+               <van-stepper v-model="form.depreciationYears" input-width="100" min="0" @change="changeDepreciationYears" />
+             </template>
+           </van-field>
+           <van-field readonly v-model="form.depreciationValue" label="累计折旧(元)" placeholder="0" input-align="right" :border="false" @change="changeDepreciationValue" />
+         </div>
+
+         <div style="margin: 16px auto;width: 50%;">
+           <van-button round block type="primary" native-type="submit">
+             保存
+           </van-button>
+         </div>
+       </van-form>
+     </div>
+ </template>
+ <script>
+   import { updatePermanent , getPermanent } from "@/api/sunVillage_info/fixedAssets";
+   export default {
+     name: "certificateList",
+     data() {
+       return {
+         applicationList:[],
+         applicationListSecond:[],
+         assetStatusOptions:[],
+         form:{
+           assetType:'151001',
+           operationType:'1',
+           addType:'1',
+           buildTime:'2020-01-01',
+           useType:'1',
+           assetStatus:'1',
+           isMin:'Y',
+           isFormAsset:'N',
+           quantity:1.00,
+           depreciationSubject:"152:累计折旧",
+           fixedSubject:"153:固定资产清理",
+           depreciationFeeSubject:"541005:管理费用-折旧及修理费",
+           depreciationType:'3',
+           expectedYears:1,
+           depreciationYears:0,
+           netValue:0.00,
+           originalValue:0.00,
+           residualsRate:1,
+           netSalvage:0.00,
+           fixedValue:null,
+           perYearDepreciationValue:null,
+           depreciationValue:0
+         },
+         //资产类别
+         assetType:'房屋及建筑物',
+         showAssetType:false,
+         assetTypeOptions:[],
+         //经营属性
+         operationType:'经营性',
+         showOperationType:false,
+         operationTypeOptions:[],
+         //增加方式
+         addTypeOptions:[],
+         showAddType:false,
+         addType:'购入',
+         //使用情况
+         useTypeOptions:[],
+         showUseType:false,
+         useType:'自用',
+         //资产状态
+         assetStatusOptions:[],
+         showAssetStatus:false,
+         assetStatus:'正常',
+         //资产状态
+         depreciationTypeOptions:[],
+         showDepreciationType:false,
+         depreciationType:'不折旧',
+
+         showBuildTime:false,
+         auditStatus:[],
+         loading: false,
+         finished: false,
+         listLength:'0',
+         searchInput:'',
+         queryParams:{
+           pageNum:1,
+           pageSize:10,
+           orderByColumn:'createTime',
+           isAsc:'desc',
+           name:'',
+         }
+       };
+     },
+     created() {
+       this.houseGetDicts("asset_type").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.assetTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+         this.assetTypeOptions2 = response.data;
+       });
+       this.houseGetDicts("operation_type").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.operationTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+         this.operationTypeOptions2 = response.data;
+       });
+       this.houseGetDicts("add_type").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.addTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+         this.addTypeOptions2 = response.data;
+       });
+       this.houseGetDicts("use_type").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.useTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+         this.useTypeOptions2 = response.data;
+       });
+       this.houseGetDicts("asset_status").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.assetStatusOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+         this.assetStatusOptions2 = response.data;
+       });
+       this.houseGetDicts("depreciation_type").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.depreciationTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+         this.depreciationTypeOptions2 = response.data;
+       });
+       this.getDetail(this.$route.query.id)
+     },
+     methods: {
+       getDetail(id){
+         getPermanent(id).then((response) => {
+           if (response.code == 200){
+             this.form = response.data;
+             this.assetType = this.selectDictLabel(this.assetTypeOptions2, response.data.assetType);
+             this.operationType = this.selectDictLabel(this.operationTypeOptions2, response.data.operationType);
+             this.addType = this.selectDictLabel(this.addTypeOptions2, response.data.addType);
+             this.useType = this.selectDictLabel(this.useTypeOptions2, response.data.useType);
+             this.assetStatus = this.selectDictLabel(this.assetStatusOptions2, response.data.assetStatus);
+             this.depreciationType = this.selectDictLabel(this.depreciationTypeOptions2, response.data.depreciationType);
+           }
+         });
+       },
+       onConfirmAssetType(data){
+         this.assetType = data.text;
+         this.form.assetType = data.value;
+         this.showAssetType = false;
+       },
+       onConfirmOperationType(data){
+         this.operationType = data.text;
+         this.form.operationType = data.value;
+         this.showOperationType = false;
+       },
+       onConfirmAddType(data){
+         this.addType = data.text;
+         this.form.addType = data.value;
+         this.showAddType = false;
+       },
+       onConfirmUseType(data){
+         this.useType = data.text;
+         this.form.useType = data.value;
+         this.showUseType = false;
+       },
+       onConfirmAssetStatus(data){
+         this.assetStatus = data.text;
+         this.form.assetStatus = data.value;
+         this.showAssetStatus = false;
+       },
+       onConfirmDepreciationType(data){
+         this.depreciationType = data.text;
+         this.form.depreciationType = data.value;
+         this.showDepreciationType = false;
+       },
+       onConfirmBuildTime(data){
+         this.form.buildTime = this.format(data,'yyyy-MM-dd');
+         this.showBuildTime = false;
+       },
+       // 原值变动监听
+       changeOriginalValue(val) {
+         if (this.form.depreciationValue != null) {
+           // 净值 = 原值-累计折旧
+           this.form.netValue = val - this.form.depreciationValue;
+         }
+         if (this.form.residualsRate != null) {
+           // 净残值 = 原值*残值率
+           this.form.netSalvage = (val * this.form.residualsRate) / 100;
+         }
+         if (this.form.netSalvage != null && this.form.expectedYears != null) {
+           // 每年折旧额 = (原值-净残值）/ 预计使用年数
+           this.form.perYearDepreciationValue =
+             (val - this.form.netSalvage) / this.form.expectedYears;
+         }
+       },
+       // 累计折旧变动监听
+       changeDepreciationValue(val) {
+         if (this.form.originalValue != null) {
+           // 净值 = 原值-累计折旧
+           this.form.netValue = this.form.originalValue - val;
+         }
+       },
+
+       // 残值率变动监听
+       changeResidualsRate(val) {
+         if (this.form.originalValue != null) {
+           // 净残值 = 原值*残值率
+           this.form.netSalvage = (this.form.originalValue * val) / 100;
+         }
+       },
+
+       // 净残值变动监听
+       changeNetSalvage(val) {
+         if (this.form.originalValue != null && this.form.expectedYears != null) {
+           // 每年折旧额 = （原值-净残值）/ 预计使用年数
+           this.form.perYearDepreciationValue =
+             (this.form.originalValue - val) / this.form.expectedYears;
+         }
+       },
+
+       // 预计使用年数变动监听
+       changeExpectedYears(val) {
+         if (this.form.originalValue != null && this.form.netSalvage != null) {
+           // 每年折旧额:（原值-净残值）/ 预计使用年数
+           this.form.perYearDepreciationValue =
+             (this.form.originalValue - this.form.netSalvage) / val;
+         }
+       },
+
+       // 已折旧年数变动监听
+       changeDepreciationYears(val) {
+         if (this.form.perYearDepreciationValue != null) {
+           this.form.depreciationValue = val * this.form.perYearDepreciationValue;
+         }
+       },
+       onSubmit(){
+         updatePermanent(this.form).then((response) => {
+           if (response.code == 200){
+             this.$notify({ type: 'success', message: '修改成功' });
+             setTimeout(function(){
+               history.back(-1);
+             },2000)
+           }
+         });
+       }
+     },
+   }
+ </script>
+ <style scoped lang="scss">
+   /deep/ .van-button--primary{
+     background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat;
+     background-size: 100% 100%;
+     border: none;
+   }
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        position: relative;
+
+        .return_btn {
+            width: 24px;
+            height: 43.2px;
+            background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+
+        .add_btn {
+            width: 56.4px;
+            height: 40.8px;
+            background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+            background-size: 47px 34px;
+            position: absolute;
+            right: 38px;
+            top: 36px;
+        }
+    }
+    .list_main{
+      padding:25px;
+      background: #ffffff;
+      width: 94%;
+      margin: 25px auto 0;
+      border-radius: 15PX;
+      box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    }
+    .titBox{
+      display: flex;
+      align-items: center;
+    }
+    .tit{
+      font-size: 36px;
+      font-weight: bold;
+    }
+    /deep/ .van-cell{
+      padding-left: 0!important;
+      padding-right: 0!important;
+      padding-bottom: 0!important;
+    }
+    /deep/ .van-field__label{
+      padding-left: 10PX;
+      width: 8.2em;
+    }
+    /deep/ .van-cell--required::before{
+      left: 0;
+    }
+
+}
+
+
+
+
+
+
+
+ </style>
diff --git a/src/views/sunVillage_info/index.vue b/src/views/sunVillage_info/index.vue
new file mode 100644
index 00000000..f1a67cac
--- /dev/null
+++ b/src/views/sunVillage_info/index.vue
@@ -0,0 +1,330 @@
+<template>
+    <div class="home_wrapper">
+        <div class="head_main">
+            <div class="location">
+              <div class="address" @click="villageVisbile = true"><i class="icon"></i>{{deptName}}</div>
+              <van-popup v-model="villageVisbile" round position="bottom">
+                <van-cascader
+                  v-model="villageValue"
+                  title="请选择所在村"
+                  :options="hcAreaInfoOption"
+                  @close="hcAreaInfoClose"
+                  @finish="hcAreaInfoFinish"
+                  active-color="#1989fa"
+                  :field-names="hcAreaInfoFieldName"
+                />
+              </van-popup>
+
+              <div class="address" @click="bookVisbile = true">{{bookName}}</div>
+              <van-popup v-model="bookVisbile" round position="bottom">
+                <van-picker
+                  title="请选择账套"
+                  show-toolbar
+                  :columns="bookList"
+                  @confirm="onConfirmBook"
+                  @cancel="onCancelBook"
+                  value-key="bookName"
+                />
+              </van-popup>
+
+            </div>
+            <van-popover
+              v-model="showPopover"
+              trigger="click"
+              :actions="actions"
+              placement="bottom-end"
+              @select="selectChange"
+            >
+              <template #reference>
+                <div class="exit_btn">
+                  <i class="icon"></i>
+                </div>
+              </template>
+            </van-popover>
+<!--          @click="logout"-->
+        </div>
+        <div class="index_info">
+            <div class="title"></div>
+            <div class="nav_list">
+              <div class="nav_list_box">
+                <router-link :to="{name:'sunVillageInfoListFinance'}" class="nav_item n_1">财务公开榜</router-link>
+                <router-link :to="{name:'sunVillageInfoListTourists'}" class="nav_item n_2">零工公开榜</router-link>
+                <router-link :to="{name:'sunVillageInfoListIssues'}" class="nav_item n_3">重大事项</router-link>
+                <router-link :to="{name:'sunVillageInfoListBalanceRanking'}" class="nav_item n_4">科目余额表</router-link>
+                <router-link :to="{name:'sunVillageInfoListVote'}" class="nav_item n_5">发布投票</router-link>
+                <router-link :to="{name:'sunVillageInfoFixedAssets'}" class="nav_item n_6">资产登记</router-link>
+                <router-link :to="{name:'sunVillageInfoInformation'}" class="nav_item n_7">合同登记</router-link>
+                <router-link :to="{name:'sunVillageInfoListRegister'}" class="nav_item n_8">零工登记</router-link>
+              </div>
+            </div>
+        </div>
+        <div class="footer">
+            技术支持：北京农燊高科信息技术有限公司
+        </div>
+    </div>
+</template>
+<script>
+  import { changeBook , listByDeptId , treeselectByUser } from "@/api/sunVillage_info/fixedAssets";
+  import { getInfo } from "@/api/login/index";
+  import {changeDept} from "../../api/onlineHome/done";
+  import {bookListByDeptId} from "../../api/homestead";
+  import Cookies from "js-cookie";
+  import {logout} from "../../api/login";
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        showPopover: false,
+        actions: [
+          { text: '个人信息', icon: 'manager-o' , index: 0 },
+          { text: '修改密码', icon: 'edit' , index: 1 },
+          { text: '退出登录', icon: 'revoke' , index: 2 },
+        ],
+        deptIdOptions:[],
+        villageVisbile:false,
+        showBookList:false,
+        deptName:'',
+        //选中的值
+        villageValue: "",
+        //省市区区级list
+        hcAreaInfoOption: [],
+        hcAreaInfoFieldName: {
+          text: "label",
+          value: "value",
+          children: "children",
+        },
+        bookName:'',
+        queryParams: {
+          pageNum: 1,
+          pageSize: 100,
+        },
+        //账套列表
+        bookVisbile:false,
+        bookList:[],
+        bookName:"",
+        bookId:"",
+        book:"",
+      };
+    },
+    created() {
+      getInfo().then(response => {
+        this.bookName = response.user.bookName
+        this.deptName = response.user.deptName
+        Cookies.set("bookName", response.user.bookName, {
+          expires: 30,
+        });
+        Cookies.set("deptName", response.user.deptName, {
+          expires: 30,
+        });
+        Cookies.set("bookId", response.user.loginBookId, {
+          expires: 30,
+        });
+        Cookies.set("deptId", response.user.loginDeptId, {
+          expires: 30,
+        });
+        this.getBookList(response.user.loginDeptId);
+      });
+
+      treeselectByUser().then((res) => {
+        if (res.code == 200) {
+          this.hcAreaInfoOption = res.data;
+        }
+      });
+      this.$set(this.queryParams, "systemType", '4');
+    },
+    methods: {
+      //关闭选择地址弹窗
+      hcAreaInfoClose() {
+        this.villageVisbile = false;
+      },
+      hcAreaInfoFinish({ value, selectedOptions, tabIndex }) {
+        // 切换部门
+        let Depquery={"loginDeptID":value}
+        changeDept(Depquery).then((response) => {
+          if (response.code === 200) {
+            this.$store.dispatch("GetInfo").then(() => {
+              // this.$router.go(0);
+              window.location.href = "/sunVillage_info/index";
+            });
+          }
+        });
+        this.villageVisbile = false;
+      },
+      getBookList(e){
+        let params = {
+          loginDeptID:e
+        }
+        listByDeptId(params).then((response) => {
+          if (response.code == 200) {
+            this.bookList = response.rows;
+          }
+        })
+      },
+      onConfirmBook(e){
+        this.bookVisbile = false
+        this.bookName = e.bookName
+        let param={"loginBookId":e.id}
+        changeBook(param).then((response) => {
+          if (response.code === 200) {
+            this.$store.dispatch("GetInfo").then(() => {
+              // this.$router.go(0);
+              window.location.href = "/sunVillage_info/index";
+            });
+          }
+        });
+      },
+      onCancelBook(e){
+        this.bookVisbile = false
+      },
+      logout(){
+        logout().then(res => {
+          this.$router.push({path:"/sunVillage_info/index_code",query:{bookId:Cookies.get('bookId'),deptId:Cookies.get('deptId')}})
+        })
+      },
+      selectChange(val){
+        console.log(val)
+        val.index == 0 ? this.$router.push({path:"/sunVillage_info/user"}) : val.index == 1 ? this.$router.push({path:"/sunVillage_info/passWord"}) : val.index == 2 ? this.logout() : '';
+      }
+    },
+  }
+</script>
+<style scoped lang="scss">
+.home_wrapper{
+    background: #f1f2f2;
+    width: 100vw;
+    min-height: 100vh;
+    .head_main{
+        height: 340px;
+        background: url('../../assets/images/sunVillage_info/index_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: relative;
+        .location{
+            height: 42px;
+            line-height: 42px;
+            position: absolute;
+            left: 38px;
+            top: 72px;
+            display: flex;
+            .address{
+                padding:0 18px;
+                background:rgba(255,255,255,0.75);
+                border-radius: 42px;
+                font-size: 28px;
+                color: #3f3d56;
+                margin-right: 12px;
+                display: flex;
+                align-items:center;
+                .icon{
+                    display: block;
+                    width: 20px;
+                    height: 26px;
+                    background: url('../../assets/images/sunVillage_info/index_icon_1.png') no-repeat;
+                    background-size: 100% 100%;
+                    margin-right: 10px;
+                }
+            }
+        }
+        /deep/ .van-popover__wrapper{
+          position: absolute;
+          top: 64px;
+          right: 36px;
+        }
+        .exit_btn{
+            width: 61px;
+            height: 61px;
+            /*background: #3f3d56;*/
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            /*position: absolute;*/
+            /*top: 64px;*/
+            /*right: 36px;*/
+            .icon{
+                width: 100%;
+                height: 100%;
+                background: url('../../assets/images/sunVillage_info/login_head_h.png') no-repeat;
+                background-size: 100% 100%;
+            }
+        }
+    }
+    .index_info{
+        padding-top: 4.1vh;
+        .title{
+            width: 521px;
+            height: 52px;
+            background: url('../../assets/images/sunVillage_info/index_title.png') no-repeat;
+            background-size: 100% 100%;
+            margin:0 auto;
+        }
+        .nav_list{
+            margin-top: 6vh;
+            padding:0 38px;
+          .nav_list_box{
+            display: flex;
+            flex-flow: wrap;
+            box-shadow: 0px 0px 18px rgba(63,68,75,0.2);
+            margin-bottom: 40PX;
+            padding: 20PX 0;
+            border-radius: 15PX;
+          }
+            .nav_item{
+                width: 25%;
+                /*height: 180px;*/
+                border-radius: 30px;
+                font-size: 24px;
+                color: #3f3d56;
+                text-align: center;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                padding-top: 100px;
+                &.n_1{
+                    background: url('../../assets/images/sunVillage_info/index_block_01.png') no-repeat center top;
+                    background-size: 50%;
+                    margin-bottom: 20PX;
+                }
+                 &.n_2{
+                    background: url('../../assets/images/sunVillage_info/index_block_02.png') no-repeat center top;
+                    background-size: 50%;
+                    margin-bottom: 20PX;
+                }
+                &.n_3 {
+                    background: url('../../assets/images/sunVillage_info/index_block_03.png') no-repeat center top;
+                    background-size: 50%;
+                    margin-bottom: 20PX;
+                }
+                &.n_4 {
+                    background: url('../../assets/images/sunVillage_info/index_block_04.png') no-repeat center top;
+                    background-size: 50%;
+                    margin-bottom: 20PX;
+                }
+                &.n_5 {
+                    background: url('../../assets/images/sunVillage_info/index_block_05.png') no-repeat center top;
+                    background-size: 50%;
+                }
+                &.n_6 {
+                    background: url('../../assets/images/sunVillage_info/index_block_06.png') no-repeat center top;
+                    background-size: 50%;
+                }
+                &.n_7 {
+                    background: url('../../assets/images/sunVillage_info/index_block_07.png') no-repeat center top;
+                    background-size: 50%;
+                }
+                &.n_8 {
+                    background: url('../../assets/images/sunVillage_info/index_block_08.png') no-repeat center top;
+                    background-size: 50%;
+                }
+            }
+        }
+    }
+    .footer{
+        position: absolute;
+        bottom: 5.5vh;
+        width: 100%;
+        font-size: 22px;
+        color: #3f3d56;
+        text-align: center;
+    }
+}
+</style>
diff --git a/src/views/sunVillage_info/index_code.vue b/src/views/sunVillage_info/index_code.vue
new file mode 100644
index 00000000..3af759bd
--- /dev/null
+++ b/src/views/sunVillage_info/index_code.vue
@@ -0,0 +1,246 @@
+<template>
+    <div class="home_wrapper">
+        <div class="head_main">
+            <div class="location">
+
+              <div class="address"><i class="icon"></i>{{deptName}}</div>
+
+              <div class="address">{{bookName}}</div>
+
+            </div>
+            <div class="exit_btn" @click="$router.push({name:'sunVillageInfoLogin'})">
+                <i class="icon"></i>
+            </div>
+        </div>
+        <div class="index_info">
+            <div class="title"></div>
+            <div class="nav_list">
+              <router-link :to="{name:'sunVillageInfoListFinance',query:{type:'code'}}" class="nav_item n1">
+                <img src="../../assets/images/sunVillage_info/index_code_btn_1.png">
+              </router-link>
+              <router-link :to="{name:'sunVillageInfoListTourists',query:{type:'code'}}" class="nav_item n2">
+                <img src="../../assets/images/sunVillage_info/index_code_btn_2.png">
+              </router-link>
+              <router-link :to="{name:'sunVillageInfoListIssues',query:{type:'code'}}" class="nav_item n3">
+                <img src="../../assets/images/sunVillage_info/index_code_btn_3.png">
+              </router-link>
+            </div>
+        </div>
+        <div class="footer">
+            技术支持：北京农燊高科信息技术有限公司
+        </div>
+      <img src="../../assets/images/sunVillage_info/index_btn.png" class="fixed_btn" @click="goCode">
+    </div>
+</template>
+<script>
+  import { bookInfo } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        deptIdOptions:[],
+        villageVisbile:false,
+        showBookList:false,
+        deptName:'',
+        //选中的值
+        villageValue: "",
+        //省市区区级list
+        hcAreaInfoOption: [],
+        hcAreaInfoFieldName: {
+          text: "label",
+          value: "value",
+          children: "children",
+        },
+        bookName:'',
+        queryParams: {
+          pageNum: 1,
+          pageSize: 100,
+        },
+        //账套列表
+        bookVisbile:false,
+        bookList:[],
+        bookName:"",
+        bookId:"",
+        book:"",
+      };
+    },
+    created() {
+
+      bookInfo(this.$route.query.bookId).then((res) => {
+        if (res.code == 200) {
+          Cookies.set("bookName", res.data.bookName, {
+            expires: 30,
+          });
+          Cookies.set("deptName", res.data.deptName, {
+            expires: 30,
+          });
+          this.deptName = res.data.deptName;
+          this.bookName = res.data.bookName;
+        }
+      });
+      Cookies.set("bookId", this.$route.query.bookId, {
+        expires: 30,
+      });
+      Cookies.set("deptId", this.$route.query.deptId, {
+        expires: 30,
+      });
+    },
+    methods: {
+      goCode(){
+        if (Cookies.get('user')){
+          this.$router.push({path:'/sunVillage_info/index_code_rights'})
+        }else{
+          this.$router.push({path:'/sunVillage_info/login_code'})
+        }
+      }
+    },
+  }
+</script>
+<style scoped lang="scss">
+  .fixed_btn{
+    position: fixed;
+    right: 0;
+    width: 115PX;
+    bottom: 15%;
+    border-top-left-radius: 115PX;
+    border-bottom-left-radius: 115PX;
+    box-shadow: 0px 2px 5px #ccc;
+  }
+.home_wrapper{
+    background: #f1f2f2;
+    width: 100vw;
+    min-height: 100vh;
+    .head_main{
+        height: 340px;
+        background: url('../../assets/images/sunVillage_info/index_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: relative;
+        .location{
+            height: 42px;
+            line-height: 42px;
+            position: absolute;
+            left: 38px;
+            top: 72px;
+            display: flex;
+            .address{
+                padding:0 18px;
+                background:rgba(255,255,255,0.75);
+                border-radius: 42px;
+                font-size: 28px;
+                color: #3f3d56;
+                margin-right: 12px;
+                display: flex;
+                align-items:center;
+                .icon{
+                    display: block;
+                    width: 20px;
+                    height: 26px;
+                    background: url('../../assets/images/sunVillage_info/index_icon_1.png') no-repeat;
+                    background-size: 100% 100%;
+                    margin-right: 10px;
+                }
+            }
+        }
+        .exit_btn{
+            width: 61px;
+            height: 61px;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            position: absolute;
+            top: 64px;
+            right: 36px;
+            .icon{
+                width: 100%;
+                height: 100%;
+                background: url('../../assets/images/sunVillage_info/login_head_h.png') no-repeat;
+                background-size: 100% 100%;
+            }
+        }
+    }
+    .index_info{
+        padding-top: 4.1vh;
+        .title{
+            width: 521px;
+            height: 52px;
+            background: url('../../assets/images/sunVillage_info/index_title2.png') no-repeat;
+            background-size: 100% 100%;
+            margin:0 auto;
+        }
+      .nav_list{
+        margin-top: 6vh;
+        padding:0 30px;
+        display: flex;
+        flex-flow: wrap;
+        margin-bottom: 40PX;
+        .nav_item{
+          width: calc(50% - 10px);
+          /*height: 180px;*/
+          border-radius: 30px;
+          font-size: 24px;
+          color: #3f3d56;
+          text-align: center;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          img{
+            width: 100%;
+          }
+          &.n1{
+            margin-bottom: 20px;
+          }
+          &.n2{
+            margin-left: 20px;
+            margin-bottom: 20px;
+          }
+          &.n_1{
+            background: url('../../assets/images/sunVillage_info/index_block_01.png') no-repeat center top;
+            background-size: 50%;
+            /*margin-bottom: 20PX;*/
+          }
+          &.n_2{
+            background: url('../../assets/images/sunVillage_info/index_block_02.png') no-repeat center top;
+            background-size: 50%;
+            /*margin-bottom: 20PX;*/
+          }
+          &.n_3 {
+            background: url('../../assets/images/sunVillage_info/index_block_03.png') no-repeat center top;
+            background-size: 50%;
+            /*margin-bottom: 20PX;*/
+          }
+          &.n_4 {
+            background: url('../../assets/images/sunVillage_info/index_block_04.png') no-repeat center top;
+            background-size: 50%;
+            /*margin-bottom: 20PX;*/
+          }
+          &.n_5 {
+            background: url('../../assets/images/sunVillage_info/index_block_05.png') no-repeat center top;
+            background-size: 50%;
+          }
+          &.n_6 {
+            background: url('../../assets/images/sunVillage_info/index_block_06.png') no-repeat center top;
+            background-size: 50%;
+          }
+          &.n_7 {
+            background: url('../../assets/images/sunVillage_info/index_block_07.png') no-repeat center top;
+            background-size: 50%;
+          }
+          &.n_8 {
+            background: url('../../assets/images/sunVillage_info/index_block_08.png') no-repeat center top;
+            background-size: 50%;
+          }
+        }
+      }
+    }
+    .footer{
+        position: absolute;
+        bottom: 5.5vh;
+        width: 100%;
+        font-size: 22px;
+        color: #3f3d56;
+        text-align: center;
+    }
+}
+</style>
diff --git a/src/views/sunVillage_info/index_code_rights.vue b/src/views/sunVillage_info/index_code_rights.vue
new file mode 100644
index 00000000..639f0f36
--- /dev/null
+++ b/src/views/sunVillage_info/index_code_rights.vue
@@ -0,0 +1,249 @@
+<template>
+    <div class="home_wrapper">
+        <div class="head_main">
+            <div class="location">
+
+              <div class="address"><i class="icon"></i>{{deptName}}</div>
+
+              <div class="address">{{bookName}}</div>
+
+            </div>
+            <div class="exit_btn" @click="goOut">
+                <p>{{userName}}</p>
+                <i class="icon"></i>
+            </div>
+        </div>
+        <div class="index_info">
+            <div class="title"></div>
+            <div class="nav_box" style="margin-top: 6vh;">
+              <p class="nav_tit">公开公示</p>
+              <div class="nav_list">
+                <router-link :to="{name:'sunVillageInfoListFinance',query:{type:'code'}}" class="nav_item n_1">财务公开榜</router-link>
+                <router-link :to="{name:'sunVillageInfoListTourists',query:{type:'code'}}" class="nav_item n_2">零工公开榜</router-link>
+                <router-link :to="{name:'sunVillageInfoListIssues',query:{type:'code'}}" class="nav_item n_3">重大事项</router-link>
+              </div>
+            </div>
+            <div class="nav_box" style="margin-top: 3vh;">
+              <p class="nav_tit">我的权利</p>
+              <div class="nav_list">
+                <router-link :to="{name:'sunVillageInfoListVote',query:{type:'code'}}" class="nav_item n_4">投票表决</router-link>
+              </div>
+            </div>
+        </div>
+        <div class="footer">
+            技术支持：北京农燊高科信息技术有限公司
+        </div>
+    </div>
+</template>
+<script>
+  import { bookInfo } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        deptIdOptions:[],
+        villageVisbile:false,
+        showBookList:false,
+        deptName:'',
+        //选中的值
+        villageValue: "",
+        //省市区区级list
+        hcAreaInfoOption: [],
+        hcAreaInfoFieldName: {
+          text: "label",
+          value: "value",
+          children: "children",
+        },
+        bookName:'',
+        queryParams: {
+          pageNum: 1,
+          pageSize: 100,
+        },
+        //账套列表
+        bookVisbile:false,
+        bookList:[],
+        bookId:"",
+        deptId:"",
+        book:"",
+        userName:"",
+      };
+    },
+    created() {
+      this.deptId = Cookies.get('deptId')
+      this.bookId = Cookies.get('bookId')
+      bookInfo(this.bookId).then((res) => {
+        if (res.code == 200) {
+          this.deptName = res.data.deptName;
+          this.bookName = res.data.bookName;
+        }
+      });
+      if(Cookies.get('user')){
+        this.userName = JSON.parse(Cookies.get('user')).memberName
+      }
+    },
+    methods: {
+      goCode(){
+        this.$router.push({path:'/sunVillage_info/login_code'})
+      },
+      goOut(){
+        // Cookies.remove("memberName");
+        // Cookies.remove("idcard");
+        Cookies.remove("user");
+        this.$router.push({name:'sunVillageInfoIndexCode',query:{deptId:this.deptId,bookId:this.bookId}})
+      }
+    },
+  }
+</script>
+<style scoped lang="scss">
+  .fixed_btn{
+    position: fixed;
+    right: 0;
+    width: 115PX;
+    bottom: 15%;
+    border-top-left-radius: 115PX;
+    border-bottom-left-radius: 115PX;
+    box-shadow: 0px 2px 5px #ccc;
+  }
+.home_wrapper{
+    background: #f1f2f2;
+    width: 100vw;
+    min-height: 100vh;
+    .head_main{
+        height: 340px;
+        background: url('../../assets/images/sunVillage_info/index_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: relative;
+        .location{
+            height: 42px;
+            line-height: 42px;
+            position: absolute;
+            left: 38px;
+            top: 72px;
+            display: flex;
+            .address{
+                padding:0 18px;
+                background:rgba(255,255,255,0.75);
+                border-radius: 42px;
+                font-size: 28px;
+                color: #3f3d56;
+                margin-right: 12px;
+                display: flex;
+                align-items:center;
+                .icon{
+                    display: block;
+                    width: 20px;
+                    height: 26px;
+                    background: url('../../assets/images/sunVillage_info/index_icon_1.png') no-repeat;
+                    background-size: 100% 100%;
+                    margin-right: 10px;
+                }
+            }
+          .user{
+            .icon{
+              width: 32px;
+              height: 32px;
+              background: url('../../assets/images/sunVillage_info/user_icon.png') no-repeat!important;
+              background-size: 100% 100%;
+            }
+          }
+        }
+        .exit_btn{
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            position: absolute;
+            top: 64px;
+            right: 36px;
+            p{
+              background: #3f3d56;
+              color: #ffffff;
+              padding: 3PX 15PX;
+              position: relative;
+              right: -6PX;
+              border-top-left-radius: 20PX;
+              border-bottom-left-radius: 20PX;
+              box-shadow: -3PX 2PX 4PX rgba(0,0,0,0.3);
+            }
+            .icon{
+                width: 61px;
+                height: 61px;
+                background: url('../../assets/images/sunVillage_info/login_head_h_rights.png') no-repeat;
+                background-size: 100% 100%;
+                box-shadow: -3PX 2PX 4PX rgba(0,0,0,0.3);
+                border-radius: 100%;
+            }
+        }
+    }
+    .index_info{
+        padding-top: 4.1vh;
+        .title{
+            width: 521px;
+            height: 52px;
+            background: url('../../assets/images/sunVillage_info/index_title2_rights.png') no-repeat;
+            background-size: 100% 100%;
+            margin:0 auto;
+        }
+        .nav_box{
+          margin: 0 auto;
+          width: calc(100% - 60px);
+          background: #ffffff;
+          padding: 30px 30px 40px;
+          border-radius: 15PX;
+          box-shadow: 0px 2px 10px #cccccc;
+          .nav_tit{
+            font-size: 35px;
+            margin-bottom: 15PX;
+            font-weight: bold;
+          }
+          .nav_list{
+            display: flex;
+            flex-flow: wrap;
+            /*justify-content: space-between;*/
+            .nav_item{
+              font-size: 24px;
+              color: #333333;
+              text-align: center;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              padding-top: 40PX;
+              width: 25%;
+              &:nth-child(3){
+                margin-right: 0;
+              }
+              &.n_1{
+                background: url('../../assets/images/sunVillage_info/index_block_1_rights.png') no-repeat center top;
+                background-size: 34.5PX;
+              }
+              &.n_2{
+                background: url('../../assets/images/sunVillage_info/index_block_2_rights.png') no-repeat center top;
+                background-size: 34.5PX;
+              }
+              &.n_3 {
+                background: url('../../assets/images/sunVillage_info/index_block_3_rights.png') no-repeat center top;
+                background-size: 34.5PX;
+              }
+              &.n_4 {
+                background: url('../../assets/images/sunVillage_info/index_block_4_rights.png') no-repeat center top;
+                background-size: 34.5PX;
+              }
+              &.n_5 {
+                background: url('../../assets/images/sunVillage_info/index_block_5.png') no-repeat;
+                background-size: 100% 100%;
+              }
+            }
+          }
+        }
+    }
+    .footer{
+        position: absolute;
+        bottom: 5.5vh;
+        width: 100%;
+        font-size: 22px;
+        color: #3f3d56;
+        text-align: center;
+    }
+}
+</style>
diff --git a/src/views/sunVillage_info/information.vue b/src/views/sunVillage_info/information.vue
new file mode 100644
index 00000000..8ed10fa9
--- /dev/null
+++ b/src/views/sunVillage_info/information.vue
@@ -0,0 +1,428 @@
+ <template>
+     <div class="home_wrapper">
+         <div class="header_main">
+             合同信息
+             <div class="return_btn" @click="onClickLeft"></div>
+             <div class="add_btn" @click="goAdd"></div>
+         </div>
+         <div class="search_info">
+            <div class="search_block">
+                <i class="icon"></i>
+                <input type="text" class="ipt" placeholder="搜索" v-model="queryParams.name" @input="getSearchList">
+            </div>
+            <div class="total">共{{listLength}}个合同</div>
+         </div>
+         <div class="list_main">
+           <van-list
+             v-model="loading"
+             :finished="finished"
+             finished-text="没有更多了"
+             @load="getList"
+           >
+             <!--1-->
+             <van-swipe-cell right-width="150" class="item" v-for="(item,index) in applicationList" :key="index">
+                <div class="item_box" @click="$router.push({name:'sunVillageInfoInformationDetail',query:{id:item.id}})">
+                  <div class="head_block">
+                      <i class="icon"></i>
+                      <div class="title">{{item.name}}</div>
+                  </div>
+                  <div class="order_block">
+                      <div class="order">{{item.code}}</div>
+                      <div :class="{'describe':true,'suspend':item.contractionStatus == '撤销','normal':item.contractionStatus == '正常','undo':item.contractionStatus == '终止'}">{{item.contractionStatus}}<i class="icon"></i></div>
+                  </div>
+                  <div class="function_block">
+                     <div class="value">合同金额<span class="amount">￥{{item.totalAmount}}</span></div>
+                     <div class="startStop_time">
+                        <div class="time"><div class="unim start">起</div>{{item.startTime}}</div>
+                        <div class="time"><div class="unim stop">止</div>{{item.endTime}}</div>
+                     </div>
+                  </div>
+                </div>
+               <template #right>
+                 <div @click="handleDelete(item,index)" style="background-color: #ee0a24;height: 100%">删除</div>
+                 <router-link :to="{name:'sunVillageInfoInformationEdit',query:{id:item.id}}" style="background-color: #07c160">修改</router-link>
+                 <div @click="openLoader(item.id,index)" style="background-color: rgb(98,173,102,0.2);color: #62AD66;">附件</div>
+               </template>
+             </van-swipe-cell>
+           </van-list>
+
+         </div>
+<!--         <div class="bottom_tips">-->
+<!--            <span class="xs">已经到底啦</span>-->
+<!--        </div>-->
+       <van-popup v-model="show" lock-scroll closeable position="top" :style="{ height: '30%' }" >
+         <div style="padding: 0 13% 0 5%;">
+           <van-divider>附件</van-divider>
+           <van-uploader v-model="fileList" :after-read="afterRead" @delete="deleteFile1" multiple />
+         </div>
+       </van-popup>
+    </div>
+</template>
+
+<script>
+ import { contractionList , delInfo , commonAttach , attachmentList , systemAttachment } from "@/api/sunVillage_info/fixedAssets";
+ import request from '@/utils/request'
+ export default {
+   name: "certificateList",
+   data() {
+     return {
+       applicationList:[],
+       applicationListSecond:[],
+       assetStatusOptions:[],
+       auditStatus:[],
+       loading: false,
+       finished: false,
+       show: false,
+       fileList:[],
+       listLength:'0',
+       searchInput:'',
+       queryParams:{
+         pageNum:1,
+         pageSize:10,
+         orderByColumn:'createTime',
+         isAsc:'desc',
+         name:'',
+       },
+       uploadFiles1:[],
+       projectId:'',
+       projectIndex:''
+     };
+   },
+   created() {
+     this.houseGetDicts("contraction_status").then((response) => {
+       this.contractionStatusOptions = response.data;
+     });
+   },
+   methods: {
+     getList(){
+       setTimeout(() => {
+         contractionList(this.queryParams).then(response => {
+           this.listLength = response.total;
+           for (var i = 0; i < response.rows.length; i++) {
+             response.rows[i].contractionStatus = this.selectDictLabel(this.contractionStatusOptions, response.rows[i].contractionStatus);
+             response.rows[i].totalAmount = Number(response.rows[i].totalAmount ).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, ($0, $1) => { return $1 + ","; }).replace(/\.$/, "")
+             this.applicationList.push(response.rows[i]);
+             this.applicationListSecond.push(response.rows[i]);
+           }
+           if(this.applicationList.length >= response.total){
+             this.finished = true;
+             return;
+           }else{
+             this.loading = false;
+             this.queryParams.pageNum += 1 ;
+           }
+         });
+       }, 1000);
+     },
+     getSearchList(){
+       this.applicationList = [];
+       this.queryParams.pageNum = 1;
+       this.getList();
+     },
+     afterRead(file) {
+       // 此时可以自行将文件上传至服务器
+       this.uploadFiles1.push(file.file);
+         let params1 = new FormData();
+         params1.append("tableId", this.projectId);
+         params1.append("tableName", "t_contraction_info");
+         params1.append("bizPath", "contraction");
+         params1.append("fileType", this.projectIndex);
+         params1.append("file", file.file);
+         commonAttach(params1).then((r1) => {
+           this.$notify({ type: 'success', message: '上传成功' });
+         })
+     },
+     openLoader(id,index){
+       this.show = true;
+       this.projectId = id;
+       this.projectIndex = index;
+       this.fileList = [];
+       let oData1= {
+         tableId: id,
+         tableName: "t_contraction_info",
+         bizPath: "contraction",
+         fileType: index,
+       }
+       attachmentList(oData1).then(res => {
+         res.rows.map(r => {
+           let baseUrl = location.protocol+"//"+location.host+request.defaults.baseURL
+           this.fileList.push({"url":baseUrl + r.fileUrl,"file":new File([],r.fileName,{}),"id":r.id})
+         })
+       })
+     },
+     /** 删除按钮操作 */
+     handleDelete(row,index) {
+
+       const ids = row.id || this.ids;
+
+       this.$dialog.alert(
+         {
+           message:'是否确认删除合同信息?',
+           title:"警告",
+           confirmButtonText: "确定",
+           cancelButtonText: "取消",
+         }
+       )
+         .then(function () {
+           return delInfo(ids);
+         })
+         .then(() => {
+           this.applicationList.splice(index, 1);
+           this.$notify({ type: 'success', message: '删除成功' });
+         });
+     },
+     deleteFile1(file){
+       console.log(file)
+       systemAttachment(file.id).then(res => {
+         this.$notify({ type: 'success', message: '删除成功' });
+       })
+     },
+     goAdd(){
+       this.$router.push('/sunVillage_info/informationAdd')
+     },
+   },
+ }
+</script>
+
+<style scoped lang="scss">
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        position: relative;
+
+        .return_btn {
+            width: 24px;
+            height: 43.2px;
+            background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+
+        .add_btn {
+            width: 56.4px;
+            height: 40.8px;
+            background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+            background-size: 47px 34px;
+            position: absolute;
+            right: 38px;
+            top: 36px;
+        }
+    }
+    .search_info{
+        padding:20px 23px;
+        display: flex;
+        .search_block{
+        height: 59px;
+        width: 535px;
+        border-radius: 59px;
+        background: #fff;
+        display: flex;
+        border:2px solid #3494ff;
+        padding-right: 35px;
+        align-items: center;
+        .icon{
+            width: 30px;
+            height: 30px;
+            background: url('../../assets/images/sunVillage_info/fixedAssets_icon_1.png') no-repeat;
+            background-size: 100% 100%;
+            display: block;
+            margin:0 8px 0 26px;
+        }
+        .ipt{
+        flex: 1;
+        font-size: 26px;
+        background: none;
+        border:0 none;
+        line-height: 59px;
+        }
+        }
+        .total{
+        flex: 1;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 26px;
+        color: #858585;
+        }
+    }
+    .list_main{
+        padding:0 22px;
+        .item{
+            height: 207px;
+            border-radius: 30px;
+            background: #fff;
+            box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+            margin-bottom: 20px;
+            .item_box{
+              padding:25px 32px;
+            }
+            .head_block{
+                height: 56px;
+                display: flex;
+                align-items: center;
+                width: 100%;
+                 .icon{
+                    width: 34px;
+                    height: 30px;
+                    background: url('../../assets/images/sunVillage_info/fixedAssets_icon_2.png') no-repeat;
+                    background-size: 100% 100%;
+                    display: block;
+                    margin-right: 12px;
+                }
+                .title{
+                    flex:1;
+                    font-size: 32px;
+                    color: #252525;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                    padding-right: 20px;
+
+                }
+            }
+            .order_block{
+                height: 50px;
+                display: flex;
+                align-items: center;
+                width: 100%;
+                .order{
+                    flex: 1;
+                    font-size: 26px;
+                    color: #252525;
+                }
+                .describe{
+                    font-size: 26px;
+                    display: flex;
+                    align-items: center;
+                    &.suspend{
+                        color: #f69600;
+                        .icon{
+                            width: 27px;
+                            height: 26px;
+                            background: url('../../assets/images/sunVillage_info/information_icon_1.png') no-repeat;
+                            background-size: 100% 100%;
+                            display: block;
+                            margin-left: 15px;
+                        }
+                    }
+                    &.normal{
+                        color: #69c100;
+                        .icon{
+                            width: 32px;
+                            height: 26px;
+                            background: url('../../assets/images/sunVillage_info/information_icon_2.png') no-repeat;
+                            background-size: 100% 100%;
+                            display: block;
+                            margin-left: 15px;
+                        }
+                    }
+                    &.undo{
+                        color: #858585;
+                        .icon{
+                            width: 27px;
+                            height: 26px;
+                            background: url('../../assets/images/sunVillage_info/information_icon_3.png') no-repeat;
+                            background-size: 100% 100%;
+                            display: block;
+                            margin-left: 15px;
+                        }
+                    }
+
+
+                }
+            }
+            .function_block{
+                height: 50px;
+                display: flex;
+                align-items: center;
+                width: 100%;
+                .value{
+                    flex: 1;
+                    font-size: 24px;
+                    color: #252525;
+                    .amount{
+                        color: #eb1616;
+                    }
+                }
+                .startStop_time{
+                    display: flex;
+                    align-items: center;
+                    .time{
+                        display: flex;
+                        align-items: center;
+                        font-size: 24px;
+                        color: #002022;
+                        margin-left: 25px;
+                        .unim{
+                            width: 32px;
+                            height: 32px;
+                            font-size: 22px;
+                            color: #fff;
+                            text-align: center;
+                            line-height: 32px;
+                            border-radius: 6px;
+                            margin-right: 8px;
+                            &.start{background: #3e7df2;}
+                            &.stop{background: #eb1616;}
+                        }
+                    }
+                }
+            }
+
+
+        //    <div class="function_block">
+        //              <div class="value">合同金额<span class="amount">￥199.00</span></div>
+        //              <div class="startStop_time">
+        //                 <div class="time"><div class="unim">起</div>2022.05.04</div>
+        //                 <div class="time"><div class="unim">起</div>2022.05.04</div>
+        //              </div>
+        //          </div>
+
+
+        }
+    }
+    .bottom_tips{
+        font-size: 24px;
+         color: #a7a6a6;
+         text-align: center;
+         margin-top: 32px;
+         background: url('../../assets/images/sunVillage_info/list_icon_8.png') center center no-repeat;
+         background-size: 260px 2px;
+         .xs{
+            padding:0 8px;
+            background: #e9e9e9;
+         }
+    }
+    /deep/ .van-swipe-cell__right{
+      display: flex;
+      align-items: center;
+      width: 150PX;
+      margin-left: 5PX;
+      a,div{
+        margin: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #ffffff;
+        font-size: 14PX;
+        height: 100%;
+        flex: 1;
+      }
+    }
+}
+</style>
diff --git a/src/views/sunVillage_info/informationAdd.vue b/src/views/sunVillage_info/informationAdd.vue
new file mode 100644
index 00000000..091fe35c
--- /dev/null
+++ b/src/views/sunVillage_info/informationAdd.vue
@@ -0,0 +1,652 @@
+ <template>
+     <div class="home_wrapper">
+         <div class="header_main">
+             新增合同信息
+             <div class="return_btn" @click="onClickLeft"></div>
+         </div>
+       <van-form @submit="onSubmit">
+         <div class="list_main">
+           <div class="titBox">
+             <img src="../../assets/images/sunVillage_info/add_icon_1.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+             <p class="tit">合同信息</p>
+           </div>
+           <van-field required v-model="form.code" label="合同编码" placeholder="合同编码" input-align="right" :border="false" />
+           <van-field required v-model="form.name" label="合同名称" placeholder="合同名称" input-align="right" :border="false" />
+
+           <van-field
+             readonly
+             clickable
+             label="合同类型"
+             placeholder="请选择"
+             v-model="assetType"
+             @click="showAssetType = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择合同类型' }]"
+           />
+           <van-popup v-model="showAssetType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="assetTypeOptions"
+               @confirm="onConfirmAssetType"
+               @cancel="showAssetType = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="合同来源"
+             placeholder="请选择"
+             v-model="contractionSource"
+             @click="showContractionSource = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择合同来源' }]"
+           />
+           <van-popup v-model="showContractionSource" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="contractionSourceOptions"
+               @confirm="onConfirmContractionSource"
+               @cancel="showContractionSource = false"
+             />
+           </van-popup>
+           <van-field required v-model="form.firstParty" label="合同甲方" placeholder="合同甲方" input-align="right" :border="false" />
+           <van-field v-model="form.firstPartyDirector" label="甲方代表" placeholder="甲方代表" input-align="right" :border="false" />
+           <van-field v-model="form.firstPartyPhone" label="甲方电话" placeholder="甲方电话" input-align="right" :border="false" />
+           <van-field required v-model="form.secondParty" label="合同乙方" placeholder="乙方名称" input-align="right" :border="false" />
+           <van-field v-model="form.secondPartyDirector" label="乙方代表" placeholder="乙方代表" input-align="right" :border="false" />
+           <van-field v-model="form.secondPartyPhone" label="乙方电话" placeholder="乙方电话" input-align="right" :border="false" />
+
+           <van-field v-model="form.secondPartyIdCard" label="乙方身份证号" placeholder="乙方身份证号" input-align="right" :border="false" />
+
+
+           <van-field
+             readonly
+             clickable
+             label="签订日期"
+             placeholder="请选择"
+             v-model="form.buildingTime"
+             @click="showBuildingTime = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+           />
+           <van-popup v-model="showBuildingTime" position="bottom">
+             <van-datetime-picker
+               v-model="buildingTime"
+               type="date"
+               title="选择年月日"
+               @confirm="onConfirmBuildingTime"
+               @cancel="showBuildingTime = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="合同状态"
+             placeholder="请选择"
+             v-model="contractionStatus"
+             @click="showContractionStatus = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择合同状态' }]"
+           />
+           <van-popup v-model="showContractionStatus" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="contractionStatusOptions"
+               @confirm="onConfirmContractionStatus"
+               @cancel="showContractionStatus = false"
+             />
+           </van-popup>
+           <van-field v-model="form.remark" label="备注" placeholder="备注" input-align="right" :border="false" />
+         </div>
+
+         <div class="list_main">
+           <div class="titBox">
+             <img src="../../assets/images/sunVillage_info/add_icon_1.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+             <p class="tit">合同约定</p>
+           </div>
+           <van-field
+             readonly
+             clickable
+             label="收付款类型"
+             placeholder="请选择"
+             v-model="collectionPay"
+             @click="showCollectionPay = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择收付款类型' }]"
+           />
+           <van-popup v-model="showCollectionPay" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="collectionPayOptions"
+               @confirm="onConfirmCollectionPay"
+               @cancel="showCollectionPay = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="结款方式"
+             placeholder="请选择"
+             v-model="settleType"
+             @click="showSettleType = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择结款方式' }]"
+           />
+           <van-popup v-model="showSettleType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="settleTypeOptions"
+               @confirm="onConfirmSettleType"
+               @cancel="showSettleType = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="支付方式"
+             placeholder="请选择"
+             v-model="contractPaymentType"
+             @click="showContractPaymentType = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择支付方式' }]"
+           />
+           <van-popup v-model="showContractPaymentType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="contractPaymentTypeOptions"
+               @confirm="onConfirmContractPaymentType"
+               @cancel="showContractPaymentType = false"
+             />
+           </van-popup>
+
+           <van-field v-model="form.contractObject" label="合同标的" placeholder="合同标的" input-align="right" :border="false" />
+           <van-field v-model="form.num" label="标的数量" placeholder="标的数量" input-align="right" :border="false" />
+
+           <van-field v-model="form.unit" label="计量单位" placeholder="计量单位" input-align="right" :border="false" />
+
+           <van-field
+             readonly
+             clickable
+             label="开始日期"
+             placeholder="请选择"
+             v-model="form.startTime"
+             @click="showStartTime = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择开始日期' }]"
+           />
+           <van-popup v-model="showStartTime" position="bottom">
+             <van-datetime-picker
+               v-model="startTime"
+               type="date"
+               title="选择年月日"
+               @confirm="onConfirmStartTime"
+               @cancel="showStartTime = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="结束日期"
+             placeholder="请选择"
+             v-model="form.endTime"
+             @click="showEndTime = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择开始日期' }]"
+           />
+           <van-popup v-model="showEndTime" position="bottom">
+             <van-datetime-picker
+               v-model="endTime"
+               type="date"
+               title="选择年月日"
+               @confirm="onConfirmEndTime"
+               @cancel="showEndTime = false"
+             />
+           </van-popup>
+
+
+           <van-field v-model="form.contractYears" label="承包年限(年)" placeholder="承包年限(年)" input-align="right" :border="false" />
+           <van-field required v-model="form.totalAmount" label="承包价款(元)" placeholder="承包价款(元)" input-align="right" :border="false" />
+           <van-field required v-model="form.price" label="折合年均(元)" placeholder="折合年均(元)" input-align="right" :border="false" />
+
+           <van-field required v-model="form.receivedAmount" label="已结款(元)" placeholder="已结款(元)" input-align="right" :border="false" />
+           <van-field v-model="form.settledAmount" label="下次结款(元)" placeholder="下次结款(元)" input-align="right" :border="false" />
+
+         </div>
+
+         <div class="list_main">
+           <div class="titBox">
+             <img src="../../assets/images/sunVillage_info/add_icon_2.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+             <p class="tit">村委情况</p>
+           </div>
+           <van-field v-model="form.villageHead" label="村负责人" placeholder="村负责人" input-align="right" :border="false" />
+           <van-field v-model="form.contractCustodian" label="合同保管人" placeholder="合同保管人" input-align="right" />
+           <van-field v-model="form.villageRepsOpinion" label="村民代表意见" placeholder="村民代表意见" input-align="right" :border="false" />
+
+           <van-field
+             readonly
+             clickable
+             label="会议时间"
+             placeholder="请选择"
+             v-model="form.meetingTime"
+             @click="showMeetingTime = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             :border="false"
+           />
+           <van-popup v-model="showMeetingTime" position="bottom">
+             <van-datetime-picker
+               v-model="meetingTime"
+               type="date"
+               title="选择年月日"
+               @confirm="onConfirmMeetingTime"
+               @cancel="showMeetingTime = false"
+             />
+           </van-popup>
+         </div>
+
+         <div class="list_main">
+           <div class="titBox">
+             <img src="../../assets/images/sunVillage_info/add_icon_2.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+             <p class="tit">招标信息</p>
+           </div>
+<!--           <van-field required v-model="form.biddingWay" label="招标方式" placeholder="招标方式" input-align="right" :border="false" />-->
+           <van-field v-model="form.itemId" label="项目编号" placeholder="项目编号" input-align="right" />
+           <van-field v-model="form.itemName" label="项目名称" placeholder="项目名称" input-align="right" :border="false" />
+           <van-field v-model="form.handleName" label="经办人" placeholder="经办人" input-align="right" :border="false" />
+           <van-field v-model="form.budget" label="预算金额(元)" placeholder="预算金额(元)" input-align="right" :border="false" />
+
+           <van-field
+             readonly
+             clickable
+             label="招标日期"
+             placeholder="请选择"
+             v-model="form.biddingDate"
+             @click="showBiddingDate = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             :border="false"
+           />
+           <van-popup v-model="showBiddingDate" position="bottom">
+             <van-datetime-picker
+               v-model="biddingDate"
+               type="date"
+               title="选择年月日"
+               @confirm="onConfirmBiddingDate"
+               @cancel="showBiddingDate = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="招标类型"
+             placeholder="请选择"
+             v-model="biddingType"
+             @click="showBiddingType = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             :border="false"
+           />
+           <van-popup v-model="showBiddingType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="biddingTypeOptions"
+               @confirm="onConfirmBiddingType"
+               @cancel="showBiddingType = false"
+             />
+           </van-popup>
+           <van-field v-model="form.winBiddingCompany" label="中标单位" placeholder="中标单位" input-align="right" :border="false" />
+           <van-field v-model="form.winBiddingPrice" label="中标金额(元)" placeholder="中标金额(元)" input-align="right" :border="false" />
+           <van-field v-model="form.reviewer" label="审核人" placeholder="审核人" input-align="right" :border="false" />
+
+           <van-field
+             readonly
+             clickable
+             label="审核时间"
+             placeholder="请选择"
+             v-model="form.reviewTime"
+             @click="showReviewTime = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             :border="false"
+           />
+           <van-popup v-model="showReviewTime" position="bottom">
+             <van-datetime-picker
+               v-model="reviewTime"
+               type="date"
+               title="选择年月日"
+               @confirm="onConfirmReviewTime"
+               @cancel="showReviewTime = false"
+             />
+           </van-popup>
+         </div>
+
+         <div style="margin: 16px auto;width: 50%;">
+           <van-button round block type="primary" native-type="submit">
+             保存
+           </van-button>
+         </div>
+       </van-form>
+     </div>
+ </template>
+ <script>
+   import { addInfo } from "@/api/sunVillage_info/fixedAssets";
+   export default {
+     name: "certificateList",
+     data() {
+       return {
+         applicationList:[],
+         applicationListSecond:[],
+         assetStatusOptions:[],
+         auditStatus:[],
+         loading: false,
+         finished: false,
+         listLength:'0',
+         searchInput:'',
+         form:{
+           assetType:'1',
+           contractionSource:'1',
+           contractionStatus:'1',
+           collectionPay:'1',
+           settleType:'1',
+           contractPaymentType:'1',
+           biddingType:'',
+           startTime:this.format(new Date(),'yyyy-MM-dd'),
+           endTime:this.format(new Date(),'yyyy-MM-dd'),
+           meetingTime:this.format(new Date(),'yyyy-MM-dd'),
+           biddingDate:this.format(new Date(),'yyyy-MM-dd'),
+           reviewTime:this.format(new Date(),'yyyy-MM-dd'),
+           buildingTime:this.format(new Date(),'yyyy-MM-dd'),
+         },
+         queryParams:{
+           pageNum:1,
+           pageSize:10,
+           orderByColumn:'createTime',
+           isAsc:'desc',
+           name:'',
+         },
+         startTime:new Date(),
+         endTime:new Date(),
+         meetingTime:new Date(),
+         biddingDate:new Date(),
+         reviewTime:new Date(),
+         buildingTime:new Date(),
+         //合同类型
+         assetType:'农村土地承包合同类',
+         showAssetType:false,
+         assetTypeOptions:[],
+         //合同来源
+         contractionSource:'线下合同',
+         showContractionSource:false,
+         contractionSourceOptions:[],
+         //合同状态
+         contractionStatus:'正常',
+         showContractionStatus:false,
+         contractionStatusOptions:[],
+         //收付款类型
+         collectionPay:'收款',
+         showCollectionPay:false,
+         collectionPayOptions:[],
+         //结款方式
+         settleType:'一次性支付',
+         showSettleType:false,
+         settleTypeOptions:[],
+         //支付方式
+         contractPaymentType:'现金',
+         showContractPaymentType:false,
+         contractPaymentTypeOptions:[],
+         //支付方式
+         biddingType:'',
+         showBiddingType:false,
+         biddingTypeOptions:[],
+
+         showStartTime:false,
+         showEndTime:false,
+         showMeetingTime:false,
+         showBiddingDate:false,
+         showReviewTime:false,
+         showBuildingTime:false,
+       };
+     },
+     created() {
+       this.houseGetDicts("type_of_contract").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.assetTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+       });
+       this.houseGetDicts("contraction_source").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.contractionSourceOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+       });
+       this.houseGetDicts("contraction_status").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.contractionStatusOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+       });
+       this.houseGetDicts("collection_pay").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.collectionPayOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+       });
+       this.houseGetDicts("settle_type").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.settleTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+       });
+       this.houseGetDicts("contract_payment_type").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.contractPaymentTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+       });
+       this.houseGetDicts("bidding_types").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.biddingTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+       });
+     },
+     methods: {
+       onConfirmAssetType(data){
+         this.assetType = data.text;
+         this.form.assetType = data.value;
+         this.showAssetType = false;
+       },
+       onConfirmContractionSource(data){
+         this.contractionSource = data.text;
+         this.form.contractionSource = data.value;
+         this.showContractionSource = false;
+       },
+       onConfirmContractionStatus(data){
+         this.contractionStatus = data.text;
+         this.form.contractionStatus = data.value;
+         this.showContractionStatus = false;
+       },
+       onConfirmCollectionPay(data){
+         this.collectionPay = data.text;
+         this.form.collectionPay = data.value;
+         this.showCollectionPay = false;
+       },
+       onConfirmSettleType(data){
+         this.settleType = data.text;
+         this.form.settleType = data.value;
+         this.showSettleType = false;
+       },
+       onConfirmContractPaymentType(data){
+         this.contractPaymentType = data.text;
+         this.form.contractPaymentType = data.value;
+         this.showContractPaymentType = false;
+       },
+       onConfirmBiddingType(data){
+         this.biddingType = data.text;
+         this.form.biddingType = data.value;
+         this.showBiddingType = false;
+       },
+       onConfirmStartTime(data){
+         this.form.startTime = this.format(data,'yyyy-MM-dd');
+         this.startTime = data;
+         this.showStartTime = false;
+       },
+       onConfirmEndTime(data){
+         this.form.endTime = this.format(data,'yyyy-MM-dd');
+         this.endTime = data;
+         this.showEndTime = false;
+       },
+       onConfirmMeetingTime(data){
+         this.form.meetingTime = this.format(data,'yyyy-MM-dd');
+         this.meetingTime = data;
+         this.showMeetingTime = false;
+       },
+       onConfirmBiddingDate(data){
+         this.form.biddingDate = this.format(data,'yyyy-MM-dd');
+         this.biddingDate = data;
+         this.showBiddingDate = false;
+       },
+       onConfirmReviewTime(data){
+         this.form.reviewTime = this.format(data,'yyyy-MM-dd');
+         this.reviewTime = data;
+         this.showReviewTime = false;
+       },
+       onConfirmBuildingTime(data){
+         this.form.buildingTime = this.format(data,'yyyy-MM-dd');
+         this.buildingTime = data;
+         this.showBuildingTime = false;
+       },
+       onSubmit(){
+         addInfo(this.form).then((response) => {
+           if (response.code == 200){
+             this.$notify({ type: 'success', message: '新增成功' });
+             setTimeout(function(){
+               history.back(-1);
+             },2000)
+           }
+         });
+       }
+     },
+   }
+ </script>
+ <style scoped lang="scss">
+   /deep/ .van-button--primary{
+     background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat;
+     background-size: 100% 100%;
+     border: none;
+   }
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        position: relative;
+
+        .return_btn {
+            width: 24px;
+            height: 43.2px;
+            background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+
+        .add_btn {
+            width: 56.4px;
+            height: 40.8px;
+            background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+            background-size: 47px 34px;
+            position: absolute;
+            right: 38px;
+            top: 36px;
+        }
+    }
+    .list_main{
+      padding:25px;
+      background: #ffffff;
+      width: 94%;
+      margin: 25px auto 0;
+      border-radius: 15PX;
+      box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    }
+    .titBox{
+      display: flex;
+      align-items: center;
+    }
+    .tit{
+      font-size: 36px;
+      font-weight: bold;
+    }
+    /deep/ .van-cell{
+      padding-left: 0!important;
+      padding-right: 0!important;
+      padding-bottom: 0!important;
+    }
+    /deep/ .van-field__label{
+      padding-left: 10PX;
+      width: 8.2em;
+    }
+    /deep/ .van-cell--required::before{
+      left: 0;
+    }
+
+}
+
+
+
+
+
+
+
+ </style>
diff --git a/src/views/sunVillage_info/informationDetail.vue b/src/views/sunVillage_info/informationDetail.vue
new file mode 100644
index 00000000..0172f0f8
--- /dev/null
+++ b/src/views/sunVillage_info/informationDetail.vue
@@ -0,0 +1,636 @@
+ <template>
+     <div class="home_wrapper">
+         <div class="header_main">
+             查看合同信息
+             <div class="return_btn" @click="onClickLeft"></div>
+         </div>
+       <van-form @submit="onSubmit">
+         <div class="list_main">
+           <div class="titBox">
+             <img src="../../assets/images/sunVillage_info/add_icon_1.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+             <p class="tit">合同信息</p>
+           </div>
+           <van-field readonly required v-model="form.code" label="合同编码" placeholder="合同编码" input-align="right" :border="false" />
+           <van-field readonly required v-model="form.name" label="合同名称" placeholder="合同名称" input-align="right" :border="false" />
+
+           <van-field
+             readonly
+             clickable
+             label="合同类型"
+             placeholder="请选择"
+             v-model="assetType"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择合同类型' }]"
+           />
+           <van-popup v-model="showAssetType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="assetTypeOptions"
+               @confirm="onConfirmAssetType"
+               @cancel="showAssetType = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="合同来源"
+             placeholder="请选择"
+             v-model="contractionSource"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择合同来源' }]"
+           />
+           <van-popup v-model="showContractionSource" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="contractionSourceOptions"
+               @confirm="onConfirmContractionSource"
+               @cancel="showContractionSource = false"
+             />
+           </van-popup>
+           <van-field readonly required v-model="form.firstParty" label="合同甲方" placeholder="合同甲方" input-align="right" :border="false" />
+           <van-field readonly v-model="form.firstPartyDirector" label="甲方代表" placeholder="甲方代表" input-align="right" :border="false" />
+           <van-field readonly v-model="form.firstPartyPhone" label="甲方电话" placeholder="甲方电话" input-align="right" :border="false" />
+           <van-field readonly required v-model="form.secondParty" label="合同乙方" placeholder="乙方名称" input-align="right" :border="false" />
+           <van-field readonly v-model="form.secondPartyDirector" label="乙方代表" placeholder="乙方代表" input-align="right" :border="false" />
+           <van-field readonly v-model="form.secondPartyPhone" label="乙方电话" placeholder="乙方电话" input-align="right" :border="false" />
+
+           <van-field readonly v-model="form.secondPartyIdCard" label="乙方身份证号" placeholder="乙方身份证号" input-align="right" :border="false" />
+
+
+           <van-field
+             readonly
+             clickable
+             label="签订日期"
+             placeholder="请选择"
+             v-model="form.buildingTime"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+           />
+           <van-popup v-model="showBuildingTime" position="bottom">
+             <van-datetime-picker
+               v-model="buildingTime"
+               type="date"
+               title="选择年月日"
+               @confirm="onConfirmBuildingTime"
+               @cancel="showBuildingTime = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="合同状态"
+             placeholder="请选择"
+             v-model="contractionStatus"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择合同状态' }]"
+           />
+           <van-popup v-model="showContractionStatus" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="contractionStatusOptions"
+               @confirm="onConfirmContractionStatus"
+               @cancel="showContractionStatus = false"
+             />
+           </van-popup>
+           <van-field readonly v-model="form.remark" label="备注" placeholder="备注" input-align="right" :border="false" />
+         </div>
+
+         <div class="list_main">
+           <div class="titBox">
+             <img src="../../assets/images/sunVillage_info/add_icon_1.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+             <p class="tit">合同约定</p>
+           </div>
+           <van-field
+             readonly
+             clickable
+             label="收付款类型"
+             placeholder="请选择"
+             v-model="collectionPay"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择收付款类型' }]"
+           />
+           <van-popup v-model="showCollectionPay" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="collectionPayOptions"
+               @confirm="onConfirmCollectionPay"
+               @cancel="showCollectionPay = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="结款方式"
+             placeholder="请选择"
+             v-model="settleType"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择结款方式' }]"
+           />
+           <van-popup v-model="showSettleType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="settleTypeOptions"
+               @confirm="onConfirmSettleType"
+               @cancel="showSettleType = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="支付方式"
+             placeholder="请选择"
+             v-model="contractPaymentType"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择支付方式' }]"
+           />
+           <van-popup v-model="showContractPaymentType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="contractPaymentTypeOptions"
+               @confirm="onConfirmContractPaymentType"
+               @cancel="showContractPaymentType = false"
+             />
+           </van-popup>
+
+           <van-field readonly v-model="form.contractObject" label="合同标的" placeholder="合同标的" input-align="right" :border="false" />
+           <van-field readonly v-model="form.num" label="标的数量" placeholder="标的数量" input-align="right" :border="false" />
+
+           <van-field readonly v-model="form.unit" label="计量单位" placeholder="计量单位" input-align="right" :border="false" />
+
+           <van-field
+             readonly
+             clickable
+             label="开始日期"
+             placeholder="请选择"
+             v-model="form.startTime"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择开始日期' }]"
+           />
+           <van-popup v-model="showStartTime" position="bottom">
+             <van-datetime-picker
+               v-model="startTime"
+               type="date"
+               title="选择年月日"
+               @confirm="onConfirmStartTime"
+               @cancel="showStartTime = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="结束日期"
+             placeholder="请选择"
+             v-model="form.endTime"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择开始日期' }]"
+           />
+           <van-popup v-model="showEndTime" position="bottom">
+             <van-datetime-picker
+               v-model="endTime"
+               type="date"
+               title="选择年月日"
+               @confirm="onConfirmEndTime"
+               @cancel="showEndTime = false"
+             />
+           </van-popup>
+
+
+           <van-field readonly v-model="form.contractYears" label="承包年限(年)" placeholder="承包年限(年)" input-align="right" :border="false" />
+           <van-field readonly required v-model="form.totalAmount" label="承包价款(元)" placeholder="承包价款(元)" input-align="right" :border="false" />
+           <van-field readonly required v-model="form.price" label="折合年均(元)" placeholder="折合年均(元)" input-align="right" :border="false" />
+
+           <van-field readonly required v-model="form.receivedAmount" label="已结款(元)" placeholder="已结款(元)" input-align="right" :border="false" />
+           <van-field readonly v-model="form.settledAmount" label="下次结款(元)" placeholder="下次结款(元)" input-align="right" :border="false" />
+
+         </div>
+
+         <div class="list_main">
+           <div class="titBox">
+             <img src="../../assets/images/sunVillage_info/add_icon_2.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+             <p class="tit">村委情况</p>
+           </div>
+           <van-field readonly v-model="form.villageHead" label="村负责人" placeholder="村负责人" input-align="right" :border="false" />
+           <van-field readonly v-model="form.contractCustodian" label="合同保管人" placeholder="合同保管人" input-align="right" />
+           <van-field readonly v-model="form.villageRepsOpinion" label="村民代表意见" placeholder="村民代表意见" input-align="right" :border="false" />
+
+           <van-field
+             readonly
+             clickable
+             label="会议时间"
+             placeholder="请选择"
+             v-model="form.meetingTime"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             :border="false"
+           />
+           <van-popup v-model="showMeetingTime" position="bottom">
+             <van-datetime-picker
+               v-model="meetingTime"
+               type="date"
+               title="选择年月日"
+               @confirm="onConfirmMeetingTime"
+               @cancel="showMeetingTime = false"
+             />
+           </van-popup>
+         </div>
+
+         <div class="list_main">
+           <div class="titBox">
+             <img src="../../assets/images/sunVillage_info/add_icon_2.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+             <p class="tit">招标信息</p>
+           </div>
+<!--           <van-field required v-model="form.biddingWay" label="招标方式" placeholder="招标方式" input-align="right" :border="false" />-->
+           <van-field readonly v-model="form.itemId" label="项目编号" placeholder="项目编号" input-align="right" />
+           <van-field readonly v-model="form.itemName" label="项目名称" placeholder="项目名称" input-align="right" :border="false" />
+           <van-field readonly v-model="form.handleName" label="经办人" placeholder="经办人" input-align="right" :border="false" />
+           <van-field readonly v-model="form.budget" label="预算金额(元)" placeholder="预算金额(元)" input-align="right" :border="false" />
+
+           <van-field
+             readonly
+             clickable
+             label="招标日期"
+             placeholder="请选择"
+             v-model="form.biddingDate"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             :border="false"
+           />
+           <van-popup v-model="showBiddingDate" position="bottom">
+             <van-datetime-picker
+               v-model="biddingDate"
+               type="date"
+               title="选择年月日"
+               @confirm="onConfirmBiddingDate"
+               @cancel="showBiddingDate = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="招标类型"
+             placeholder="请选择"
+             v-model="biddingType"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             :border="false"
+           />
+           <van-popup v-model="showBiddingType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="biddingTypeOptions"
+               @confirm="onConfirmBiddingType"
+               @cancel="showBiddingType = false"
+             />
+           </van-popup>
+           <van-field readonly v-model="form.winBiddingCompany" label="中标单位" placeholder="中标单位" input-align="right" :border="false" />
+           <van-field readonly v-model="form.winBiddingPrice" label="中标金额(元)" placeholder="中标金额(元)" input-align="right" :border="false" />
+           <van-field readonly v-model="form.reviewer" label="审核人" placeholder="审核人" input-align="right" :border="false" />
+
+           <van-field
+             readonly
+             clickable
+             label="审核时间"
+             placeholder="请选择"
+             v-model="form.reviewTime"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             :border="false"
+           />
+           <van-popup v-model="showReviewTime" position="bottom">
+             <van-datetime-picker
+               v-model="reviewTime"
+               type="date"
+               title="选择年月日"
+               @confirm="onConfirmReviewTime"
+               @cancel="showReviewTime = false"
+             />
+           </van-popup>
+         </div>
+
+<!--         <div style="margin: 16px;">-->
+<!--           <van-button round block type="primary" native-type="submit">-->
+<!--             提交-->
+<!--           </van-button>-->
+<!--         </div>-->
+       </van-form>
+     </div>
+ </template>
+ <script>
+   import { getInfo } from "@/api/sunVillage_info/fixedAssets";
+   export default {
+     name: "certificateList",
+     data() {
+       return {
+         applicationList:[],
+         applicationListSecond:[],
+         assetStatusOptions:[],
+         auditStatus:[],
+         loading: false,
+         finished: false,
+         listLength:'0',
+         searchInput:'',
+         form:{
+           assetType:'1',
+           contractionSource:'1',
+           contractionStatus:'1',
+           collectionPay:'1',
+           settleType:'1',
+           contractPaymentType:'1',
+           biddingType:'',
+           startTime:this.format(new Date(),'yyyy-MM-dd'),
+           endTime:this.format(new Date(),'yyyy-MM-dd'),
+           meetingTime:this.format(new Date(),'yyyy-MM-dd'),
+           biddingDate:this.format(new Date(),'yyyy-MM-dd'),
+           reviewTime:this.format(new Date(),'yyyy-MM-dd'),
+           buildingTime:this.format(new Date(),'yyyy-MM-dd'),
+         },
+         queryParams:{
+           pageNum:1,
+           pageSize:10,
+           orderByColumn:'createTime',
+           isAsc:'desc',
+           name:'',
+         },
+         startTime:new Date(),
+         endTime:new Date(),
+         meetingTime:new Date(),
+         biddingDate:new Date(),
+         reviewTime:new Date(),
+         buildingTime:new Date(),
+         //合同类型
+         assetType:'农村土地承包合同类',
+         showAssetType:false,
+         assetTypeOptions:[],
+         //合同来源
+         contractionSource:'线下合同',
+         showContractionSource:false,
+         contractionSourceOptions:[],
+         //合同状态
+         contractionStatus:'正常',
+         showContractionStatus:false,
+         contractionStatusOptions:[],
+         //收付款类型
+         collectionPay:'收款',
+         showCollectionPay:false,
+         collectionPayOptions:[],
+         //结款方式
+         settleType:'一次性支付',
+         showSettleType:false,
+         settleTypeOptions:[],
+         //支付方式
+         contractPaymentType:'现金',
+         showContractPaymentType:false,
+         contractPaymentTypeOptions:[],
+         //支付方式
+         biddingType:'',
+         showBiddingType:false,
+         biddingTypeOptions:[],
+
+         showStartTime:false,
+         showEndTime:false,
+         showMeetingTime:false,
+         showBiddingDate:false,
+         showReviewTime:false,
+         showBuildingTime:false,
+       };
+     },
+     created() {
+       this.houseGetDicts("type_of_contract").then((response) => {
+         this.assetTypeOptions = response.data;
+       });
+       this.houseGetDicts("contraction_source").then((response) => {
+         this.contractionSourceOptions = response.data;
+       });
+       this.houseGetDicts("contraction_status").then((response) => {
+         this.contractionStatusOptions = response.data;
+       });
+       this.houseGetDicts("collection_pay").then((response) => {
+         this.collectionPayOptions = response.data;
+       });
+       this.houseGetDicts("settle_type").then((response) => {
+         this.settleTypeOptions = response.data;
+       });
+       this.houseGetDicts("contract_payment_type").then((response) => {
+         this.contractPaymentTypeOptions = response.data;
+       });
+       this.houseGetDicts("bidding_types").then((response) => {
+         this.biddingTypeOptions = response.data;
+       });
+       this.getDetail(this.$route.query.id)
+     },
+     methods: {
+       getDetail(id){
+         setTimeout(() => {
+           getInfo(id).then(response => {
+             this.form = response.data;
+
+             this.assetType = this.selectDictLabel(this.assetTypeOptions, response.data.assetType);
+             this.contractionSource = this.selectDictLabel(this.contractionSourceOptions, response.data.contractionSource);
+             this.contractionStatus = this.selectDictLabel(this.contractionStatusOptions, response.data.contractionStatus);
+             this.collectionPay = this.selectDictLabel(this.collectionPayOptions, response.data.collectionPay);
+             this.settleType = this.selectDictLabel(this.settleTypeOptions, response.data.settleType);
+             this.contractPaymentType = this.selectDictLabel(this.contractPaymentTypeOptions, response.data.contractPaymentType);
+             this.biddingType = this.selectDictLabel(this.biddingTypeOptions, response.data.biddingType);
+           });
+         }, 1000);
+       },
+       onConfirmAssetType(data){
+         this.assetType = data.text;
+         this.form.assetType = data.value;
+         this.showAssetType = false;
+       },
+       onConfirmContractionSource(data){
+         this.contractionSource = data.text;
+         this.form.contractionSource = data.value;
+         this.showContractionSource = false;
+       },
+       onConfirmContractionStatus(data){
+         this.contractionStatus = data.text;
+         this.form.contractionStatus = data.value;
+         this.showContractionStatus = false;
+       },
+       onConfirmCollectionPay(data){
+         this.collectionPay = data.text;
+         this.form.collectionPay = data.value;
+         this.showCollectionPay = false;
+       },
+       onConfirmSettleType(data){
+         this.settleType = data.text;
+         this.form.settleType = data.value;
+         this.showSettleType = false;
+       },
+       onConfirmContractPaymentType(data){
+         this.contractPaymentType = data.text;
+         this.form.contractPaymentType = data.value;
+         this.showContractPaymentType = false;
+       },
+       onConfirmBiddingType(data){
+         this.biddingType = data.text;
+         this.form.biddingType = data.value;
+         this.showBiddingType = false;
+       },
+       onConfirmStartTime(data){
+         this.form.startTime = this.format(data,'yyyy-MM-dd');
+         this.startTime = data;
+         this.showStartTime = false;
+       },
+       onConfirmEndTime(data){
+         this.form.endTime = this.format(data,'yyyy-MM-dd');
+         this.endTime = data;
+         this.showEndTime = false;
+       },
+       onConfirmMeetingTime(data){
+         this.form.meetingTime = this.format(data,'yyyy-MM-dd');
+         this.meetingTime = data;
+         this.showMeetingTime = false;
+       },
+       onConfirmBiddingDate(data){
+         this.form.biddingDate = this.format(data,'yyyy-MM-dd');
+         this.biddingDate = data;
+         this.showBiddingDate = false;
+       },
+       onConfirmReviewTime(data){
+         this.form.reviewTime = this.format(data,'yyyy-MM-dd');
+         this.reviewTime = data;
+         this.showReviewTime = false;
+       },
+       onConfirmBuildingTime(data){
+         this.form.buildingTime = this.format(data,'yyyy-MM-dd');
+         this.buildingTime = data;
+         this.showBuildingTime = false;
+       },
+       onSubmit(){
+         addInfo(this.form).then((response) => {
+           if (response.code == 200){
+             this.$notify({ type: 'success', message: '新增成功' });
+             setTimeout(function(){
+               history.back(-1);
+             },2000)
+           }
+         });
+       }
+     },
+   }
+ </script>
+ <style scoped lang="scss">
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        position: relative;
+
+        .return_btn {
+            width: 24px;
+            height: 43.2px;
+            background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+
+        .add_btn {
+            width: 56.4px;
+            height: 40.8px;
+            background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+            background-size: 47px 34px;
+            position: absolute;
+            right: 38px;
+            top: 36px;
+        }
+    }
+    .list_main{
+      padding:25px;
+      background: #ffffff;
+      width: 94%;
+      margin: 25px auto 0;
+      border-radius: 15PX;
+      box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    }
+    .titBox{
+      display: flex;
+      align-items: center;
+    }
+    .tit{
+      font-size: 36px;
+      font-weight: bold;
+    }
+    /deep/ .van-cell{
+      padding-left: 0!important;
+      padding-right: 0!important;
+      padding-bottom: 0!important;
+    }
+    /deep/ .van-field__label{
+      padding-left: 10PX;
+      width: 8.2em;
+    }
+    /deep/ .van-cell--required::before{
+      left: 0;
+    }
+
+}
+
+
+
+
+
+
+
+ </style>
diff --git a/src/views/sunVillage_info/informationEdit.vue b/src/views/sunVillage_info/informationEdit.vue
new file mode 100644
index 00000000..866291e2
--- /dev/null
+++ b/src/views/sunVillage_info/informationEdit.vue
@@ -0,0 +1,675 @@
+ <template>
+     <div class="home_wrapper">
+         <div class="header_main">
+             修改合同信息
+             <div class="return_btn" @click="onClickLeft"></div>
+         </div>
+       <van-form @submit="onSubmit">
+         <div class="list_main">
+           <div class="titBox">
+             <img src="../../assets/images/sunVillage_info/add_icon_1.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+             <p class="tit">合同信息</p>
+           </div>
+           <van-field required v-model="form.code" label="合同编码" placeholder="合同编码" input-align="right" :border="false" />
+           <van-field required v-model="form.name" label="合同名称" placeholder="合同名称" input-align="right" :border="false" />
+
+           <van-field
+             readonly
+             clickable
+             label="合同类型"
+             placeholder="请选择"
+             v-model="assetType"
+             @click="showAssetType = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择合同类型' }]"
+           />
+           <van-popup v-model="showAssetType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="assetTypeOptions"
+               @confirm="onConfirmAssetType"
+               @cancel="showAssetType = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="合同来源"
+             placeholder="请选择"
+             v-model="contractionSource"
+             @click="showContractionSource = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择合同来源' }]"
+           />
+           <van-popup v-model="showContractionSource" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="contractionSourceOptions"
+               @confirm="onConfirmContractionSource"
+               @cancel="showContractionSource = false"
+             />
+           </van-popup>
+           <van-field required v-model="form.firstParty" label="合同甲方" placeholder="合同甲方" input-align="right" :border="false" />
+           <van-field v-model="form.firstPartyDirector" label="甲方代表" placeholder="甲方代表" input-align="right" :border="false" />
+           <van-field v-model="form.firstPartyPhone" label="甲方电话" placeholder="甲方电话" input-align="right" :border="false" />
+           <van-field required v-model="form.secondParty" label="合同乙方" placeholder="乙方名称" input-align="right" :border="false" />
+           <van-field v-model="form.secondPartyDirector" label="乙方代表" placeholder="乙方代表" input-align="right" :border="false" />
+           <van-field v-model="form.secondPartyPhone" label="乙方电话" placeholder="乙方电话" input-align="right" :border="false" />
+
+           <van-field v-model="form.secondPartyIdCard" label="乙方身份证号" placeholder="乙方身份证号" input-align="right" :border="false" />
+
+
+           <van-field
+             readonly
+             clickable
+             label="签订日期"
+             placeholder="请选择"
+             v-model="form.buildingTime"
+             @click="showBuildingTime = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+           />
+           <van-popup v-model="showBuildingTime" position="bottom">
+             <van-datetime-picker
+               v-model="buildingTime"
+               type="date"
+               title="选择年月日"
+               @confirm="onConfirmBuildingTime"
+               @cancel="showBuildingTime = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="合同状态"
+             placeholder="请选择"
+             v-model="contractionStatus"
+             @click="showContractionStatus = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择合同状态' }]"
+           />
+           <van-popup v-model="showContractionStatus" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="contractionStatusOptions"
+               @confirm="onConfirmContractionStatus"
+               @cancel="showContractionStatus = false"
+             />
+           </van-popup>
+           <van-field v-model="form.remark" label="备注" placeholder="备注" input-align="right" :border="false" />
+         </div>
+
+         <div class="list_main">
+           <div class="titBox">
+             <img src="../../assets/images/sunVillage_info/add_icon_1.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+             <p class="tit">合同约定</p>
+           </div>
+           <van-field
+             readonly
+             clickable
+             label="收付款类型"
+             placeholder="请选择"
+             v-model="collectionPay"
+             @click="showCollectionPay = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择收付款类型' }]"
+           />
+           <van-popup v-model="showCollectionPay" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="collectionPayOptions"
+               @confirm="onConfirmCollectionPay"
+               @cancel="showCollectionPay = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="结款方式"
+             placeholder="请选择"
+             v-model="settleType"
+             @click="showSettleType = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择结款方式' }]"
+           />
+           <van-popup v-model="showSettleType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="settleTypeOptions"
+               @confirm="onConfirmSettleType"
+               @cancel="showSettleType = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="支付方式"
+             placeholder="请选择"
+             v-model="contractPaymentType"
+             @click="showContractPaymentType = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择支付方式' }]"
+           />
+           <van-popup v-model="showContractPaymentType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="contractPaymentTypeOptions"
+               @confirm="onConfirmContractPaymentType"
+               @cancel="showContractPaymentType = false"
+             />
+           </van-popup>
+
+           <van-field v-model="form.contractObject" label="合同标的" placeholder="合同标的" input-align="right" :border="false" />
+           <van-field v-model="form.num" label="标的数量" placeholder="标的数量" input-align="right" :border="false" />
+
+           <van-field v-model="form.unit" label="计量单位" placeholder="计量单位" input-align="right" :border="false" />
+
+           <van-field
+             readonly
+             clickable
+             label="开始日期"
+             placeholder="请选择"
+             v-model="form.startTime"
+             @click="showStartTime = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择开始日期' }]"
+           />
+           <van-popup v-model="showStartTime" position="bottom">
+             <van-datetime-picker
+               v-model="startTime"
+               type="date"
+               title="选择年月日"
+               @confirm="onConfirmStartTime"
+               @cancel="showStartTime = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="结束日期"
+             placeholder="请选择"
+             v-model="form.endTime"
+             @click="showEndTime = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择开始日期' }]"
+           />
+           <van-popup v-model="showEndTime" position="bottom">
+             <van-datetime-picker
+               v-model="endTime"
+               type="date"
+               title="选择年月日"
+               @confirm="onConfirmEndTime"
+               @cancel="showEndTime = false"
+             />
+           </van-popup>
+
+
+           <van-field v-model="form.contractYears" label="承包年限(年)" placeholder="承包年限(年)" input-align="right" :border="false" />
+           <van-field required v-model="form.totalAmount" label="承包价款(元)" placeholder="承包价款(元)" input-align="right" :border="false" />
+           <van-field required v-model="form.price" label="折合年均(元)" placeholder="折合年均(元)" input-align="right" :border="false" />
+
+           <van-field required v-model="form.receivedAmount" label="已结款(元)" placeholder="已结款(元)" input-align="right" :border="false" />
+           <van-field v-model="form.settledAmount" label="下次结款(元)" placeholder="下次结款(元)" input-align="right" :border="false" />
+
+         </div>
+
+         <div class="list_main">
+           <div class="titBox">
+             <img src="../../assets/images/sunVillage_info/add_icon_2.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+             <p class="tit">村委情况</p>
+           </div>
+           <van-field v-model="form.villageHead" label="村负责人" placeholder="村负责人" input-align="right" :border="false" />
+           <van-field v-model="form.contractCustodian" label="合同保管人" placeholder="合同保管人" input-align="right" />
+           <van-field v-model="form.villageRepsOpinion" label="村民代表意见" placeholder="村民代表意见" input-align="right" :border="false" />
+
+           <van-field
+             readonly
+             clickable
+             label="会议时间"
+             placeholder="请选择"
+             v-model="form.meetingTime"
+             @click="showMeetingTime = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             :border="false"
+           />
+           <van-popup v-model="showMeetingTime" position="bottom">
+             <van-datetime-picker
+               v-model="meetingTime"
+               type="date"
+               title="选择年月日"
+               @confirm="onConfirmMeetingTime"
+               @cancel="showMeetingTime = false"
+             />
+           </van-popup>
+         </div>
+
+         <div class="list_main">
+           <div class="titBox">
+             <img src="../../assets/images/sunVillage_info/add_icon_2.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+             <p class="tit">招标信息</p>
+           </div>
+<!--           <van-field required v-model="form.biddingWay" label="招标方式" placeholder="招标方式" input-align="right" :border="false" />-->
+           <van-field v-model="form.itemId" label="项目编号" placeholder="项目编号" input-align="right" />
+           <van-field v-model="form.itemName" label="项目名称" placeholder="项目名称" input-align="right" :border="false" />
+           <van-field v-model="form.handleName" label="经办人" placeholder="经办人" input-align="right" :border="false" />
+           <van-field v-model="form.budget" label="预算金额(元)" placeholder="预算金额(元)" input-align="right" :border="false" />
+
+           <van-field
+             readonly
+             clickable
+             label="招标日期"
+             placeholder="请选择"
+             v-model="form.biddingDate"
+             @click="showBiddingDate = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             :border="false"
+           />
+           <van-popup v-model="showBiddingDate" position="bottom">
+             <van-datetime-picker
+               v-model="biddingDate"
+               type="date"
+               title="选择年月日"
+               @confirm="onConfirmBiddingDate"
+               @cancel="showBiddingDate = false"
+             />
+           </van-popup>
+
+           <van-field
+             readonly
+             clickable
+             label="招标类型"
+             placeholder="请选择"
+             v-model="biddingType"
+             @click="showBiddingType = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             :border="false"
+           />
+           <van-popup v-model="showBiddingType" position="bottom">
+             <van-picker
+               show-toolbar
+               :columns="biddingTypeOptions"
+               @confirm="onConfirmBiddingType"
+               @cancel="showBiddingType = false"
+             />
+           </van-popup>
+           <van-field v-model="form.winBiddingCompany" label="中标单位" placeholder="中标单位" input-align="right" :border="false" />
+           <van-field v-model="form.winBiddingPrice" label="中标金额(元)" placeholder="中标金额(元)" input-align="right" :border="false" />
+           <van-field v-model="form.reviewer" label="审核人" placeholder="审核人" input-align="right" :border="false" />
+
+           <van-field
+             readonly
+             clickable
+             label="审核时间"
+             placeholder="请选择"
+             v-model="form.reviewTime"
+             @click="showReviewTime = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             :border="false"
+           />
+           <van-popup v-model="showReviewTime" position="bottom">
+             <van-datetime-picker
+               v-model="reviewTime"
+               type="date"
+               title="选择年月日"
+               @confirm="onConfirmReviewTime"
+               @cancel="showReviewTime = false"
+             />
+           </van-popup>
+         </div>
+
+         <div style="margin: 16px auto;width: 50%;">
+           <van-button round block type="primary" native-type="submit">
+             保存
+           </van-button>
+         </div>
+       </van-form>
+     </div>
+ </template>
+ <script>
+   import { updateInfo , getInfo } from "@/api/sunVillage_info/fixedAssets";
+   export default {
+     name: "certificateList",
+     data() {
+       return {
+         applicationList:[],
+         applicationListSecond:[],
+         assetStatusOptions:[],
+         auditStatus:[],
+         loading: false,
+         finished: false,
+         listLength:'0',
+         searchInput:'',
+         form:{
+           assetType:'1',
+           contractionSource:'1',
+           contractionStatus:'1',
+           collectionPay:'1',
+           settleType:'1',
+           contractPaymentType:'1',
+           biddingType:'',
+           startTime:this.format(new Date(),'yyyy-MM-dd'),
+           endTime:this.format(new Date(),'yyyy-MM-dd'),
+           meetingTime:this.format(new Date(),'yyyy-MM-dd'),
+           biddingDate:this.format(new Date(),'yyyy-MM-dd'),
+           reviewTime:this.format(new Date(),'yyyy-MM-dd'),
+           buildingTime:this.format(new Date(),'yyyy-MM-dd'),
+         },
+         queryParams:{
+           pageNum:1,
+           pageSize:10,
+           orderByColumn:'createTime',
+           isAsc:'desc',
+           name:'',
+         },
+         startTime:new Date(),
+         endTime:new Date(),
+         meetingTime:new Date(),
+         biddingDate:new Date(),
+         reviewTime:new Date(),
+         buildingTime:new Date(),
+         //合同类型
+         assetType:'农村土地承包合同类',
+         showAssetType:false,
+         assetTypeOptions:[],
+         //合同来源
+         contractionSource:'线下合同',
+         showContractionSource:false,
+         contractionSourceOptions:[],
+         //合同状态
+         contractionStatus:'正常',
+         showContractionStatus:false,
+         contractionStatusOptions:[],
+         //收付款类型
+         collectionPay:'收款',
+         showCollectionPay:false,
+         collectionPayOptions:[],
+         //结款方式
+         settleType:'一次性支付',
+         showSettleType:false,
+         settleTypeOptions:[],
+         //支付方式
+         contractPaymentType:'现金',
+         showContractPaymentType:false,
+         contractPaymentTypeOptions:[],
+         //支付方式
+         biddingType:'',
+         showBiddingType:false,
+         biddingTypeOptions:[],
+
+         showStartTime:false,
+         showEndTime:false,
+         showMeetingTime:false,
+         showBiddingDate:false,
+         showReviewTime:false,
+         showBuildingTime:false,
+       };
+     },
+     created() {
+       this.houseGetDicts("type_of_contract").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.assetTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+         this.assetTypeOptions = response.data;
+       });
+       this.houseGetDicts("contraction_source").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.contractionSourceOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+         this.contractionSourceOptions = response.data;
+       });
+       this.houseGetDicts("contraction_status").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.contractionStatusOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+         this.contractionStatusOptions = response.data;
+       });
+       this.houseGetDicts("collection_pay").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.collectionPayOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+         this.collectionPayOptions = response.data;
+       });
+       this.houseGetDicts("settle_type").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.settleTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+         this.settleTypeOptions = response.data;
+       });
+       this.houseGetDicts("contract_payment_type").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.contractPaymentTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+         this.contractPaymentTypeOptions = response.data;
+       });
+       this.houseGetDicts("bidding_types").then((response) => {
+         for(var i = 0 ; i < response.data.length ; i++){
+           this.biddingTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue});
+         }
+         this.biddingTypeOptions = response.data;
+       });
+       this.getDetail(this.$route.query.id)
+     },
+     methods: {
+       getDetail(id){
+         setTimeout(() => {
+           getInfo(id).then(response => {
+             this.form = response.data;
+
+             this.assetType = this.selectDictLabel(this.assetTypeOptions, response.data.assetType);
+             this.contractionSource = this.selectDictLabel(this.contractionSourceOptions, response.data.contractionSource);
+             this.contractionStatus = this.selectDictLabel(this.contractionStatusOptions, response.data.contractionStatus);
+             this.collectionPay = this.selectDictLabel(this.collectionPayOptions, response.data.collectionPay);
+             this.settleType = this.selectDictLabel(this.settleTypeOptions, response.data.settleType);
+             this.contractPaymentType = this.selectDictLabel(this.contractPaymentTypeOptions, response.data.contractPaymentType);
+             this.biddingType = this.selectDictLabel(this.biddingTypeOptions, response.data.biddingType);
+           });
+         }, 1000);
+       },
+       onConfirmAssetType(data){
+         this.assetType = data.text;
+         this.form.assetType = data.value;
+         this.showAssetType = false;
+       },
+       onConfirmContractionSource(data){
+         this.contractionSource = data.text;
+         this.form.contractionSource = data.value;
+         this.showContractionSource = false;
+       },
+       onConfirmContractionStatus(data){
+         this.contractionStatus = data.text;
+         this.form.contractionStatus = data.value;
+         this.showContractionStatus = false;
+       },
+       onConfirmCollectionPay(data){
+         this.collectionPay = data.text;
+         this.form.collectionPay = data.value;
+         this.showCollectionPay = false;
+       },
+       onConfirmSettleType(data){
+         this.settleType = data.text;
+         this.form.settleType = data.value;
+         this.showSettleType = false;
+       },
+       onConfirmContractPaymentType(data){
+         this.contractPaymentType = data.text;
+         this.form.contractPaymentType = data.value;
+         this.showContractPaymentType = false;
+       },
+       onConfirmBiddingType(data){
+         this.biddingType = data.text;
+         this.form.biddingType = data.value;
+         this.showBiddingType = false;
+       },
+       onConfirmStartTime(data){
+         this.form.startTime = this.format(data,'yyyy-MM-dd');
+         this.startTime = data;
+         this.showStartTime = false;
+       },
+       onConfirmEndTime(data){
+         this.form.endTime = this.format(data,'yyyy-MM-dd');
+         this.endTime = data;
+         this.showEndTime = false;
+       },
+       onConfirmMeetingTime(data){
+         this.form.meetingTime = this.format(data,'yyyy-MM-dd');
+         this.meetingTime = data;
+         this.showMeetingTime = false;
+       },
+       onConfirmBiddingDate(data){
+         this.form.biddingDate = this.format(data,'yyyy-MM-dd');
+         this.biddingDate = data;
+         this.showBiddingDate = false;
+       },
+       onConfirmReviewTime(data){
+         this.form.reviewTime = this.format(data,'yyyy-MM-dd');
+         this.reviewTime = data;
+         this.showReviewTime = false;
+       },
+       onConfirmBuildingTime(data){
+         this.form.buildingTime = this.format(data,'yyyy-MM-dd');
+         this.buildingTime = data;
+         this.showBuildingTime = false;
+       },
+       onSubmit(){
+         updateInfo(this.form).then((response) => {
+           if (response.code == 200){
+             this.$notify({ type: 'success', message: '修改成功' });
+             setTimeout(function(){
+               history.back(-1);
+             },2000)
+           }
+         });
+       }
+     },
+   }
+ </script>
+ <style scoped lang="scss">
+   /deep/ .van-button--primary{
+     background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat;
+     background-size: 100% 100%;
+     border: none;
+   }
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        position: relative;
+
+        .return_btn {
+            width: 24px;
+            height: 43.2px;
+            background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+
+        .add_btn {
+            width: 56.4px;
+            height: 40.8px;
+            background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+            background-size: 47px 34px;
+            position: absolute;
+            right: 38px;
+            top: 36px;
+        }
+    }
+    .list_main{
+      padding:25px;
+      background: #ffffff;
+      width: 94%;
+      margin: 25px auto 0;
+      border-radius: 15PX;
+      box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    }
+    .titBox{
+      display: flex;
+      align-items: center;
+    }
+    .tit{
+      font-size: 36px;
+      font-weight: bold;
+    }
+    /deep/ .van-cell{
+      padding-left: 0!important;
+      padding-right: 0!important;
+      padding-bottom: 0!important;
+    }
+    /deep/ .van-field__label{
+      padding-left: 10PX;
+      width: 8.2em;
+    }
+    /deep/ .van-cell--required::before{
+      left: 0;
+    }
+
+}
+
+
+
+
+
+
+
+ </style>
diff --git a/src/views/sunVillage_info/list_balance_ranking.vue b/src/views/sunVillage_info/list_balance_ranking.vue
new file mode 100644
index 00000000..1bc200a7
--- /dev/null
+++ b/src/views/sunVillage_info/list_balance_ranking.vue
@@ -0,0 +1,632 @@
+<template>
+    <div class="home_wrapper">
+      <div class="header_main">
+          科目余额表
+          <div class="return_btn" @click="onClickLeft"></div>
+<!--            <div class="add_btn" v-show="showBtn" @click="goAdd"></div>-->
+      </div>
+
+
+      <div class="search_info">
+        <div class="date_box" @click="showPickerTime = true">
+          <img src="../../assets/images/sunVillage_info/date_icon.png">
+          <p>{{date}}</p>
+        </div>
+        <van-popup v-model="showPickerTime" position="bottom">
+          <van-datetime-picker
+            v-model="currentDate"
+            type="year-month"
+            title="选择年月"
+            :min-date="minDate"
+            :max-date="maxDate"
+            @confirm="onConfirm"
+            @cancel="showPicker = false"
+            :formatter="formatter"
+          />
+        </van-popup>
+        <div class="search_block">
+          <i class="icon"></i>
+          <input readonly type="text" class="ipt" v-model="subjectName" placeholder="请选择科目查询" @click="visible=true">
+          <i class="delete_icon" v-show="subjectName" @click="emptyInput"></i>
+        </div>
+<!--        <div class="total">共{{listLength}}个资产</div> @input="getSearch"-->
+      </div>
+
+      <div class="radio_box">
+        <van-checkbox v-model="queryParams.showSubSubject" @change="showSub" checked-color="#2facfe">显示明细</van-checkbox>
+        <div class="total">共{{listLength}}条</div>
+      </div>
+
+      <div class="center_box">
+        <div class="name_box">
+          <van-row>
+            <van-col :span="24">科目编码/科目名称</van-col>
+          </van-row>
+          <van-row v-for="(item,index) in applicationList" :key="index">
+            <van-col :span="24">{{item.subjectId}} {{item.subjectName}}</van-col>
+          </van-row>
+          <div class="name_bg"></div>
+          <img src="../../assets/images/sunVillage_info/name_icon.png" class="name_icon"/>
+        </div>
+
+        <div class="right_box">
+          <div class="right_box_box">
+            <van-row>
+              <van-col :span="8">
+                <p>期初余额</p>
+                <div class="yue_type">
+                  <p>借方</p>
+                  <p>贷方</p>
+                </div>
+              </van-col>
+              <van-col :span="8">
+                <p>本期发生</p>
+                <div class="yue_type">
+                  <p>借方</p>
+                  <p>贷方</p>
+                </div>
+              </van-col>
+              <van-col :span="8">
+                <p>期末余额</p>
+                <div class="yue_type">
+                  <p>借方</p>
+                  <p>贷方</p>
+                </div>
+              </van-col>
+            </van-row>
+            <van-row v-for="(item,index) in applicationList" :key="index">
+              <van-col :span="4">{{item.qcjfye}}</van-col>
+              <van-col :span="4">{{item.qcdfye}}</van-col>
+              <van-col :span="4">{{item.bqjffs}}</van-col>
+              <van-col :span="4">{{item.bqdffs}}</van-col>
+              <van-col :span="4">{{item.qmjffs}}</van-col>
+              <van-col :span="4">{{item.qmdffs}}</van-col>
+            </van-row>
+          </div>
+        </div>
+
+        <div class="clear"></div>
+      </div>
+
+      <SubjectTreeChooser :visible.sync="visible" @select="getSearch" v-model="queryParams.startSubjectId" :can-select-non-leaf="true" height="480px"></SubjectTreeChooser>
+
+    </div>
+</template>
+
+<script>
+  import { trailBalanceList , getLoginBook } from "@/api/sunVillage_info/fixedAssets";
+  import SubjectTreeChooser from "@/components/form/SubjectTreeChooser";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    components: { SubjectTreeChooser },
+    data() {
+      return {
+        subjectName:'',
+        visible:false,
+        subjectId:'',
+        radio:'1',
+        applicationList:[],
+        applicationListSecond:[],
+        assetStatusOptions:[],
+        auditStatus:[],
+        loading: false,
+        finished: false,
+        show: false,
+        showTab: false,
+        showPickerTime: false,
+        fileList:[],
+        listLength:'0',
+        searchInput:'',
+        queryParams:{
+          pageNum:1,
+          pageSize:999,
+          startDate:'',
+          startSubjectId:'',
+          endSubjectId:'',
+          showSubSubject:false
+        },
+        uploadFiles1:[],
+        projectId:'',
+        projectIndex:'',
+        showBtn:true,
+        yearMonth:[],
+        deptName:'',
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(),
+        date:''
+      };
+    },
+    created() {
+      getLoginBook().then((res) => {
+        if (res.code == 200) {
+          if (res.data.currentDay != null || res.data.startDay != null){
+            let resDate = res.data.currentDay != null ? res.data.currentDay : res.data.startDay != null ? res.data.startDay : this.format(new Date(),'yyyy-MM')
+            this.queryParams.startDate = resDate;
+            let date = resDate.split('-');
+            this.date = date[0] + '年' + date[1] + '月';
+            this.currentDate = new Date(date[0], date[1]-1, 1)
+          }
+        }
+      });
+      this.getList();
+    },
+    methods: {
+      getList(){
+        var _this = this;
+        setTimeout(() => {
+          console.log(_this.queryParams)
+          trailBalanceList(_this.queryParams).then(response => {
+            _this.listLength = response.total;
+            response.rows.map(res=>{
+              res.bqjffs = Number(res.bqjffs).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, ($0, $1) => {
+                return $1 + ","; }).replace(/\.$/, "");
+              res.bqdffs = Number(res.bqdffs).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, ($0, $1) => {
+                return $1 + ","; }).replace(/\.$/, "");
+              res.qcjfye = Number(res.qcjfye).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, ($0, $1) => {
+                return $1 + ","; }).replace(/\.$/, "");
+              res.qcdfye = Number(res.qcdfye).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, ($0, $1) => {
+                return $1 + ","; }).replace(/\.$/, "");
+              res.qmjffs = Number(res.qmjffs).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, ($0, $1) => {
+                return $1 + ","; }).replace(/\.$/, "");
+              res.qmdffs = Number(res.qmdffs).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, ($0, $1) => {
+                return $1 + ","; }).replace(/\.$/, "");
+            })
+            _this.applicationList = response.rows;
+            if(_this.applicationList.length >= response.total){
+              _this.finished = true;
+              return;
+            }else{
+              _this.loading = false;
+              _this.queryParams.pageNum += 1 ;
+            }
+          });
+        }, 1000);
+      },
+      onConfirm(time) {
+        this.date = this.format(time,'yyyy年MM月');
+        this.queryParams.startDate = this.format(time,'yyyy-MM');
+        this.getList();
+        this.showPickerTime = false;
+      },
+      formatter(type, val) {
+        if (type === 'year') {
+          return `${val}年`;
+        } else if (type === 'month') {
+          return `${val}月`;
+        }
+        return val;
+      },
+      getSearch(val){
+        console.log(val)
+        this.subjectName = val.subjectId + " " + val.subjectName;
+        this.queryParams.endSubjectId = this.queryParams.startSubjectId;
+        this.getList();
+      },
+      showSub(val){
+        console.log(val)
+        this.queryParams.showSubSubject = val;
+        this.getList();
+      },
+      emptyInput(){
+        this.subjectName = '';
+        this.queryParams.endSubjectId = '';
+        this.queryParams.startSubjectId = '';
+        this.getList();
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  /deep/ .van-radio__label{
+    font-size: 14PX;
+    color: #2facfe;
+  }
+  .radio_box{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding:20px 23px;
+  }
+  .date_box{
+    display: flex;
+    align-items: center;
+    img{
+      width: 30PX;
+      border-radius: 100%;
+      box-shadow: 0px 6px 10px rgba(63,68,75,0.5);
+    }
+    p{
+      font-size: 14PX;
+      margin-left: 5PX;
+      color: #2facfe;
+    }
+  }
+  .search_info{
+    padding:20px 23px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    .search_block{
+      height: 59px;
+      width: 450px;
+      border-radius: 59px;
+      background: #fff;
+      display: flex;
+      padding-right: 35px;
+      align-items: center;
+      box-shadow: 0px 6px 5px rgba(63,68,75,0.2);
+      .icon{
+        width: 30px;
+        height: 30px;
+        background: url('../../assets/images/sunVillage_info/fixedAssets_icon_1.png') no-repeat;
+        background-size: 100% 100%;
+        display: block;
+        margin:0 8px 0 26px;
+      }
+      .delete_icon{
+        width: 15PX;
+        height: 15PX;
+        background: url('../../assets/images/sunVillage_info/delete_icon_input.png') no-repeat;
+        background-size: 100% 100%;
+        display: block;
+        margin:0 8px 0 26px;
+      }
+      .ipt{
+        flex: 1;
+        font-size: 26px;
+        background: none;
+        border:0 none;
+        line-height: 59px;
+      }
+    }
+  }
+  .total{
+    font-size: 14PX;
+    color: #858585;
+  }
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main{
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        position: relative;
+        .return_btn{
+            width: 24px;
+            height: 43.2px;
+            background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+        .add_btn{
+            width: 56.4px;
+            height: 40.8px;
+            background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+            background-size: 47px 34px;
+            position: absolute;
+            right: 38px;
+            top: 36px;
+        }
+    }
+    .record_main{
+        padding:30px 22px;
+        .record_det{
+            height: 38px;
+            line-height: 38px;
+            display: flex;
+            justify-content:space-between;
+            .year_l{
+                font-size: 30px;
+                display: flex;
+                align-items: center;
+                color: #858585;
+
+                .unit{
+                    padding-left: 5px;
+                }
+                .icon{
+                    width: 23px;
+                    height: 12px;
+                    display: block;
+                    background: url('../../assets/images/sunVillage_info/list_icon_1.png') no-repeat;
+                    background-size: 100% 100%;
+                    margin-bottom: 4px;
+                    margin-right: 8px;
+                    &.zk {
+                        transform: rotate(0deg)
+                    }
+                    &.ss{
+                        transform: rotate(180deg)
+                    }
+
+                }
+            }
+            .total_r{
+                font-size: 26px;
+                letter-spacing: 2px;
+            }
+        }
+        .record_list{
+            display: flex;
+            flex-flow: wrap;
+            margin-top: 12PX;
+            .flex_block{
+                font-size: 30px;
+                color: #878787;
+                padding-right: 30px;
+                &.current{
+                    color: #4199fe;
+                    font-weight: bold;
+                }
+            }
+        }
+    }
+    .list_main{
+        padding:0 22px;
+        .item{
+            height: 100px;
+            border-radius: 30px;
+            background: #fff;
+            box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+            padding:15px 32px;
+            display: flex;
+            margin-bottom: 20px;
+            .info{
+                flex:1;
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                .title{
+                    display: flex;
+                    font-size: 32px;
+                    align-items: center;
+                    height: 58px;
+                    .icon_box{
+                        width: 34px;
+                        display: block;
+                        height: 30px;
+                        background: url('../../assets/images/sunVillage_info/list_icon_2.png') no-repeat;
+                        background-size: 100% 100%;
+                        margin-right: 10px;
+                    }
+                    .news_title{
+                        max-width:416px;
+                        overflow: hidden;
+                        white-space: nowrap;
+                        text-overflow: ellipsis;
+                        -o-text-overflow: ellipsis;
+                    }
+                    .tips_mark{
+                        width: 34px;
+                        height: 34px;
+                        background: #fa0c0c;
+                        border-radius: 8px;
+                        font-size: 24px;
+                        color: #fff;
+                        text-align: center;
+                        line-height: 34px;
+                        margin-left: 10px;
+                    }
+                }
+                .red{
+                  color: #fa0c0c;
+                }
+                .green{
+                  color: #4caf50;
+                }
+                .time{
+                    font-size: 32px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: right;
+                    height: 30px;
+                    margin-top: 6px;
+                    .icon_time{
+                        width: 25px;
+                        height: 25px;
+                        background: url('../../assets/images/sunVillage_info/list_icon_4.png') no-repeat;
+                        background-size: 100% 100%;
+                        margin-right: 10px;
+                    }
+                }
+            }
+            .operation{
+                flex: 1;
+                display: flex;
+                align-items: center;
+                justify-content: flex-end;
+                text-align: right;
+                .opera_btn{
+                    width: 52px;
+                    height: 52px;
+                    border-radius: 50%;
+                    display: flex;
+                    align-items: center;
+                    justify-content:center;
+
+                    &.delete{
+                        background:#df0707;
+                        margin-left: 28px;
+                        .icon{
+                            width: 22px;
+                            height: 29px;
+                            background: url('../../assets/images/sunVillage_info/list_icon_7.png') no-repeat;
+                            background-size: 100% 100%;
+                            display: block;
+                        }
+                    }
+                    &.edit{
+                        background: #79cf13;
+                        .icon {
+                            width: 26px;
+                            height: 25px;
+                            background: url('../../assets/images/sunVillage_info/list_icon_6.png') no-repeat;
+                            background-size: 100% 100%;
+                            display: block;
+                        }
+                    }
+                     &.view{
+                        background: #3494ff;
+                        .icon {
+                            width: 29px;
+                            height: 21px;
+                            background: url('../../assets/images/sunVillage_info/list_icon_3.png') no-repeat;
+                            background-size: 100% 100%;
+                            display: block;
+                        }
+                    }
+                }
+            }
+        }
+
+    }
+    .bottom_tips{
+        font-size: 24px;
+         color: #a7a6a6;
+         text-align: center;
+         margin-top: 32px;
+         background: url('../../assets/images/sunVillage_info/list_icon_8.png') center center no-repeat;
+         background-size: 260px 2px;
+         .xs{
+            padding:0 8px;
+            background: #e9e9e9;
+         }
+    }
+    .banner {
+      display: flex;
+      background:#3494ff;
+      color:#fff;
+      text-align: center;
+      margin:3%;
+      border-radius: 10PX;
+    }
+    .banner_tabs{
+      flex:1;
+      padding:10PX 0;
+      font-size: 16PX;
+      div:nth-child(2){
+        font-size: 14PX;
+        margin-top: 5PX;
+      }
+    }
+}
+.top_head_title{
+  font-size: 16PX;
+  text-align: center;
+  padding: 15PX 0;
+}
+  .name_box{
+    float: left;
+    width: 180PX;
+    position: relative;
+    .name_bg{
+      background-color: rgba(47,172,254,0.2);
+      width: 180PX;
+      height: 100%;
+      position: absolute;
+      top: 0;
+    }
+    .name_icon{
+      position: absolute;
+      top: 60PX;
+      left: 50%;
+      transform: translateX(-50%);
+    }
+    .van-row:nth-child(odd){
+      .van-col {
+        background-color: #ffffff;
+      }
+    }
+    .van-row:nth-child(1){
+      border-top-left-radius: 10PX;
+      border-bottom-left-radius: 10PX;
+      background-color: #ffffff;
+      .van-col {
+        background-color: #2facfe;
+        color: #ffffff;
+        border-radius: 10PX;
+        line-height: 60PX;
+        text-align: center;
+      }
+    }
+    .van-col{
+      font-size: 16PX;
+      padding: 0PX 5PX;
+      text-align: left;
+      line-height: 40PX;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 1;
+      word-break: break-all;
+      overflow: hidden;
+    }
+  }
+  .center_box{
+    padding-left: 3%;
+  }
+  .right_box{
+    float: left;
+    width: calc(100% - 180PX);
+    overflow:hidden;
+    overflow-x: scroll;
+    white-space:nowrap;
+    display: -webkit-box;
+    -webkit-overflow-scrolling: touch;
+    .right_box_box{
+      width: 600PX;
+    }
+    .van-row:nth-child(odd){
+      .van-col{
+        background-color: #ffffff;
+      }
+    }
+    .van-row:nth-child(1){
+      .van-col{
+        color: #2facfe;
+        height: 60PX;
+        text-align: center;
+        line-height: 30PX;
+        border-right: 1px solid #ccc;
+      }
+    }
+    .van-col{
+      font-size: 16PX;
+      text-align: right;
+      height: 40PX;
+      line-height: 40PX;
+      &:nth-child(2n){
+        border-right: 1px solid #ccc;
+      }
+    }
+
+    .yue_type{
+      display: flex;
+      border-top: 1px solid #2facfe;
+      p{
+        width: 50%;
+        line-height: 30PX;
+        color: #333333;
+      }
+    }
+
+  }
+  .clear{
+    clear: both;
+  }
+</style>
diff --git a/src/views/sunVillage_info/list_finance.vue b/src/views/sunVillage_info/list_finance.vue
new file mode 100644
index 00000000..8baa66ee
--- /dev/null
+++ b/src/views/sunVillage_info/list_finance.vue
@@ -0,0 +1,424 @@
+<template>
+    <div class="home_wrapper">
+        <div class="header_main">
+            财务公开榜
+            <div class="return_btn" @click="onClickLeft"></div>
+            <div class="add_btn" v-show="showBtn" @click="goAdd"></div>
+        </div>
+        <div class="record_main">
+            <div class="record_det">
+                <div class="year_l" @click="tabShow"><i :class="{'icon':true , 'zk':!showTab ,  'ss':showTab } "></i>{{queryParams.year == '' ? '全部': queryParams.year}}<span class="unit">{{queryParams.year == '' ? '': '年'}}</span></div>
+                <div class="total_r">共{{listLength}}条公告</div>
+            </div>
+            <div class="record_list" v-if="showTab">
+                <div :class="{'flex_block':true , 'current':queryParams.year == ''}" @click="tabClick('')">全部</div>
+                <div :class="{'flex_block':true , 'current':queryParams.year == '2022'}" @click="tabClick('2022')">2022</div>
+                <div :class="{'flex_block':true , 'current':queryParams.year == '2021'}" @click="tabClick('2021')">2021</div>
+                <div :class="{'flex_block':true , 'current':queryParams.year == '2020'}" @click="tabClick('2020')">2020</div>
+                <div :class="{'flex_block':true , 'current':queryParams.year == '2019'}" @click="tabClick('2019')">2019</div>
+                <div :class="{'flex_block':true , 'current':queryParams.year == '2018'}" @click="tabClick('2018')">2018</div>
+            </div>
+        </div>
+        <div class="list_main">
+          <van-list
+            v-model="loading"
+            :finished="finished"
+            finished-text="没有更多了"
+            @load="getList"
+          >
+            <!----1-->
+            <div class="item" v-for="(item,index) in applicationList" :key="index">
+                <div class="info" @click="goDetail(item.id)">
+                    <div class="title">
+                        <i class="icon_box"></i>
+                        <p class="news_title">{{item.openName}}</p>
+                        <p class="tips_mark" v-if="index==0">新</p>
+                    </div>
+                    <div class="time">
+                        <div class="icon_time"></div>
+                        {{item.openNy}}
+                    </div>
+                </div>
+                <div class="operation">
+                    <!-- delete 删除 edit编辑 view查看 -->
+                    <div class="opera_btn list" @click="goRanking(item.id,item.openNy)">
+                      <i class="icon "></i>
+                    </div>
+                    <div class="opera_btn edit" @click="goEdit(item.id)" v-show="showBtn">
+                        <i class="icon "></i>
+                    </div>
+                    <div class="opera_btn delete" @click="goRemove(item.id)" v-show="showBtn">
+                        <i class="icon"></i>
+                    </div>
+                    <div class="opera_btn view" @click="goDetail(item.id)" v-show="!showBtn">
+                        <i class="icon "></i>
+                    </div>
+                </div>
+            </div>
+          </van-list>
+        </div>
+<!--        <div class="bottom_tips">-->
+<!--            <span class="xs">已经到底啦</span>-->
+<!--        </div>-->
+    </div>
+</template>
+
+<script>
+  import { financePublicList,openRemove } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        applicationList:[],
+        applicationListSecond:[],
+        assetStatusOptions:[],
+        auditStatus:[],
+        loading: false,
+        finished: false,
+        show: false,
+        showTab: false,
+        fileList:[],
+        listLength:'0',
+        searchInput:'',
+        queryParams:{
+          pageNum:1,
+          pageSize:10,
+          orderByColumn:'createTime',
+          isAsc:'desc',
+          year:'2022',
+        },
+        uploadFiles1:[],
+        projectId:'',
+        projectIndex:'',
+        showBtn:true,
+      };
+    },
+    created() {
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+      if (this.$route.query.type == 'code'){
+        this.showBtn = false;
+      }
+    },
+    methods: {
+      getList(){
+        var _this = this;
+        financePublicList(_this.queryParams).then(response => {
+          _this.listLength = response.total;
+          response.rows.map(res=>{
+            _this.applicationList.push(res);
+          })
+          if(_this.applicationList.length >= response.total){
+            _this.finished = true;
+            return;
+          }else{
+            _this.loading = false;
+            _this.queryParams.pageNum += 1 ;
+          }
+
+        });
+      },
+      tabClick(year){
+        this.queryParams.year = year ;
+        this.applicationList = [];
+        this.getList();
+      },
+      tabShow(){
+        this.showTab = !this.showTab;
+      },
+      /** 删除按钮操作 */
+      handleDelete(row,index) {
+        let assetStatus = row.assetStatus ? row.assetStatus : data[0].assetStatus;
+        if (assetStatus === '2' || assetStatus === '3') {
+          this.$notify({
+            message: "不允许删除已出售或已报废的资产",
+            type: "warning",
+          });
+          return;
+        }
+        let useType = row.useType;
+        if(useType == 3) {
+          this.$notify({
+            message: "出租或出借的资产不允许删除",
+            type: "warning",
+          });
+          return ;
+        }
+        const ids = row.id || this.ids;
+
+        this.$dialog.alert(
+          {
+            message:'是否确认删除固定资产?',
+            title:"警告",
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+          }
+        )
+          .then(function () {
+            return delPermanent(ids);
+          })
+          .then(() => {
+            this.applicationList.splice(index, 1);
+            this.$notify({ type: 'success', message: '删除成功' });
+          });
+      },
+      goAdd(){
+        this.$router.push('/sunVillage_info/list_finance_add')
+      },
+      goDetail(id){
+        this.$router.push({path:'/sunVillage_info/list_finance_detail',query: {id:id,type:'finance'}})
+      },
+      goRanking(id,time){
+        this.$router.push({path:'/sunVillage_info/list_finance_ranking',query: {id:id,time:time}})
+      },
+      goEdit(id){
+        this.$router.push({path:'/sunVillage_info/list_finance_edit',query: {id:id,type:'finance'}})
+      },
+      goRemove(id){
+        this.$dialog.alert({
+          title: '提示',
+          message: '确认删除？',
+          showCancelButton:true,
+        })
+          .then(() => {
+            openRemove(id).then(response => {
+              this.$notify({ type: 'success', message: '删除成功' });
+              this.getList()
+            });
+          })
+          .catch(() => {
+            // on cancel
+          });
+
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main{
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        position: relative;
+        .return_btn{
+            width: 24px;
+            height: 43.2px;
+            background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+        .add_btn{
+            width: 56.4px;
+            height: 40.8px;
+            background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+            background-size: 47px 34px;
+            position: absolute;
+            right: 38px;
+            top: 36px;
+        }
+    }
+    .record_main{
+        padding:30px 22px;
+        .record_det{
+            height: 38px;
+            line-height: 38px;
+            display: flex;
+            justify-content:space-between;
+            .year_l{
+                font-size: 30px;
+                display: flex;
+                align-items: center;
+                color: #858585;
+
+                .unit{
+                    padding-left: 5px;
+                }
+                .icon{
+                    width: 23px;
+                    height: 12px;
+                    display: block;
+                    background: url('../../assets/images/sunVillage_info/list_icon_1.png') no-repeat;
+                    background-size: 100% 100%;
+                    margin-bottom: 4px;
+                    margin-right: 8px;
+                    &.zk {
+                        transform: rotate(0deg)
+                    }
+                    &.ss{
+                        transform: rotate(180deg)
+                    }
+
+                }
+            }
+            .total_r{
+                font-size: 26px;
+                letter-spacing: 2px;
+            }
+        }
+        .record_list{
+            display: flex;
+            flex-flow: wrap;
+            margin-top: 12PX;
+            .flex_block{
+                font-size: 30px;
+                color: #878787;
+                padding-right: 30px;
+                &.current{
+                    color: #4199fe;
+                    font-weight: bold;
+                }
+            }
+        }
+    }
+    .list_main{
+        padding:0 22px;
+        .item{
+            height: 140px;
+            border-radius: 30px;
+            background: #fff;
+            box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+            padding:25px 32px;
+            display: flex;
+            margin-bottom: 20px;
+            .info{
+                flex:0 0 450px;
+                .title{
+                    display: flex;
+                    font-size: 32px;
+                    align-items: center;
+                    height: 58px;
+                    .icon_box{
+                        width: 34px;
+                        display: block;
+                        height: 30px;
+                        background: url('../../assets/images/sunVillage_info/list_icon_2.png') no-repeat;
+                        background-size: 100% 100%;
+                        margin-right: 10px;
+                    }
+                    .news_title{
+                        max-width:330px;
+                        overflow: hidden;
+                        white-space: nowrap;
+                        text-overflow: ellipsis;
+                        -o-text-overflow: ellipsis;
+                    }
+                    .tips_mark{
+                        width: 34px;
+                        height: 34px;
+                        background: #fa0c0c;
+                        border-radius: 8px;
+                        font-size: 24px;
+                        color: #fff;
+                        text-align: center;
+                        line-height: 34px;
+                        margin-left: 10px;
+                    }
+                }
+                .time{
+                    font-size: 24px;
+                    color: #858585;
+                    display: flex;
+                    align-items: center;
+                    height: 30px;
+                    margin-top: 6px;
+                    .icon_time{
+                        width: 25px;
+                        height: 25px;
+                        background: url('../../assets/images/sunVillage_info/list_icon_4.png') no-repeat;
+                        background-size: 100% 100%;
+                        margin-right: 10px;
+                    }
+                }
+            }
+            .operation{
+                flex: 1;
+                display: flex;
+                align-items: center;
+                justify-content: right;
+                text-align: right;
+                .opera_btn{
+                    width: 52px;
+                    height: 52px;
+                    border-radius: 50%;
+                    display: flex;
+                    align-items: center;
+                    justify-content:center;
+                    &.delete{
+                        background:#df0707;
+                        margin-left: 10PX;
+                        .icon{
+                            width: 22px;
+                            height: 29px;
+                            background: url('../../assets/images/sunVillage_info/list_icon_7.png') no-repeat;
+                            background-size: 100% 100%;
+                            display: block;
+                        }
+                    }
+                    &.edit{
+                        background: #79cf13;
+                        margin-left: 10PX;
+                        .icon {
+                            width: 26px;
+                            height: 25px;
+                            background: url('../../assets/images/sunVillage_info/list_icon_6.png') no-repeat;
+                            background-size: 100% 100%;
+                            display: block;
+                        }
+                    }
+                     &.view{
+                        background: #3494ff;
+                        margin-left: 10PX;
+                        .icon {
+                            width: 29px;
+                            height: 21px;
+                            background: url('../../assets/images/sunVillage_info/list_icon_3.png') no-repeat;
+                            background-size: 100% 100%;
+                            display: block;
+                        }
+                    }
+                     &.list{
+                        background: #79cf13;
+                        .icon {
+                            width: 29px;
+                            height: 21px;
+                            background: url('../../assets/images/sunVillage_info/list_icon_10.png') no-repeat;
+                            background-size: 100% 100%;
+                            display: block;
+                        }
+                    }
+                }
+            }
+        }
+
+    }
+    .bottom_tips{
+        font-size: 24px;
+         color: #a7a6a6;
+         text-align: center;
+         margin-top: 32px;
+         background: url('../../assets/images/sunVillage_info/list_icon_8.png') center center no-repeat;
+         background-size: 260px 2px;
+         .xs{
+            padding:0 8px;
+            background: #e9e9e9;
+         }
+    }
+}
+</style>
diff --git a/src/views/sunVillage_info/list_finance_add.vue b/src/views/sunVillage_info/list_finance_add.vue
new file mode 100644
index 00000000..00078493
--- /dev/null
+++ b/src/views/sunVillage_info/list_finance_add.vue
@@ -0,0 +1,306 @@
+<template>
+     <div class="home_wrapper">
+         <div class="header_main">
+             新增财务公开
+             <div class="return_btn" @click="onClickLeft"></div>
+             <div class="add_btn"></div>
+         </div>
+       <van-form @submit="onSubmit">
+         <div class="list_main">
+
+           <van-field
+             readonly
+             clickable
+             placeholder="请选择"
+             v-model="form.openNy"
+             @click="showBuildTime = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择购建时间' }]"
+           >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_01.png" width="18">
+               <p style="margin-left: 5px;">公开年月</p>
+             </template>
+           </van-field>
+           <van-popup v-model="showBuildTime" position="bottom">
+             <van-datetime-picker
+               v-model="openNy"
+               type="year-month"
+               title="选择年月日"
+               @confirm="onConfirmOpenNy"
+               @cancel="showBuildTime = false"
+             />
+           </van-popup>
+
+           <van-field required v-model="form.openName" placeholder="请输入名称" :rules="[{ required: true , message:'请输入名称' }]" input-align="right" :border="false" >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_02.png" width="18">
+               <p style="margin-left: 5px;">公开名称</p>
+             </template>
+           </van-field>
+
+           <van-field  readonly input-align="right" :border="false" >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_03.png" width="18">
+               <p style="margin-left: 5px;">公开图片</p>
+             </template>
+           </van-field>
+<!--           @delete="deleteFile1"-->
+           <van-uploader v-model="fileList" :after-read="afterRead" @delete="deleteFile1" style="margin-top: 10PX" />
+
+           <div style="border-top: 1px solid #ededed;margin-top: 10PX;">
+             <van-field readonly input-align="right" :border="false" >
+               <template #label>
+                 <img src="../../assets/images/sunVillage_info/add_tit_icon_04.png" width="18">
+                 <p style="margin-left: 5px;">附件</p>
+               </template>
+             </van-field>
+
+             <div>
+               <div v-for="(item,index) in openFileList" :key="index" style="display: flex;align-items: center;margin-top: 10px;">
+                 <img src="../../assets/images/sunVillage_info/WORD.png" width="30" v-if="item.type == 'word'"/>
+                 <img src="../../assets/images/sunVillage_info/ECEL.png" width="30" v-if="item.type == 'excel'" />
+                 <p style="margin-left: 10px;">{{item.name}}</p>
+               </div>
+             </div>
+             <van-uploader accept="*" :after-read="afterReadOpenFile" style="margin-top: 10PX">
+               <img src="../../assets/images/sunVillage_info/addFile.png" width="120" />
+             </van-uploader>
+           </div>
+           <van-field v-model="form.remark" placeholder="请输入备注" input-align="right" :border="false" >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_05.png" width="18">
+               <p style="margin-left: 5px;">备注</p>
+             </template>
+           </van-field>
+
+         </div>
+
+         <div style="margin: 16px auto;width: 50%;">
+           <van-button round block type="primary" native-type="submit">
+             保存
+           </van-button>
+         </div>
+       </van-form>
+    </div>
+</template>
+
+<script>
+  import { commonUpload , openAdd } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        showBuildTime:false,
+        form:{
+          openNy:this.format(new Date(),'yyyy-MM'),
+          openPic:'',
+          openFile:'',
+        },
+        openPic:[],
+        fileList:[],
+        fileList1:[],
+        openNy:new Date(),
+        type:'',
+        openFile:[],
+        openFileList:[],
+        queryParams:{
+          bookId:'',
+          deptId:''
+        },
+        openFile2:[],
+        openPic2:[],
+      };
+    },
+    created() {
+      this.houseGetDicts("asset_status").then((response) => {
+        this.assetStatusOptions = response.data;
+      });
+      this.houseGetDicts("asset_type").then((response) => {
+        this.assetTypeOptions = response.data;
+      });
+      this.houseGetDicts("use_type").then((response) => {
+        this.useTypeOptions = response.data;
+      });
+      this.type = this.$route.query.type;
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+    },
+    methods: {
+      onSubmit(){
+        console.log(this.openFile)
+        console.log(this.openPic)
+        var that = this;
+        that.form.openFile = that.openFile2.join(',')
+        that.form.openPic = that.openPic2.join(',')
+        openAdd(that.form).then((r1) => {
+          if (r1.code == 200){
+            that.$notify({ type: 'success', message: '新增成功' });
+            setTimeout(function(){
+              history.back(-1);
+            },2000)
+          }
+        })
+      },
+      onConfirmOpenNy(data){
+        this.form.openNy = this.format(data,'yyyy-MM');
+        this.openNy = data;
+        this.showBuildTime = false;
+      },
+      deleteFile1(file){
+        console.log(file)
+        // this.form.openPic.splice(index,1);
+      },
+      afterRead(file) {
+        // 此时可以自行将文件上传至服务器
+        this.openPic.push(file.file);
+        let params1 = new FormData();
+        params1.append("file", file.file);
+        commonUpload(params1).then((r1) => {
+          this.openPic2.push(r1.fileName);
+        })
+      },
+      afterReadOpenFile(file){
+        console.log(file)
+        let params1 = new FormData();
+        params1.append("file", file.file);
+        commonUpload(params1).then((r1) => {
+          this.openFile2.push(r1.fileName);
+        })
+        let name = file.file.name;
+        let type = '';
+        if (name.indexOf('.doc') > -1){
+          type = 'word';
+        }else if(name.indexOf('.xls') > -1){
+          type = 'excel';
+        }
+        this.openFileList.push({name:file.file.name,type:type})
+        this.openFile.push(file.file);
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  /deep/ .van-button--primary{
+    background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat;
+    background-size: 100% 100%;
+    border: none;
+  }
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        position: relative;
+
+        .return_btn {
+            width: 24px;
+            height: 43.2px;
+            background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+    }
+    .release_head{
+        height: 90px;
+        padding:0 23px;
+        display: flex;
+        align-items: center;
+        font-size: 26px;
+        color: #929292;
+        .people{
+            flex: 1;
+            display: flex;
+            align-items: center;
+            .icon{
+                width: 24px;
+                height: 21px;
+                background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+                margin-right: 8px;
+            }
+        }
+        .time{
+            flex: 1;
+            display: flex;
+            align-items: center;
+            justify-content:flex-end;
+            .icon{
+                width: 25px;
+                height: 25px;
+                background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+                margin-right: 8px;
+            }
+        }
+    }
+    .release_conetnt{
+        padding:0 22px;
+        font-size: 32px;
+        color: #252525;
+        line-height: 44px;
+        img{
+            max-width: 100%;
+            margin-bottom: 16px;
+        }
+        p{
+            margin-bottom: 16px;
+        }
+    }
+  .list_main{
+    padding:25px;
+    background: #ffffff;
+    width: 94%;
+    margin: 25px auto 0;
+    border-radius: 15PX;
+    box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+  }
+  .titBox{
+    display: flex;
+    align-items: center;
+  }
+  .tit{
+    font-size: 36px;
+    font-weight: bold;
+  }
+  /deep/ .van-cell{
+    padding-left: 0!important;
+    padding-right: 0!important;
+    padding-bottom: 0!important;
+  }
+  /deep/ .van-field__label{
+    /*padding-left: 10PX;*/
+    width: auto;
+    display: flex;
+    align-items: center;
+  }
+  /deep/ .van-cell--required::before{
+    left: 85PX;
+  }
+  /deep/ .van-field__error-message{
+    display: none;
+  }
+}
+</style>
diff --git a/src/views/sunVillage_info/list_finance_detail.vue b/src/views/sunVillage_info/list_finance_detail.vue
new file mode 100644
index 00000000..4506a32c
--- /dev/null
+++ b/src/views/sunVillage_info/list_finance_detail.vue
@@ -0,0 +1,252 @@
+<template>
+     <div class="home_wrapper">
+         <div class="header_main">
+             查看财务公开
+             <div class="return_btn" @click="onClickLeft"></div>
+             <div class="add_btn"></div>
+         </div>
+         <div class="list_main">
+
+           <van-field
+             readonly
+             clickable
+             placeholder="请选择"
+             v-model="form.openNy"
+             input-align="right"
+             label-width="auto"
+             :border="false"
+             :rules="[{ required: true , message:'请选择购建时间' }]"
+           >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_01.png" width="18">
+               <p style="margin-left: 5px;">公开年月</p>
+             </template>
+           </van-field>
+
+           <van-field readonly v-model="form.openName" :rules="[{ required: true , message:'请输入名称' }]" input-align="right" :border="false" >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_02.png" width="18">
+               <p style="margin-left: 5px;">公开名称</p>
+             </template>
+           </van-field>
+
+           <van-field readonly input-align="right" :border="false" >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_03.png" width="18">
+               <p style="margin-left: 5px;">公开图片</p>
+             </template>
+           </van-field>
+<!--           @delete="deleteFile1"-->
+           <van-uploader v-model="openPic" :show-upload="false" :deletable="false" multiple style="margin-top: 10PX" />
+
+           <div style="border-top: 1px solid #ededed;margin-top: 10PX;">
+             <van-field readonly input-align="right" :border="false" >
+               <template #label>
+                 <img src="../../assets/images/sunVillage_info/add_tit_icon_04.png" width="18">
+                 <p style="margin-left: 5px;">附件</p>
+               </template>
+             </van-field>
+
+             <div>
+               <div v-for="(item,index) in openFileList" :key="index" style="display: flex;align-items: center;margin-top: 10px;">
+                 <img src="../../assets/images/sunVillage_info/WORD.png" width="30" v-if="item.type == 'word'"/>
+                 <img src="../../assets/images/sunVillage_info/ECEL.png" width="30" v-if="item.type == 'excel'" />
+                 <a :href="item.url" style="margin-left: 10px;color: #333333">{{item.name}}</a>
+               </div>
+             </div>
+           </div>
+           <van-field readonly v-model="form.remark" input-align="right" :border="false" >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_05.png" width="18">
+               <p style="margin-left: 5px;">备注</p>
+             </template>
+           </van-field>
+
+         </div>
+
+    </div>
+</template>
+
+<script>
+  import { financePublicDetail , openAdd } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        showBuildTime:false,
+        form:{
+          openNy:this.format(new Date(),'yyyy-MM'),
+          openPic:'',
+          openFile:'',
+        },
+        openPic:[],
+        fileList:[],
+        fileList1:[],
+        openNy:new Date(),
+        type:'',
+        openFile:[],
+        openFileList:[],
+        queryParams:{
+          bookId:'',
+          deptId:''
+        }
+      };
+    },
+    created() {
+      this.houseGetDicts("asset_status").then((response) => {
+        this.assetStatusOptions = response.data;
+      });
+      this.houseGetDicts("asset_type").then((response) => {
+        this.assetTypeOptions = response.data;
+      });
+      this.houseGetDicts("use_type").then((response) => {
+        this.useTypeOptions = response.data;
+      });
+      this.type = this.$route.query.type;
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+      this.queryParams.id = this.$route.query.id;
+      this.getDetail();
+    },
+    methods: {
+      getDetail(id){
+        financePublicDetail(this.queryParams).then((res) => {
+          if (res.data.openFile !='' && res.data.openFile != null && res.data.openFile != undefined){
+            res.data.openFile = res.data.openFile.split(',')
+            res.data.openFile.map(rr=>{
+              let name = rr.substr(27,rr.length);
+              let type = '';
+              if (name.indexOf('.doc') > -1){
+                type = 'word';
+              }else if(name.indexOf('.xls') > -1){
+                type = 'excel';
+              }
+              this.openFileList.push({name:name,type:type,url:'/api'+rr})
+            })
+          }
+          if (res.data.openPic !='' && res.data.openPic != null && res.data.openPic != undefined){
+            res.data.openPic = res.data.openPic.split(',')
+            res.data.openPic.map((rrr,i)=>{
+              this.openPic.push({url:'/api'+rrr})
+            })
+          }
+
+          this.form = res.data;
+        })
+      },
+
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        position: relative;
+
+        .return_btn {
+            width: 24px;
+            height: 43.2px;
+            background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+    }
+    .release_head{
+        height: 90px;
+        padding:0 23px;
+        display: flex;
+        align-items: center;
+        font-size: 26px;
+        color: #929292;
+        .people{
+            flex: 1;
+            display: flex;
+            align-items: center;
+            .icon{
+                width: 24px;
+                height: 21px;
+                background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+                margin-right: 8px;
+            }
+        }
+        .time{
+            flex: 1;
+            display: flex;
+            align-items: center;
+            justify-content:flex-end;
+            .icon{
+                width: 25px;
+                height: 25px;
+                background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+                margin-right: 8px;
+            }
+        }
+    }
+    .release_conetnt{
+        padding:0 22px;
+        font-size: 32px;
+        color: #252525;
+        line-height: 44px;
+        img{
+            max-width: 100%;
+            margin-bottom: 16px;
+        }
+        p{
+            margin-bottom: 16px;
+        }
+    }
+  .list_main{
+    padding:25px;
+    background: #ffffff;
+    width: 94%;
+    margin: 25px auto 0;
+    border-radius: 15PX;
+    box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+  }
+  .titBox{
+    display: flex;
+    align-items: center;
+  }
+  .tit{
+    font-size: 36px;
+    font-weight: bold;
+  }
+  /deep/ .van-cell{
+    padding-left: 0!important;
+    padding-right: 0!important;
+    padding-bottom: 0!important;
+  }
+  /deep/ .van-field__label{
+    /*padding-left: 10PX;*/
+    width: auto;
+    display: flex;
+    align-items: center;
+  }
+  /deep/ .van-cell--required::before{
+    left: 85PX;
+  }
+}
+</style>
diff --git a/src/views/sunVillage_info/list_finance_edit.vue b/src/views/sunVillage_info/list_finance_edit.vue
new file mode 100644
index 00000000..94d5a07f
--- /dev/null
+++ b/src/views/sunVillage_info/list_finance_edit.vue
@@ -0,0 +1,334 @@
+<template>
+     <div class="home_wrapper">
+         <div class="header_main">
+             修改财务公开
+             <div class="return_btn" @click="onClickLeft"></div>
+             <div class="add_btn"></div>
+         </div>
+       <van-form @submit="onSubmit">
+         <div class="list_main">
+
+           <van-field
+             readonly
+             clickable
+             placeholder="请选择"
+             v-model="form.openNy"
+             @click="showBuildTime = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择购建时间' }]"
+           >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_01.png" width="18">
+               <p style="margin-left: 5px;">公开年月</p>
+             </template>
+           </van-field>
+           <van-popup v-model="showBuildTime" position="bottom">
+             <van-datetime-picker
+               v-model="openNy"
+               type="year-month"
+               title="选择年月日"
+               @confirm="onConfirmOpenNy"
+               @cancel="showBuildTime = false"
+             />
+           </van-popup>
+
+           <van-field required v-model="form.openName" placeholder="请输入名称" :rules="[{ required: true , message:'请输入名称' }]" input-align="right" :border="false" >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_02.png" width="18">
+               <p style="margin-left: 5px;">公开名称</p>
+             </template>
+           </van-field>
+
+           <van-field readonly input-align="right" :border="false" >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_03.png" width="18">
+               <p style="margin-left: 5px;">公开图片</p>
+             </template>
+           </van-field>
+<!--           @delete="deleteFile1"-->
+           <van-uploader v-model="openPic" :after-read="afterRead" @delete="deleteFile1" style="margin-top: 10PX" />
+
+           <div style="border-top: 1px solid #ededed;margin-top: 10PX;">
+             <van-field readonly input-align="right" :border="false" >
+               <template #label>
+                 <img src="../../assets/images/sunVillage_info/add_tit_icon_04.png" width="18">
+                 <p style="margin-left: 5px;">附件</p>
+               </template>
+             </van-field>
+
+             <div>
+               <div v-for="(item,index) in openFile" :key="index" style="display: flex;align-items: center;margin-top: 10px;">
+                 <img src="../../assets/images/sunVillage_info/WORD.png" width="30" v-if="item.type == 'word'"/>
+                 <img src="../../assets/images/sunVillage_info/ECEL.png" width="30" v-if="item.type == 'excel'" />
+                 <p style="margin-left: 10px;">{{item.name}}</p>
+               </div>
+             </div>
+             <van-uploader accept="*" :after-read="afterReadOpenFile" style="margin-top: 10PX">
+               <img src="../../assets/images/sunVillage_info/addFile.png" width="120" />
+             </van-uploader>
+           </div>
+           <van-field v-model="form.remark" placeholder="请输入备注" input-align="right" :border="false" >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_05.png" width="18">
+               <p style="margin-left: 5px;">备注</p>
+             </template>
+           </van-field>
+
+         </div>
+
+         <div style="margin: 16px auto;width: 50%;">
+           <van-button round block type="primary" native-type="submit">
+             保存
+           </van-button>
+         </div>
+       </van-form>
+    </div>
+</template>
+
+<script>
+  import { commonUpload , openEdit , financePublicDetail } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        showBuildTime:false,
+        form:{
+          openNy:this.format(new Date(),'yyyy-MM'),
+          openPic:'',
+          openFile:'',
+        },
+        openPic:[],
+        fileList:[],
+        fileList1:[],
+        openNy:new Date(),
+        type:'',
+        openFile:[],
+        openFileList:[],
+        openPicList:[],
+        queryParams:{
+          bookId:'',
+          deptId:''
+        },
+        openPic2:[],
+        openFile2:[]
+      };
+    },
+    created() {
+      this.houseGetDicts("asset_status").then((response) => {
+        this.assetStatusOptions = response.data;
+      });
+      this.houseGetDicts("asset_type").then((response) => {
+        this.assetTypeOptions = response.data;
+      });
+      this.houseGetDicts("use_type").then((response) => {
+        this.useTypeOptions = response.data;
+      });
+      this.type = this.$route.query.type;
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+      this.queryParams.id = this.$route.query.id;
+      this.getDetail();
+    },
+    methods: {
+      getDetail(id){
+        financePublicDetail(this.queryParams).then((res) => {
+          var that = this ;
+          if (res.data.openFile!='' && res.data.openFile != null && res.data.openFile != undefined){
+            this.openFile = res.data.openFile.split(',')
+            this.openFile2 = res.data.openFile.split(',')
+            this.openFile.map((rr,i)=>{
+              let name = rr.substr(27,rr.length);
+              let type = '';
+              if (name.indexOf('.doc') > -1){
+                type = 'word';
+              }else if(name.indexOf('.xls') > -1){
+                type = 'excel';
+              }
+              this.openFile[i] = {name:name,type:type}
+            })
+          }
+          if (res.data.openPic!='' && res.data.openPic != null && res.data.openPic != undefined){
+            this.openPic = res.data.openPic.split(',')
+            this.openPic2 = res.data.openPic.split(',')
+            this.openPic.map((rrr,i)=>{
+              this.openPic[i] = {url:'/api'+rrr}
+            })
+          }
+          that.form = res.data;
+        })
+      },
+      onSubmit(){
+        var that = this;
+        that.form.openFile = that.openFile2.join(',')
+        that.form.openPic = that.openPic2.join(',')
+        openEdit(that.form).then((r1) => {
+          if (r1.code == 200){
+            that.$notify({ type: 'success', message: '修改成功' });
+            setTimeout(function(){
+              history.back(-1);
+            },2000)
+          }
+        })
+      },
+      onConfirmOpenNy(data){
+        this.form.openNy = this.format(data,'yyyy-MM');
+        this.openNy = data;
+        this.showBuildTime = false;
+      },
+      deleteFile1(file){
+        console.log(file)
+        // this.form.openPic.splice(index,1);
+      },
+      afterRead(file) {
+        // 此时可以自行将文件上传至服务器
+        this.openPicList.push(file.file);
+        let params1 = new FormData();
+        params1.append("file", file.file);
+        commonUpload(params1).then((r1) => {
+          this.openPic2.push(r1.fileName);
+        })
+      },
+      afterReadOpenFile(file){
+        console.log(file)
+        let params1 = new FormData();
+        params1.append("file", file.file);
+        commonUpload(params1).then((r1) => {
+          this.openFile2.push(r1.fileName);
+        })
+        let name = file.file.name;
+        let type = '';
+        if (name.indexOf('.doc') > -1){
+          type = 'word';
+        }else if(name.indexOf('.xls') > -1){
+          type = 'excel';
+        }
+        this.openFile.push({name:file.file.name,type:type})
+        this.openFileList.push(file.file);
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  /deep/ .van-button--primary{
+    background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat;
+    background-size: 100% 100%;
+    border: none;
+  }
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        position: relative;
+
+        .return_btn {
+            width: 24px;
+            height: 43.2px;
+            background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+    }
+    .release_head{
+        height: 90px;
+        padding:0 23px;
+        display: flex;
+        align-items: center;
+        font-size: 26px;
+        color: #929292;
+        .people{
+            flex: 1;
+            display: flex;
+            align-items: center;
+            .icon{
+                width: 24px;
+                height: 21px;
+                background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+                margin-right: 8px;
+            }
+        }
+        .time{
+            flex: 1;
+            display: flex;
+            align-items: center;
+            justify-content:flex-end;
+            .icon{
+                width: 25px;
+                height: 25px;
+                background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+                margin-right: 8px;
+            }
+        }
+    }
+    .release_conetnt{
+        padding:0 22px;
+        font-size: 32px;
+        color: #252525;
+        line-height: 44px;
+        img{
+            max-width: 100%;
+            margin-bottom: 16px;
+        }
+        p{
+            margin-bottom: 16px;
+        }
+    }
+  .list_main{
+    padding:25px;
+    background: #ffffff;
+    width: 94%;
+    margin: 25px auto 0;
+    border-radius: 15PX;
+    box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+  }
+  .titBox{
+    display: flex;
+    align-items: center;
+  }
+  .tit{
+    font-size: 36px;
+    font-weight: bold;
+  }
+  /deep/ .van-cell{
+    padding-left: 0!important;
+    padding-right: 0!important;
+    padding-bottom: 0!important;
+  }
+  /deep/ .van-field__label{
+    /*padding-left: 10PX;*/
+    width: auto;
+    display: flex;
+    align-items: center;
+  }
+  /deep/ .van-cell--required::before{
+    left: 85PX;
+  }
+  /deep/ .van-field__error-message{
+    display: none;
+  }
+}
+</style>
diff --git a/src/views/sunVillage_info/list_finance_ranking.vue b/src/views/sunVillage_info/list_finance_ranking.vue
new file mode 100644
index 00000000..5d303eff
--- /dev/null
+++ b/src/views/sunVillage_info/list_finance_ranking.vue
@@ -0,0 +1,533 @@
+<template>
+  <div class="home_wrapper">
+    <div class="header_main">
+      财务公开榜
+      <div class="return_btn" @click="onClickLeft"></div>
+      <!--            <div class="add_btn" v-show="showBtn" @click="goAdd"></div>-->
+    </div>
+    <!--        <div class="banner" id="top_view2">-->
+    <!--          <div class="banner_tabs">-->
+    <!--            <div>7月</div>-->
+    <!--          </div>-->
+    <!--          <div class="banner_tabs">-->
+    <!--            <div>支出</div>-->
+    <!--            <div>￥100</div>-->
+    <!--          </div>-->
+    <!--          <div class="banner_tabs">-->
+    <!--            <div>收入</div>-->
+    <!--            <div>￥200</div>-->
+    <!--          </div>-->
+    <!--        </div>-->
+    <p class="top_head_title">{{deptName}}{{yearMonth[0]}}年{{yearMonth[1]}}月份</p>
+
+    <div class="center_box">
+      <div class="name_box">
+        <van-row>
+          <van-col :span="24">具体事由</van-col>
+        </van-row>
+        <van-row v-for="(item,index) in applicationList" :key="index">
+          <van-col :span="24">{{item.voucherSummary}}</van-col>
+        </van-row>
+        <div class="name_bg"></div>
+        <img src="../../assets/images/sunVillage_info/name_icon.png" class="name_icon"/>
+      </div>
+
+      <div class="right_box">
+          <van-row>
+            <van-col :span="12">收入金额</van-col>
+            <van-col :span="12">支出金额</van-col>
+          </van-row>
+          <van-row v-for="(item,index) in applicationList" :key="index">
+            <van-col :span="12"><template v-if="item.jieAmount">￥{{item.jieAmount}}</template></van-col>
+            <van-col :span="12"><template v-if="item.daiAmount">￥{{item.daiAmount}}</template></van-col>
+          </van-row>
+      </div>
+
+      <div class="clear"></div>
+    </div>
+    <div class="bottom_box">
+      <p>本月合计：</p>
+      <van-row>
+        <van-col :span="12">￥{{applicationSummary.jie}}</van-col>
+        <van-col :span="12">￥{{applicationSummary.dai}}</van-col>
+      </van-row>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { financialAmountPublicMonthList } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        applicationList:[],
+        applicationListSecond:[],
+        assetStatusOptions:[],
+        applicationSummary:[],
+        auditStatus:[],
+        loading: false,
+        finished: false,
+        show: false,
+        showTab: false,
+        fileList:[],
+        listLength:'0',
+        searchInput:'',
+        queryParams:{
+          yearMonth:'',
+          bookId:'',
+          deptId:'',
+          all: false
+        },
+        uploadFiles1:[],
+        projectId:'',
+        projectIndex:'',
+        showBtn:true,
+        yearMonth:[],
+        deptName:''
+      };
+    },
+    created() {
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+      this.deptName = Cookies.get('deptName');
+      this.queryParams.yearMonth = this.$route.query.time;
+      this.yearMonth = this.$route.query.time.split('-')
+      this.getList()
+    },
+    methods: {
+      getList(){
+        var _this = this;
+        setTimeout(() => {
+          console.log(_this.queryParams)
+          financialAmountPublicMonthList(_this.queryParams).then(response => {
+            _this.applicationList = response.rows;
+            _this.applicationSummary = response.summary;
+            if(_this.applicationList.length >= response.total){
+              _this.finished = true;
+              return;
+            }else{
+              _this.loading = false;
+              _this.queryParams.pageNum += 1 ;
+            }
+          });
+        }, 1000);
+      },
+      tabClick(year){
+        this.queryParams.year = year ;
+        this.applicationList = [];
+        this.getList();
+      },
+      tabShow(){
+        this.showTab = !this.showTab;
+      },
+      /** 删除按钮操作 */
+      handleDelete(row,index) {
+        let assetStatus = row.assetStatus ? row.assetStatus : data[0].assetStatus;
+        if (assetStatus === '2' || assetStatus === '3') {
+          this.$notify({
+            message: "不允许删除已出售或已报废的资产",
+            type: "warning",
+          });
+          return;
+        }
+        let useType = row.useType;
+        if(useType == 3) {
+          this.$notify({
+            message: "出租或出借的资产不允许删除",
+            type: "warning",
+          });
+          return ;
+        }
+        const ids = row.id || this.ids;
+
+        this.$dialog.alert(
+          {
+            message:'是否确认删除固定资产?',
+            title:"警告",
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+          }
+        )
+          .then(function () {
+            return delPermanent(ids);
+          })
+          .then(() => {
+            this.applicationList.splice(index, 1);
+            this.$notify({ type: 'success', message: '删除成功' });
+          });
+      },
+      goAdd(){
+        this.$router.push('/sunVillage_info/list_finance_add')
+      },
+      goDetail(id){
+        this.$router.push({path:'/sunVillage_info/list_finance_detail',query: {id:id,type:'finance'}})
+      },
+      goEdit(id){
+        this.$router.push({path:'/sunVillage_info/list_finance_edit',query: {id:id,type:'finance'}})
+      },
+      goRemove(id){
+        this.$dialog.alert({
+          title: '提示',
+          message: '确认删除？',
+        })
+          .then(() => {
+            openRemove(id).then(response => {
+              this.$notify({ type: 'success', message: '删除成功' });
+              this.getList()
+            });
+          })
+          .catch(() => {
+            // on cancel
+          });
+
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main{
+      height: 116px;
+      background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+      background-size: 100% 100%;
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      font-size: 36px;
+      line-height: 116px;
+      text-align: center;
+      color: #fff;
+      position: relative;
+      .return_btn{
+        width: 24px;
+        height: 43.2px;
+        background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+        background-size: 20px 36px;
+        position: absolute;
+        left: 38px;
+        top: 36px;
+      }
+      .add_btn{
+        width: 56.4px;
+        height: 40.8px;
+        background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+        background-size: 47px 34px;
+        position: absolute;
+        right: 38px;
+        top: 36px;
+      }
+    }
+    .record_main{
+      padding:30px 22px;
+      .record_det{
+        height: 38px;
+        line-height: 38px;
+        display: flex;
+        justify-content:space-between;
+        .year_l{
+          font-size: 30px;
+          display: flex;
+          align-items: center;
+          color: #858585;
+
+          .unit{
+            padding-left: 5px;
+          }
+          .icon{
+            width: 23px;
+            height: 12px;
+            display: block;
+            background: url('../../assets/images/sunVillage_info/list_icon_1.png') no-repeat;
+            background-size: 100% 100%;
+            margin-bottom: 4px;
+            margin-right: 8px;
+            &.zk {
+              transform: rotate(0deg)
+            }
+            &.ss{
+              transform: rotate(180deg)
+            }
+
+          }
+        }
+        .total_r{
+          font-size: 26px;
+          letter-spacing: 2px;
+        }
+      }
+      .record_list{
+        display: flex;
+        flex-flow: wrap;
+        margin-top: 12PX;
+        .flex_block{
+          font-size: 30px;
+          color: #878787;
+          padding-right: 30px;
+          &.current{
+            color: #4199fe;
+            font-weight: bold;
+          }
+        }
+      }
+    }
+    .list_main{
+      padding:0 22px;
+      .item{
+        height: 100px;
+        border-radius: 30px;
+        background: #fff;
+        box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+        padding:15px 32px;
+        display: flex;
+        margin-bottom: 20px;
+        .info{
+          flex:1;
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          .title{
+            display: flex;
+            font-size: 32px;
+            align-items: center;
+            height: 58px;
+            .icon_box{
+              width: 34px;
+              display: block;
+              height: 30px;
+              background: url('../../assets/images/sunVillage_info/list_icon_2.png') no-repeat;
+              background-size: 100% 100%;
+              margin-right: 10px;
+            }
+            .news_title{
+              max-width:416px;
+              overflow: hidden;
+              white-space: nowrap;
+              text-overflow: ellipsis;
+              -o-text-overflow: ellipsis;
+            }
+            .tips_mark{
+              width: 34px;
+              height: 34px;
+              background: #fa0c0c;
+              border-radius: 8px;
+              font-size: 24px;
+              color: #fff;
+              text-align: center;
+              line-height: 34px;
+              margin-left: 10px;
+            }
+          }
+          .red{
+            color: #fa0c0c;
+          }
+          .green{
+            color: #4caf50;
+          }
+          .time{
+            font-size: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: right;
+            height: 30px;
+            margin-top: 6px;
+            .icon_time{
+              width: 25px;
+              height: 25px;
+              background: url('../../assets/images/sunVillage_info/list_icon_4.png') no-repeat;
+              background-size: 100% 100%;
+              margin-right: 10px;
+            }
+          }
+        }
+        .operation{
+          flex: 1;
+          display: flex;
+          align-items: center;
+          justify-content: flex-end;
+          text-align: right;
+          .opera_btn{
+            width: 52px;
+            height: 52px;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content:center;
+
+            &.delete{
+              background:#df0707;
+              margin-left: 28px;
+              .icon{
+                width: 22px;
+                height: 29px;
+                background: url('../../assets/images/sunVillage_info/list_icon_7.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+              }
+            }
+            &.edit{
+              background: #79cf13;
+              .icon {
+                width: 26px;
+                height: 25px;
+                background: url('../../assets/images/sunVillage_info/list_icon_6.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+              }
+            }
+            &.view{
+              background: #3494ff;
+              .icon {
+                width: 29px;
+                height: 21px;
+                background: url('../../assets/images/sunVillage_info/list_icon_3.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+              }
+            }
+          }
+        }
+      }
+
+    }
+    .bottom_tips{
+      font-size: 24px;
+      color: #a7a6a6;
+      text-align: center;
+      margin-top: 32px;
+      background: url('../../assets/images/sunVillage_info/list_icon_8.png') center center no-repeat;
+      background-size: 260px 2px;
+      .xs{
+        padding:0 8px;
+        background: #e9e9e9;
+      }
+    }
+    .banner {
+      display: flex;
+      background:#3494ff;
+      color:#fff;
+      text-align: center;
+      margin:3%;
+      border-radius: 10PX;
+    }
+    .banner_tabs{
+      flex:1;
+      padding:10PX 0;
+      font-size: 16PX;
+      div:nth-child(2){
+        font-size: 14PX;
+        margin-top: 5PX;
+      }
+    }
+  }
+  .top_head_title{
+    font-size: 16PX;
+    text-align: center;
+    padding: 15PX 0;
+  }
+  .name_box{
+    float: left;
+    width: 180PX;
+    position: relative;
+    .name_bg{
+      background-color: rgba(47,172,254,0.2);
+      width: 180PX;
+      height: 100%;
+      position: absolute;
+      top: 0;
+    }
+    .name_icon{
+      position: absolute;
+      top: 40PX;
+      left: 50%;
+      transform: translateX(-50%);
+    }
+    .van-row:nth-child(odd){
+      .van-col {
+        background-color: #ffffff;
+      }
+    }
+    .van-row:nth-child(1){
+      border-top-left-radius: 10PX;
+      border-bottom-left-radius: 10PX;
+      background-color: #ffffff;
+      .van-col {
+        background-color: #2facfe;
+        color: #ffffff;
+        border-radius: 10PX;
+        text-align: center;
+      }
+    }
+    .van-col{
+      font-size: 16PX;
+      padding: 0PX 10PX;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 1;
+      word-break: break-all;
+      overflow: hidden;
+      line-height: 41PX;
+      text-align: left;
+    }
+  }
+  .center_box{
+    padding: 0 3%;
+  }
+  .right_box{
+    float: left;
+    width: calc(100% - 180PX);
+    .van-row:nth-child(odd){
+      background-color: #ffffff;
+    }
+    .van-row:nth-child(1){
+      border-top-right-radius: 10PX;
+      border-bottom-right-radius: 10PX;
+      .van-col{
+        color: #2facfe;
+        text-align: center;
+      }
+    }
+    .van-col{
+      font-size: 16PX;
+      padding: 0PX 10PX;
+      text-align: right;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 1;
+      word-break: break-all;
+      overflow: hidden;
+      line-height: 41PX;
+    }
+  }
+  .clear{
+    clear: both;
+  }
+  .bottom_box{
+    padding: 0 3%;
+    p{
+      float: left;
+      width: 180PX;
+      padding: 10PX 15PX;
+      text-align: center;
+      font-size: 16PX;
+      color: red;
+    }
+    .van-row{
+      float: left;
+      width: calc(100% - 180PX);
+      .van-col{
+        font-size: 16PX;
+        padding: 10PX 15PX;
+        text-align: center;
+        color: red;
+      }
+    }
+  }
+</style>
diff --git a/src/views/sunVillage_info/list_issues.vue b/src/views/sunVillage_info/list_issues.vue
new file mode 100644
index 00000000..d75d1659
--- /dev/null
+++ b/src/views/sunVillage_info/list_issues.vue
@@ -0,0 +1,408 @@
+<template>
+  <div class="home_wrapper">
+    <div class="header_main">
+      重大事项公开榜
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="add_btn" @click="goAdd" v-show="showBtn"></div>
+    </div>
+    <div class="record_main">
+      <div class="record_det">
+        <div class="year_l" @click="tabShow"><i :class="{'icon':true , 'zk':!showTab ,  'ss':showTab } "></i>{{queryParams.year == '' ? '全部': queryParams.year}}<span class="unit">{{queryParams.year == '' ? '': '年'}}</span></div>
+        <div class="total_r">共{{listLength}}条公告</div>
+      </div>
+      <div class="record_list" v-if="showTab">
+        <div :class="{'flex_block':true , 'current':queryParams.year == ''}" @click="tabClick('')">全部</div>
+        <div :class="{'flex_block':true , 'current':queryParams.year == '2022'}" @click="tabClick('2022')">2022</div>
+        <div :class="{'flex_block':true , 'current':queryParams.year == '2021'}" @click="tabClick('2021')">2021</div>
+        <div :class="{'flex_block':true , 'current':queryParams.year == '2020'}" @click="tabClick('2020')">2020</div>
+        <div :class="{'flex_block':true , 'current':queryParams.year == '2019'}" @click="tabClick('2019')">2019</div>
+        <div :class="{'flex_block':true , 'current':queryParams.year == '2018'}" @click="tabClick('2018')">2018</div>
+      </div>
+    </div>
+    <div class="list_main">
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        @load="getList"
+      >
+        <!----1-->
+        <div class="item" v-for="(item,index) in applicationList" :key="index" >
+          <div class="info" @click="goDetail(item.id)">
+            <div class="title">
+              <i class="icon_box"></i>
+              <p class="news_title">{{item.openName}}</p>
+              <p class="tips_mark" v-if="index==0">新</p>
+            </div>
+            <div class="time">
+              <div class="icon_time"></div>
+              {{item.openNy}}
+            </div>
+          </div>
+          <div class="operation">
+            <!-- delete 删除 edit编辑 view查看 -->
+            <div class="opera_btn edit" @click="goEdit(item.id)" v-show="showBtn">
+              <i class="icon "></i>
+            </div>
+            <div class="opera_btn delete" @click="goRemove(item.id)" v-show="showBtn">
+              <i class="icon"></i>
+            </div>
+            <div class="opera_btn view" @click="goDetail(item.id)" v-show="!showBtn">
+              <i class="icon "></i>
+            </div>
+          </div>
+        </div>
+      </van-list>
+    </div>
+    <!--        <div class="bottom_tips">-->
+    <!--            <span class="xs">已经到底啦</span>-->
+    <!--        </div>-->
+  </div>
+</template>
+
+<script>
+  import { majorEventPublicList , majorEventOpenRemove } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        applicationList:[],
+        applicationListSecond:[],
+        assetStatusOptions:[],
+        auditStatus:[],
+        loading: false,
+        finished: false,
+        show: false,
+        showTab: false,
+        fileList:[],
+        listLength:'0',
+        searchInput:'',
+        queryParams:{
+          pageNum:1,
+          pageSize:10,
+          orderByColumn:'createTime',
+          isAsc:'desc',
+          year:'2022',
+        },
+        uploadFiles1:[],
+        projectId:'',
+        projectIndex:'',
+        showBtn:true,
+      };
+    },
+    created() {
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+      if (this.$route.query.type == 'code'){
+        this.showBtn = false;
+      }
+    },
+    methods: {
+      getList(){
+        var _this = this;
+        console.log(_this.queryParams)
+        majorEventPublicList(_this.queryParams).then(response => {
+          _this.listLength = response.total;
+          response.rows.map(res=>{
+            _this.applicationList.push(res);
+          })
+
+          if(_this.applicationList.length >= response.total){
+            _this.finished = true;
+            return;
+          }else{
+            _this.loading = false;
+            _this.queryParams.pageNum += 1 ;
+          }
+        });
+      },
+      tabClick(year){
+        this.queryParams.year = year ;
+        this.applicationList = [];
+        this.getList();
+      },
+      tabShow(){
+        this.showTab = !this.showTab;
+      },
+      /** 删除按钮操作 */
+      handleDelete(row,index) {
+        let assetStatus = row.assetStatus ? row.assetStatus : data[0].assetStatus;
+        if (assetStatus === '2' || assetStatus === '3') {
+          this.$notify({
+            message: "不允许删除已出售或已报废的资产",
+            type: "warning",
+          });
+          return;
+        }
+        let useType = row.useType;
+        if(useType == 3) {
+          this.$notify({
+            message: "出租或出借的资产不允许删除",
+            type: "warning",
+          });
+          return ;
+        }
+        const ids = row.id || this.ids;
+
+        this.$dialog.alert(
+          {
+            message:'是否确认删除固定资产?',
+            title:"警告",
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+          }
+        )
+          .then(function () {
+            return delPermanent(ids);
+          })
+          .then(() => {
+            this.applicationList.splice(index, 1);
+            this.$notify({ type: 'success', message: '删除成功' });
+          });
+      },
+      goAdd(){
+        this.$router.push('/sunVillage_info/list_issues_add')
+      },
+      goDetail(id){
+        this.$router.push({path:'/sunVillage_info/list_issues_detail',query: {id:id,type:'issues'}})
+      },
+      goEdit(id){
+        this.$router.push({path:'/sunVillage_info/list_issues_edit',query: {id:id,type:'finance'}})
+      },
+      goRemove(id){
+        this.$dialog.alert({
+          title: '提示',
+          message: '确认删除？',
+          showCancelButton:true,
+        })
+          .then(() => {
+            majorEventOpenRemove(id).then(response => {
+              this.$notify({ type: 'success', message: '删除成功' });
+              this.getList()
+            });
+          })
+          .catch(() => {
+            // on cancel
+          });
+
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main{
+      height: 116px;
+      background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+      background-size: 100% 100%;
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      font-size: 36px;
+      line-height: 116px;
+      text-align: center;
+      color: #fff;
+      position: relative;
+      .return_btn{
+        width: 24px;
+        height: 43.2px;
+        background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+        background-size: 20px 36px;
+        position: absolute;
+        left: 38px;
+        top: 36px;
+      }
+      .add_btn{
+        width: 56.4px;
+        height: 40.8px;
+        background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+        background-size: 47px 34px;
+        position: absolute;
+        right: 38px;
+        top: 36px;
+      }
+    }
+    .record_main{
+      padding:30px 22px;
+      .record_det{
+        height: 38px;
+        line-height: 38px;
+        display: flex;
+        justify-content:space-between;
+        .year_l{
+          font-size: 30px;
+          display: flex;
+          align-items: center;
+          color: #858585;
+
+          .unit{
+            padding-left: 5px;
+          }
+          .icon{
+            width: 23px;
+            height: 12px;
+            display: block;
+            background: url('../../assets/images/sunVillage_info/list_icon_1.png') no-repeat;
+            background-size: 100% 100%;
+            margin-bottom: 4px;
+            margin-right: 8px;
+            &.zk {
+              transform: rotate(0deg)
+            }
+            &.ss{
+              transform: rotate(180deg)
+            }
+
+          }
+        }
+        .total_r{
+          font-size: 26px;
+          letter-spacing: 2px;
+        }
+      }
+      .record_list{
+        display: flex;
+        flex-flow: wrap;
+        margin-top: 12PX;
+        .flex_block{
+          font-size: 30px;
+          color: #878787;
+          padding-right: 30px;
+          &.current{
+            color: #4199fe;
+            font-weight: bold;
+          }
+        }
+      }
+    }
+    .list_main{
+      padding:0 22px;
+      .item{
+        height: 140px;
+        border-radius: 30px;
+        background: #fff;
+        box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+        padding:25px 32px;
+        display: flex;
+        margin-bottom: 20px;
+        .info{
+          flex:0 0 510px;
+          .title{
+            display: flex;
+            font-size: 32px;
+            align-items: center;
+            height: 58px;
+            .icon_box{
+              width: 34px;
+              display: block;
+              height: 30px;
+              background: url('../../assets/images/sunVillage_info/list_icon_2.png') no-repeat;
+              background-size: 100% 100%;
+              margin-right: 10px;
+            }
+            .news_title{
+              max-width:416px;
+              overflow: hidden;
+              white-space: nowrap;
+              text-overflow: ellipsis;
+              -o-text-overflow: ellipsis;
+            }
+            .tips_mark{
+              width: 34px;
+              height: 34px;
+              background: #fa0c0c;
+              border-radius: 8px;
+              font-size: 24px;
+              color: #fff;
+              text-align: center;
+              line-height: 34px;
+              margin-left: 10px;
+            }
+          }
+          .time{
+            font-size: 24px;
+            color: #858585;
+            display: flex;
+            align-items: center;
+            height: 30px;
+            margin-top: 6px;
+            .icon_time{
+              width: 25px;
+              height: 25px;
+              background: url('../../assets/images/sunVillage_info/list_icon_4.png') no-repeat;
+              background-size: 100% 100%;
+              margin-right: 10px;
+            }
+          }
+        }
+        .operation{
+          flex: 1;
+          display: flex;
+          align-items: center;
+          justify-content: flex-end;
+          text-align: right;
+          .opera_btn{
+            width: 52px;
+            height: 52px;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content:center;
+
+            &.delete{
+              background:#df0707;
+              margin-left: 28px;
+              .icon{
+                width: 22px;
+                height: 29px;
+                background: url('../../assets/images/sunVillage_info/list_icon_7.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+              }
+            }
+            &.edit{
+              background: #79cf13;
+              .icon {
+                width: 26px;
+                height: 25px;
+                background: url('../../assets/images/sunVillage_info/list_icon_6.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+              }
+            }
+            &.view{
+              background: #3494ff;
+              .icon {
+                width: 29px;
+                height: 21px;
+                background: url('../../assets/images/sunVillage_info/list_icon_3.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+              }
+            }
+          }
+        }
+      }
+
+    }
+    .bottom_tips{
+      font-size: 24px;
+      color: #a7a6a6;
+      text-align: center;
+      margin-top: 32px;
+      background: url('../../assets/images/sunVillage_info/list_icon_8.png') center center no-repeat;
+      background-size: 260px 2px;
+      .xs{
+        padding:0 8px;
+        background: #e9e9e9;
+      }
+    }
+  }
+</style>
diff --git a/src/views/sunVillage_info/list_issues_add.vue b/src/views/sunVillage_info/list_issues_add.vue
new file mode 100644
index 00000000..3daaf2cf
--- /dev/null
+++ b/src/views/sunVillage_info/list_issues_add.vue
@@ -0,0 +1,312 @@
+<template>
+  <div class="home_wrapper">
+    <div class="header_main">
+      新增重大事项
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="add_btn"></div>
+    </div>
+    <van-form @submit="onSubmit">
+      <div class="list_main">
+
+        <van-field
+          readonly
+          clickable
+          placeholder="请选择"
+          v-model="form.openDate"
+          @click="showBuildTime = true"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto"
+          required
+          :border="false"
+          :rules="[{ required: true , message:'请选择购建时间' }]"
+        >
+          <template #label>
+            <img src="../../assets/images/sunVillage_info/add_tit_icon_01.png" width="18">
+            <p style="margin-left: 5px;">公开年月</p>
+          </template>
+        </van-field>
+        <van-popup v-model="showBuildTime" position="bottom">
+          <van-datetime-picker
+            v-model="openNy"
+            type="date"
+            title="选择年月日"
+            @confirm="onConfirmOpenNy"
+            @cancel="showBuildTime = false"
+          />
+        </van-popup>
+
+        <van-field required v-model="form.openName" placeholder="请输入名称" :rules="[{ required: true , message:'请输入名称' }]" input-align="right" :border="false" >
+          <template #label>
+            <img src="../../assets/images/sunVillage_info/add_tit_icon_02.png" width="18">
+            <p style="margin-left: 5px;">公开名称</p>
+          </template>
+        </van-field>
+
+        <van-field readonly input-align="right" :border="false" >
+          <template #label>
+            <img src="../../assets/images/sunVillage_info/add_tit_icon_03.png" width="18">
+            <p style="margin-left: 5px;">公开图片</p>
+          </template>
+        </van-field>
+        <!--           @delete="deleteFile1"-->
+        <van-uploader v-model="fileList" :after-read="afterRead" @delete="deleteFile1"  style="margin-top: 10PX" />
+
+        <div style="border-top: 1px solid #ededed;margin-top: 10PX;">
+          <van-field readonly input-align="right" :border="false" >
+            <template #label>
+              <img src="../../assets/images/sunVillage_info/add_tit_icon_04.png" width="18">
+              <p style="margin-left: 5px;">附件</p>
+            </template>
+          </van-field>
+
+          <div>
+            <div v-for="(item,index) in openFileList" :key="index" style="display: flex;align-items: center;margin-top: 10px;">
+              <img src="../../assets/images/sunVillage_info/WORD.png" width="30" v-if="item.type == 'word'"/>
+              <img src="../../assets/images/sunVillage_info/ECEL.png" width="30" v-if="item.type == 'excel'" />
+              <p style="margin-left: 10px;">{{item.name}}</p>
+            </div>
+          </div>
+          <van-uploader accept="*" :after-read="afterReadOpenFile" style="margin-top: 10PX">
+            <img src="../../assets/images/sunVillage_info/addFile.png" width="120" />
+          </van-uploader>
+        </div>
+
+        <van-field v-model="form.content" type="textarea" autosize placeholder="请输入内容" input-align="right" :border="false" >
+          <template #label>
+            <img src="../../assets/images/sunVillage_info/add_tit_icon_05.png" width="18">
+            <p style="margin-left: 5px;">内容</p>
+          </template>
+        </van-field>
+
+        <van-field v-model="form.remark" placeholder="请输入备注" input-align="right" :border="false" >
+          <template #label>
+            <img src="../../assets/images/sunVillage_info/add_tit_icon_05.png" width="18">
+            <p style="margin-left: 5px;">备注</p>
+          </template>
+        </van-field>
+
+      </div>
+
+      <div style="margin: 16px auto;width: 50%;">
+        <van-button round block type="primary" native-type="submit">
+          保存
+        </van-button>
+      </div>
+    </van-form>
+  </div>
+</template>
+
+<script>
+  import { commonUpload , majorEventOpenAdd } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        showBuildTime:false,
+        form:{
+          openDate:this.format(new Date(),'yyyy-MM-dd'),
+          openPic:'',
+          openFile:'',
+        },
+        openPic:[],
+        fileList:[],
+        fileList1:[],
+        openNy:new Date(),
+        type:'',
+        openFile:[],
+        openFileList:[],
+        queryParams:{
+          bookId:'',
+          deptId:''
+        },
+        openFile2:[],
+        openPic2:[],
+      };
+    },
+    created() {
+      this.houseGetDicts("asset_status").then((response) => {
+        this.assetStatusOptions = response.data;
+      });
+      this.houseGetDicts("asset_type").then((response) => {
+        this.assetTypeOptions = response.data;
+      });
+      this.houseGetDicts("use_type").then((response) => {
+        this.useTypeOptions = response.data;
+      });
+      this.type = this.$route.query.type;
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+    },
+    methods: {
+      onSubmit(){
+        var that = this;
+        that.form.openFile = that.openFile2.join(',')
+        that.form.openPic = that.openPic2.join(',')
+        majorEventOpenAdd(that.form).then((r1) => {
+          if (r1.code == 200){
+            that.$notify({ type: 'success', message: '新增成功' });
+            setTimeout(function(){
+              history.back(-1);
+            },2000)
+          }
+        })
+      },
+      onConfirmOpenNy(data){
+        this.form.openNy = this.format(data,'yyyy-MM');
+        this.openNy = data;
+        this.showBuildTime = false;
+      },
+      deleteFile1(file){
+        console.log(file)
+        // this.form.openPic.splice(index,1);
+      },
+      afterRead(file) {
+        // 此时可以自行将文件上传至服务器
+        this.openPic.push(file.file);
+        let params1 = new FormData();
+        params1.append("file", file.file);
+        commonUpload(params1).then((r1) => {
+          this.openPic2.push(r1.fileName);
+        })
+      },
+      afterReadOpenFile(file){
+        console.log(file)
+        let params1 = new FormData();
+        params1.append("file", file.file);
+        commonUpload(params1).then((r1) => {
+          this.openFile2.push(r1.fileName);
+        })
+        let name = file.file.name;
+        let type = '';
+        if (name.indexOf('.doc') > -1){
+          type = 'word';
+        }else if(name.indexOf('.xls') > -1){
+          type = 'excel';
+        }
+        this.openFileList.push({name:file.file.name,type:type})
+        this.openFile.push(file.file);
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  /deep/ .van-button--primary{
+    background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat;
+    background-size: 100% 100%;
+    border: none;
+  }
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+      height: 116px;
+      background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+      background-size: 100% 100%;
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      font-size: 36px;
+      line-height: 116px;
+      text-align: center;
+      color: #fff;
+      position: relative;
+
+      .return_btn {
+        width: 24px;
+        height: 43.2px;
+        background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+        background-size: 20px 36px;
+        position: absolute;
+        left: 38px;
+        top: 36px;
+      }
+    }
+    .release_head{
+      height: 90px;
+      padding:0 23px;
+      display: flex;
+      align-items: center;
+      font-size: 26px;
+      color: #929292;
+      .people{
+        flex: 1;
+        display: flex;
+        align-items: center;
+        .icon{
+          width: 24px;
+          height: 21px;
+          background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
+          background-size: 100% 100%;
+          display: block;
+          margin-right: 8px;
+        }
+      }
+      .time{
+        flex: 1;
+        display: flex;
+        align-items: center;
+        justify-content:flex-end;
+        .icon{
+          width: 25px;
+          height: 25px;
+          background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
+          background-size: 100% 100%;
+          display: block;
+          margin-right: 8px;
+        }
+      }
+    }
+    .release_conetnt{
+      padding:0 22px;
+      font-size: 32px;
+      color: #252525;
+      line-height: 44px;
+      img{
+        max-width: 100%;
+        margin-bottom: 16px;
+      }
+      p{
+        margin-bottom: 16px;
+      }
+    }
+    .list_main{
+      padding:25px;
+      background: #ffffff;
+      width: 94%;
+      margin: 25px auto 0;
+      border-radius: 15PX;
+      box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    }
+    .titBox{
+      display: flex;
+      align-items: center;
+    }
+    .tit{
+      font-size: 36px;
+      font-weight: bold;
+    }
+    /deep/ .van-cell{
+      padding-left: 0!important;
+      padding-right: 0!important;
+      padding-bottom: 0!important;
+    }
+    /deep/ .van-field__label{
+      /*padding-left: 10PX;*/
+      width: auto;
+      display: flex;
+      align-items: center;
+    }
+    /deep/ .van-cell--required::before{
+      left: 85PX;
+    }
+    /deep/ .van-field__error-message{
+      display: none;
+    }
+  }
+</style>
diff --git a/src/views/sunVillage_info/list_issues_detail.vue b/src/views/sunVillage_info/list_issues_detail.vue
new file mode 100644
index 00000000..8de2a234
--- /dev/null
+++ b/src/views/sunVillage_info/list_issues_detail.vue
@@ -0,0 +1,259 @@
+<template>
+     <div class="home_wrapper">
+         <div class="header_main">
+             查看重大事项
+             <div class="return_btn" @click="onClickLeft"></div>
+             <div class="add_btn"></div>
+         </div>
+         <div class="list_main">
+
+           <van-field
+             readonly
+             clickable
+             placeholder="请选择"
+             v-model="form.openNy"
+             input-align="right"
+             label-width="auto"
+             :border="false"
+             :rules="[{ required: true , message:'请选择购建时间' }]"
+           >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_01.png" width="18">
+               <p style="margin-left: 5px;">公开年月</p>
+             </template>
+           </van-field>
+
+           <van-field readonly  v-model="form.openName"  :rules="[{ required: true , message:'请输入名称' }]" input-align="right" :border="false" >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_02.png" width="18">
+               <p style="margin-left: 5px;">公开名称</p>
+             </template>
+           </van-field>
+
+           <van-field readonly input-align="right" :border="false" >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_03.png" width="18">
+               <p style="margin-left: 5px;">公开图片</p>
+             </template>
+           </van-field>
+<!--           @delete="deleteFile1"-->
+           <van-uploader v-model="openPic" :show-upload="false" :deletable="false" multiple style="margin-top: 10PX" />
+
+           <div style="border-top: 1px solid #ededed;margin-top: 10PX;">
+             <van-field readonly input-align="right" :border="false" >
+               <template #label>
+                 <img src="../../assets/images/sunVillage_info/add_tit_icon_04.png" width="18">
+                 <p style="margin-left: 5px;">附件</p>
+               </template>
+             </van-field>
+
+             <div>
+               <div v-for="(item,index) in openFileList" :key="index" style="display: flex;align-items: center;margin-top: 10px;">
+                 <img src="../../assets/images/sunVillage_info/WORD.png" width="30" v-if="item.type == 'word'"/>
+                 <img src="../../assets/images/sunVillage_info/ECEL.png" width="30" v-if="item.type == 'excel'" />
+                 <a :href="item.url" style="margin-left: 10px;color: #333333">{{item.name}}</a>
+               </div>
+             </div>
+           </div>
+
+           <van-field readonly v-model="form.content" type="textarea" autosize  input-align="right" :border="false" >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_05.png" width="18">
+               <p style="margin-left: 5px;">内容</p>
+             </template>
+           </van-field>
+
+           <van-field readonly v-model="form.remark"  input-align="right" :border="false" >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_05.png" width="18">
+               <p style="margin-left: 5px;">备注</p>
+             </template>
+           </van-field>
+
+         </div>
+
+    </div>
+</template>
+
+<script>
+  import { majorEventPublicDetail , openAdd } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        showBuildTime:false,
+        form:{
+          openNy:this.format(new Date(),'yyyy-MM'),
+          openPic:'',
+          openFile:'',
+        },
+        openPic:[],
+        fileList:[],
+        fileList1:[],
+        openNy:new Date(),
+        type:'',
+        openFile:[],
+        openFileList:[],
+        queryParams:{
+          bookId:'',
+          deptId:''
+        }
+      };
+    },
+    created() {
+      this.houseGetDicts("asset_status").then((response) => {
+        this.assetStatusOptions = response.data;
+      });
+      this.houseGetDicts("asset_type").then((response) => {
+        this.assetTypeOptions = response.data;
+      });
+      this.houseGetDicts("use_type").then((response) => {
+        this.useTypeOptions = response.data;
+      });
+      this.type = this.$route.query.type;
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+      this.queryParams.id = this.$route.query.id;
+      this.getDetail();
+    },
+    methods: {
+      getDetail(id){
+        majorEventPublicDetail(this.queryParams).then((res) => {
+          if (res.data.openFile !='' && res.data.openFile != null && res.data.openFile != undefined){
+            res.data.openFile = res.data.openFile.split(',')
+            res.data.openFile.map(rr=>{
+              let name = rr.substr(27,rr.length);
+              let type = '';
+              if (name.indexOf('.doc') > -1){
+                type = 'word';
+              }else if(name.indexOf('.xls') > -1){
+                type = 'excel';
+              }
+              this.openFileList.push({name:name,type:type,url:'/api'+rr})
+            })
+          }
+          if (res.data.openPic !='' && res.data.openPic != null && res.data.openPic != undefined){
+            res.data.openPic = res.data.openPic.split(',')
+            res.data.openPic.map((rrr,i)=>{
+              this.openPic.push({url:'/api'+rrr})
+            })
+          }
+          this.form = res.data;
+        })
+      },
+
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        position: relative;
+
+        .return_btn {
+            width: 24px;
+            height: 43.2px;
+            background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+    }
+    .release_head{
+        height: 90px;
+        padding:0 23px;
+        display: flex;
+        align-items: center;
+        font-size: 26px;
+        color: #929292;
+        .people{
+            flex: 1;
+            display: flex;
+            align-items: center;
+            .icon{
+                width: 24px;
+                height: 21px;
+                background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+                margin-right: 8px;
+            }
+        }
+        .time{
+            flex: 1;
+            display: flex;
+            align-items: center;
+            justify-content:flex-end;
+            .icon{
+                width: 25px;
+                height: 25px;
+                background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+                margin-right: 8px;
+            }
+        }
+    }
+    .release_conetnt{
+        padding:0 22px;
+        font-size: 32px;
+        color: #252525;
+        line-height: 44px;
+        img{
+            max-width: 100%;
+            margin-bottom: 16px;
+        }
+        p{
+            margin-bottom: 16px;
+        }
+    }
+  .list_main{
+    padding:25px;
+    background: #ffffff;
+    width: 94%;
+    margin: 25px auto 0;
+    border-radius: 15PX;
+    box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+  }
+  .titBox{
+    display: flex;
+    align-items: center;
+  }
+  .tit{
+    font-size: 36px;
+    font-weight: bold;
+  }
+  /deep/ .van-cell{
+    padding-left: 0!important;
+    padding-right: 0!important;
+    padding-bottom: 0!important;
+  }
+  /deep/ .van-field__label{
+    /*padding-left: 10PX;*/
+    width: auto;
+    display: flex;
+    align-items: center;
+  }
+  /deep/ .van-cell--required::before{
+    left: 85PX;
+  }
+}
+</style>
diff --git a/src/views/sunVillage_info/list_issues_edit.vue b/src/views/sunVillage_info/list_issues_edit.vue
new file mode 100644
index 00000000..37796cbd
--- /dev/null
+++ b/src/views/sunVillage_info/list_issues_edit.vue
@@ -0,0 +1,341 @@
+<template>
+     <div class="home_wrapper">
+         <div class="header_main">
+             新增财务公开
+             <div class="return_btn" @click="onClickLeft"></div>
+             <div class="add_btn"></div>
+         </div>
+       <van-form @submit="onSubmit">
+         <div class="list_main">
+
+           <van-field
+             readonly
+             clickable
+             placeholder="请选择"
+             v-model="form.openNy"
+             @click="showBuildTime = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择购建时间' }]"
+           >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_01.png" width="18">
+               <p style="margin-left: 5px;">公开年月</p>
+             </template>
+           </van-field>
+           <van-popup v-model="showBuildTime" position="bottom">
+             <van-datetime-picker
+               v-model="openNy"
+               type="year-month"
+               title="选择年月日"
+               @confirm="onConfirmOpenNy"
+               @cancel="showBuildTime = false"
+             />
+           </van-popup>
+
+           <van-field required v-model="form.openName" placeholder="请输入名称" :rules="[{ required: true , message:'请输入名称' }]" input-align="right" :border="false" >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_02.png" width="18">
+               <p style="margin-left: 5px;">公开名称</p>
+             </template>
+           </van-field>
+
+           <van-field readonly input-align="right" :border="false" >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_03.png" width="18">
+               <p style="margin-left: 5px;">公开图片</p>
+             </template>
+           </van-field>
+<!--           @delete="deleteFile1"-->
+           <van-uploader v-model="openPic" :after-read="afterRead" @delete="deleteFile1" style="margin-top: 10PX" />
+
+           <div style="border-top: 1px solid #ededed;margin-top: 10PX;">
+             <van-field readonly input-align="right" :border="false" >
+               <template #label>
+                 <img src="../../assets/images/sunVillage_info/add_tit_icon_04.png" width="18">
+                 <p style="margin-left: 5px;">附件</p>
+               </template>
+             </van-field>
+
+             <div>
+               <div v-for="(item,index) in openFile" :key="index" style="display: flex;align-items: center;margin-top: 10px;">
+                 <img src="../../assets/images/sunVillage_info/WORD.png" width="30" v-if="item.type == 'word'"/>
+                 <img src="../../assets/images/sunVillage_info/ECEL.png" width="30" v-if="item.type == 'excel'" />
+                 <p style="margin-left: 10px;">{{item.name}}</p>
+               </div>
+             </div>
+             <van-uploader accept="*" :after-read="afterReadOpenFile" style="margin-top: 10PX">
+               <img src="../../assets/images/sunVillage_info/addFile.png" width="120" />
+             </van-uploader>
+           </div>
+
+           <van-field v-model="form.content" type="textarea" autosize placeholder="请输入内容" input-align="right" :border="false" >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_05.png" width="18">
+               <p style="margin-left: 5px;">内容</p>
+             </template>
+           </van-field>
+
+            <van-field v-model="form.remark" placeholder="请输入备注" input-align="right" :border="false" >
+              <template #label>
+                <img src="../../assets/images/sunVillage_info/add_tit_icon_05.png" width="18">
+                <p style="margin-left: 5px;">备注</p>
+              </template>
+            </van-field>
+
+         </div>
+
+         <div style="margin: 16px auto;width: 50%;">
+           <van-button round block type="primary" native-type="submit">
+             保存
+           </van-button>
+         </div>
+       </van-form>
+    </div>
+</template>
+
+<script>
+  import { commonUpload , majorEventOpenEdit , majorEventPublicDetail } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        showBuildTime:false,
+        form:{
+          openNy:this.format(new Date(),'yyyy-MM'),
+          openPic:'',
+          openFile:'',
+        },
+        openPic:[],
+        fileList:[],
+        fileList1:[],
+        openNy:new Date(),
+        type:'',
+        openFile:[],
+        openFileList:[],
+        openPicList:[],
+        queryParams:{
+          bookId:'',
+          deptId:''
+        },
+        openPic2:[],
+        openFile2:[]
+      };
+    },
+    created() {
+      this.houseGetDicts("asset_status").then((response) => {
+        this.assetStatusOptions = response.data;
+      });
+      this.houseGetDicts("asset_type").then((response) => {
+        this.assetTypeOptions = response.data;
+      });
+      this.houseGetDicts("use_type").then((response) => {
+        this.useTypeOptions = response.data;
+      });
+      this.type = this.$route.query.type;
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+      this.queryParams.id = this.$route.query.id;
+      this.getDetail();
+    },
+    methods: {
+      getDetail(id){
+        majorEventPublicDetail(this.queryParams).then((res) => {
+          var that = this ;
+          if (res.data.openFile!='' && res.data.openFile != null && res.data.openFile != undefined){
+            this.openFile = res.data.openFile.split(',')
+            this.openFile2 = res.data.openFile.split(',')
+            this.openFile.map((rr,i)=>{
+              let name = rr.substr(27,rr.length);
+              let type = '';
+              if (name.indexOf('.doc') > -1){
+                type = 'word';
+              }else if(name.indexOf('.xls') > -1){
+                type = 'excel';
+              }
+              this.openFile[i] = {name:name,type:type}
+            })
+          }
+          if (res.data.openPic!='' && res.data.openPic != null && res.data.openPic != undefined){
+            this.openPic = res.data.openPic.split(',')
+            this.openPic2 = res.data.openPic.split(',')
+            this.openPic.map((rrr,i)=>{
+              this.openPic[i] = {url:'/api'+rrr}
+            })
+          }
+          that.form = res.data;
+        })
+      },
+      onSubmit(){
+        var that = this;
+        that.form.openFile = that.openFile2.join(',')
+        that.form.openPic = that.openPic2.join(',')
+        majorEventOpenEdit(that.form).then((r1) => {
+          if (r1.code == 200){
+            that.$notify({ type: 'success', message: '修改成功' });
+            setTimeout(function(){
+              history.back(-1);
+            },2000)
+          }
+        })
+      },
+      onConfirmOpenNy(data){
+        this.form.openNy = this.format(data,'yyyy-MM');
+        this.openNy = data;
+        this.showBuildTime = false;
+      },
+      deleteFile1(file){
+        console.log(file)
+        // this.form.openPic.splice(index,1);
+      },
+      afterRead(file) {
+        // 此时可以自行将文件上传至服务器
+        this.openPicList.push(file.file);
+        let params1 = new FormData();
+        params1.append("file", file.file);
+        commonUpload(params1).then((r1) => {
+          this.openPic2.push(r1.fileName);
+        })
+      },
+      afterReadOpenFile(file){
+        let params1 = new FormData();
+        params1.append("file", file.file);
+        commonUpload(params1).then((r1) => {
+          this.openFile2.push(r1.fileName);
+        })
+        let name = file.file.name;
+        let type = '';
+        if (name.indexOf('.doc') > -1){
+          type = 'word';
+        }else if(name.indexOf('.xls') > -1){
+          type = 'excel';
+        }
+        this.openFile.push({name:file.file.name,type:type})
+        this.openFileList.push(file.file);
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  /deep/ .van-button--primary{
+    background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat;
+    background-size: 100% 100%;
+    border: none;
+  }
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        position: relative;
+
+        .return_btn {
+            width: 24px;
+            height: 43.2px;
+            background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+    }
+    .release_head{
+        height: 90px;
+        padding:0 23px;
+        display: flex;
+        align-items: center;
+        font-size: 26px;
+        color: #929292;
+        .people{
+            flex: 1;
+            display: flex;
+            align-items: center;
+            .icon{
+                width: 24px;
+                height: 21px;
+                background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+                margin-right: 8px;
+            }
+        }
+        .time{
+            flex: 1;
+            display: flex;
+            align-items: center;
+            justify-content:flex-end;
+            .icon{
+                width: 25px;
+                height: 25px;
+                background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+                margin-right: 8px;
+            }
+        }
+    }
+    .release_conetnt{
+        padding:0 22px;
+        font-size: 32px;
+        color: #252525;
+        line-height: 44px;
+        img{
+            max-width: 100%;
+            margin-bottom: 16px;
+        }
+        p{
+            margin-bottom: 16px;
+        }
+    }
+  .list_main{
+    padding:25px;
+    background: #ffffff;
+    width: 94%;
+    margin: 25px auto 0;
+    border-radius: 15PX;
+    box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+  }
+  .titBox{
+    display: flex;
+    align-items: center;
+  }
+  .tit{
+    font-size: 36px;
+    font-weight: bold;
+  }
+  /deep/ .van-cell{
+    padding-left: 0!important;
+    padding-right: 0!important;
+    padding-bottom: 0!important;
+  }
+  /deep/ .van-field__label{
+    /*padding-left: 10PX;*/
+    width: auto;
+    display: flex;
+    align-items: center;
+  }
+  /deep/ .van-cell--required::before{
+    left: 85PX;
+  }
+  /deep/ .van-field__error-message{
+    display: none;
+  }
+}
+</style>
diff --git a/src/views/sunVillage_info/list_register.vue b/src/views/sunVillage_info/list_register.vue
new file mode 100644
index 00000000..24dd6423
--- /dev/null
+++ b/src/views/sunVillage_info/list_register.vue
@@ -0,0 +1,487 @@
+<template>
+  <div class="home_wrapper">
+    <div class="header_main">
+      零工信息
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="add_btn" @click="goAdd" v-show="showBtn"></div>
+    </div>
+    <div class="record_main">
+      <div class="record_det">
+        <div class="year_l" @click="tabShow"><i :class="{'icon':true , 'zk':!showTab ,  'ss':showTab } "></i>{{year == '' ? '全部': year}}<span class="unit">{{year == '' ? '': '年'}}</span>{{month}}<span class="unit">{{month == '' ? '': '月'}}</span></div>
+        <div class="total_r">共{{listLength}}条公告</div>
+      </div>
+
+      <div class="date_box" v-if="showTab">
+        <div class="record_list">
+          <div :class="{'flex_block':true , 'current':year == ''}" @click="tabClick('')">全部</div>
+          <div :class="{'flex_block':true , 'current':year == '2022'}" @click="tabClick('2022')">2022</div>
+          <div :class="{'flex_block':true , 'current':year == '2021'}" @click="tabClick('2021')">2021</div>
+          <div :class="{'flex_block':true , 'current':year == '2020'}" @click="tabClick('2020')">2020</div>
+          <div :class="{'flex_block':true , 'current':year == '2019'}" @click="tabClick('2019')">2019</div>
+          <div :class="{'flex_block':true , 'current':year == '2018'}" @click="tabClick('2018')">2018</div>
+        </div>
+        <div class="record_list month_list">
+          <div v-for="(item,index) in 12" :key="index" :class="{'flex_block':true , 'current':month == item}" @click="tabClickMonth(item)">
+            {{item}}</div>
+        </div>
+      </div>
+    </div>
+    <div class="list_main">
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        @load="getList"
+      >
+        <!----1-->
+        <div class="item" v-for="(item,index) in applicationList" :key="index">
+          <div class="info" @click="goDetail(item.id)">
+            <div class="title">
+              <i class="icon_box"></i>
+              <p class="news_title">{{item.workerName}}</p>
+<!--              <p class="tips_mark" v-if="index==0">新</p>-->
+              <div class="money">￥{{item.totalMoney}}</div>
+            </div>
+            <div class="time">
+              <div class="icon_time"></div>{{item.jobTime}}
+            </div>
+          </div>
+          <div class="operation">
+            <!-- delete 删除 edit编辑 view查看 -->
+            <div class="opera_btn edit" @click="goEdit(item.id)" v-show="showBtn">
+              <i class="icon "></i>
+            </div>
+            <div class="opera_btn delete" @click="goRemove(item.id)" v-show="showBtn">
+              <i class="icon"></i>
+            </div>
+<!--            <div class="opera_btn list" @click="goRanking(item.id,item.openNy)" v-show="!showBtn">-->
+<!--              <i class="icon "></i>-->
+<!--            </div>-->
+<!--            <div class="opera_btn view" @click="goDetail(item.id)" v-show="!showBtn">-->
+<!--              <i class="icon "></i>-->
+<!--            </div>-->
+          </div>
+        </div>
+      </van-list>
+    </div>
+    <!--        <div class="bottom_tips">-->
+    <!--            <span class="xs">已经到底啦</span>-->
+    <!--        </div>-->
+  </div>
+</template>
+
+<script>
+  import { listOddjob , delOddjob } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        applicationList:[],
+        applicationListSecond:[],
+        assetStatusOptions:[],
+        auditStatus:[],
+        loading: false,
+        finished: false,
+        show: false,
+        showTab: false,
+        fileList:[],
+        listLength:'0',
+        searchInput:'',
+        queryParams:{
+          pageNum:1,
+          pageSize:10,
+          orderByColumn:'createTime',
+          isAsc:'desc',
+          yearMonth:'',
+        },
+        uploadFiles1:[],
+        projectId:'',
+        projectIndex:'',
+        showBtn:true,
+        year:'',
+        month:'',
+      };
+    },
+    created() {
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+      if (this.$route.query.type == 'code'){
+        this.showBtn = false;
+      }
+    },
+    methods: {
+      getList(){
+        console.log(this.finished)
+        var _this = this;
+        listOddjob(_this.queryParams).then(response => {
+          _this.listLength = response.total;
+          response.rows.map(res=>{
+            _this.applicationList.push(res);
+          })
+          console.log(_this.applicationList.length)
+          if(_this.applicationList.length >= response.total){
+            _this.finished = true;
+            return;
+          }else{
+            _this.loading = false;
+            _this.queryParams.pageNum += 1 ;
+          }
+        });
+      },
+      tabClick(year){
+        this.year = year ;
+        if (year == ''){
+          this.queryParams.yearMonth = ''
+          this.month = ''
+        }else{
+          this.queryParams.yearMonth = year + '- 01'
+          this.month = '1'
+        }
+        this.finished = false;
+        this.queryParams.pageNum = 1;
+        this.applicationList = [];
+        this.getList();
+      },
+      tabClickMonth(month){
+        this.month = month ;
+        if (month < 10){
+          this.queryParams.yearMonth = this.year + '-0' + month
+        }else{
+          this.queryParams.yearMonth = this.year + '-' + month
+        }
+        this.finished = false;
+        this.queryParams.pageNum = 1;
+        this.applicationList = [];
+        this.getList();
+      },
+      tabShow(){
+        this.showTab = !this.showTab;
+      },
+      /** 删除按钮操作 */
+      handleDelete(row,index) {
+        let assetStatus = row.assetStatus ? row.assetStatus : data[0].assetStatus;
+        if (assetStatus === '2' || assetStatus === '3') {
+          this.$notify({
+            message: "不允许删除已出售或已报废的资产",
+            type: "warning",
+          });
+          return;
+        }
+        let useType = row.useType;
+        if(useType == 3) {
+          this.$notify({
+            message: "出租或出借的资产不允许删除",
+            type: "warning",
+          });
+          return ;
+        }
+        const ids = row.id || this.ids;
+
+        this.$dialog.alert(
+          {
+            message:'是否确认删除固定资产?',
+            title:"警告",
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+          }
+        )
+          .then(function () {
+            return delPermanent(ids);
+          })
+          .then(() => {
+            this.applicationList.splice(index, 1);
+            this.$notify({ type: 'success', message: '删除成功' });
+          });
+      },
+      goAdd(){
+        this.$router.push('/sunVillage_info/list_register_add')
+      },
+      goDetail(id){
+        this.$router.push({path:'/sunVillage_info/list_register_detail',query: {id:id}})
+      },
+      goEdit(id){
+        this.$router.push({path:'/sunVillage_info/list_register_edit',query: {id:id}})
+      },
+      goRanking(id,time){
+        this.$router.push({path:'/sunVillage_info/list_tourists_ranking',query: {id:id,time:time}})
+      },
+      goRemove(id){
+        this.$dialog.alert({
+          title: '提示',
+          message: '确认删除？',
+          showCancelButton:true,
+        })
+          .then(() => {
+            delOddjob(id).then(response => {
+              this.$notify({ type: 'success', message: '删除成功' });
+              this.getList()
+            });
+          })
+          .catch(() => {
+            // on cancel
+          });
+
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .date_box{
+    background: url('../../assets/images/sunVillage_info/date_bg.png') no-repeat;
+    background-size: 100% 100%;
+    height: 90PX;
+    padding: 0 15PX;
+    margin-top: 15PX;
+    .record_list{
+      height: 45PX;
+      align-items: center;
+    }
+    .month_list{
+      border-top: 2PX dashed #e2e2e2;
+    }
+  }
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main{
+      height: 116px;
+      background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+      background-size: 100% 100%;
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      font-size: 36px;
+      line-height: 116px;
+      text-align: center;
+      color: #fff;
+      position: relative;
+      .return_btn{
+        width: 24px;
+        height: 43.2px;
+        background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+        background-size: 20px 36px;
+        position: absolute;
+        left: 38px;
+        top: 36px;
+      }
+      .add_btn{
+        width: 56.4px;
+        height: 40.8px;
+        background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+        background-size: 47px 34px;
+        position: absolute;
+        right: 38px;
+        top: 36px;
+      }
+    }
+    .record_main{
+      padding:30px 22px;
+      .record_det{
+        height: 38px;
+        line-height: 38px;
+        display: flex;
+        justify-content:space-between;
+        .year_l{
+          font-size: 30px;
+          display: flex;
+          align-items: center;
+          color: #858585;
+
+          .unit{
+            padding-left: 5px;
+          }
+          .icon{
+            width: 23px;
+            height: 12px;
+            display: block;
+            background: url('../../assets/images/sunVillage_info/list_icon_1.png') no-repeat;
+            background-size: 100% 100%;
+            margin-bottom: 4px;
+            margin-right: 8px;
+            &.zk {
+              transform: rotate(0deg)
+            }
+            &.ss{
+              transform: rotate(180deg)
+            }
+
+          }
+        }
+        .total_r{
+          font-size: 26px;
+          letter-spacing: 2px;
+        }
+      }
+      .record_list{
+        display: flex;
+        flex-flow: wrap;
+        align-items: center;
+        justify-content: space-between;
+        .flex_block{
+          font-size: 30px;
+          color: #aaaaaa;
+          &.current{
+            color: #2facfe;
+            font-weight: bold;
+          }
+        }
+      }
+      .month_list{
+        align-items: center;
+        justify-content: space-between;
+        .flex_block{
+          font-size: 30px;
+          color: #aaaaaa;
+          padding-right: 0px;
+          &.current{
+            color: #2facfe;
+            font-weight: bold;
+          }
+        }
+      }
+    }
+    .list_main{
+      padding: 0 22px;
+      .item{
+        height: 140px;
+        border-radius: 30px;
+        background: #fff;
+        box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+        padding:25px 32px;
+        display: flex;
+        margin-bottom: 20px;
+        .info{
+          flex:0 0 450px;
+          .title{
+            display: flex;
+            font-size: 32px;
+            align-items: center;
+            height: 58px;
+            .icon_box{
+              width: 34px;
+              display: block;
+              height: 30px;
+              background: url('../../assets/images/sunVillage_info/list_icon_2.png') no-repeat;
+              background-size: 100% 100%;
+              margin-right: 10px;
+            }
+            .news_title{
+              max-width:330px;
+              overflow: hidden;
+              white-space: nowrap;
+              text-overflow: ellipsis;
+              -o-text-overflow: ellipsis;
+            }
+            .tips_mark{
+              width: 34px;
+              height: 34px;
+              background: #fa0c0c;
+              border-radius: 8px;
+              font-size: 24px;
+              color: #fff;
+              text-align: center;
+              line-height: 34px;
+              margin-left: 10px;
+            }
+            .money{
+              font-size: 14PX;
+              color: red;
+              margin-left: auto;
+            }
+          }
+          .time{
+            font-size: 24px;
+            color: #858585;
+            display: flex;
+            align-items: center;
+            height: 30px;
+            margin-top: 6px;
+            .icon_time{
+              width: 25px;
+              height: 25px;
+              background: url('../../assets/images/sunVillage_info/list_icon_4.png') no-repeat;
+              background-size: 100% 100%;
+              margin-right: 10px;
+            }
+          }
+        }
+        .operation{
+          flex: 1;
+          display: flex;
+          align-items: center;
+          justify-content: flex-end;
+          text-align: right;
+          .opera_btn{
+            width: 52px;
+            height: 52px;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content:center;
+
+            &.delete{
+              background:#df0707;
+              margin-left: 28px;
+              .icon{
+                width: 22px;
+                height: 29px;
+                background: url('../../assets/images/sunVillage_info/list_icon_7.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+              }
+            }
+            &.edit{
+              background: #79cf13;
+              .icon {
+                width: 26px;
+                height: 25px;
+                background: url('../../assets/images/sunVillage_info/list_icon_6.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+              }
+            }
+            &.view{
+              background: #3494ff;
+              margin-left: 28px;
+              .icon {
+                width: 29px;
+                height: 21px;
+                background: url('../../assets/images/sunVillage_info/list_icon_3.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+              }
+            }
+            &.list{
+              background: #79cf13;
+              .icon {
+                width: 29px;
+                height: 21px;
+                background: url('../../assets/images/sunVillage_info/list_icon_10.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+              }
+            }
+          }
+        }
+      }
+
+    }
+    .bottom_tips{
+      font-size: 24px;
+      color: #a7a6a6;
+      text-align: center;
+      margin-top: 32px;
+      background: url('../../assets/images/sunVillage_info/list_icon_8.png') center center no-repeat;
+      background-size: 260px 2px;
+      .xs{
+        padding:0 8px;
+        background: #e9e9e9;
+      }
+    }
+  }
+</style>
diff --git a/src/views/sunVillage_info/list_register_add.vue b/src/views/sunVillage_info/list_register_add.vue
new file mode 100644
index 00000000..559b0fd6
--- /dev/null
+++ b/src/views/sunVillage_info/list_register_add.vue
@@ -0,0 +1,237 @@
+<template>
+  <div class="home_wrapper">
+    <div class="header_main">
+      新增零工登记
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="add_btn"></div>
+    </div>
+    <van-form @submit="onSubmit">
+      <div class="list_main">
+
+        <van-field
+          readonly
+          clickable
+          label="出工日期"
+          placeholder="请选择"
+          v-model="form.jobTime"
+          @click="showBuildTime = true"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto"
+          required
+          :border="false"
+          :rules="[{ required: true , message:'请选择出工日期' }]"
+        />
+        <van-popup v-model="showBuildTime" position="bottom">
+          <van-datetime-picker
+            v-model="jobTime"
+            type="year-month"
+            title="选择年月日"
+            @confirm="onConfirmOpenNy"
+            @cancel="showBuildTime = false"
+          />
+        </van-popup>
+
+        <van-field required label="出工姓名" v-model="form.workerName" placeholder="请输入出工姓名" :rules="[{ required: true , message:'请输入出工姓名' }]" input-align="right" :border="false" />
+
+        <van-field required label="出工事由" v-model="form.workReason" placeholder="请输入出工事由" :rules="[{ required: true , message:'请输入出工事由' }]" input-align="right" :border="false" />
+
+        <van-field required label="记工员" v-model="form.workerNote" placeholder="请输入记工员" :rules="[{ required: true , message:'请输入记工员' }]" input-align="right" :border="false" />
+
+        <van-field required label="出工数" v-model="form.workNum" placeholder="请输入出工数" :rules="[{ required: true , message:'请输入出工数' }]" input-align="right" :border="false" />
+
+        <van-field required label="工日值" v-model="form.perMoney" placeholder="请输入工日值" :rules="[{ required: true , message:'请输入工日值' }]" input-align="right" :border="false" />
+
+        <van-field required label="金额(元)" type="number" v-model="form.totalMoney" placeholder="请输入金额(元)" :rules="[{ required: true , message:'请输入金额' }]" input-align="right" :border="false" />
+
+        <van-field label="备注" v-model="form.remark" placeholder="请输入备注" input-align="right" :border="false" />
+
+      </div>
+
+      <div style="margin: 16px auto;width: 50%;">
+        <van-button round block type="primary" native-type="submit">
+          保存
+        </van-button>
+      </div>
+    </van-form>
+  </div>
+</template>
+
+<script>
+  import { addOddjob } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        showBuildTime:false,
+        form:{
+          jobTime:this.format(new Date(),'yyyy-MM-dd'),
+          workerName:'',
+          workReason:'',
+          workerNote:'',
+          workNum:'',
+          perMoney:'',
+          totalMoney:'',
+          remark:'',
+        },
+        openPic:[],
+        fileList:[],
+        fileList1:[],
+        jobTime:new Date(),
+        type:'',
+        openFile:[],
+        openFileList:[],
+        queryParams:{
+          bookId:'',
+          deptId:''
+        },
+        openFile2:[],
+        openPic2:[],
+      };
+    },
+    created() {
+      this.type = this.$route.query.type;
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+    },
+    methods: {
+      onSubmit(){
+        var that = this;
+        addOddjob(that.form).then((r1) => {
+          if (r1.code == 200){
+            that.$notify({ type: 'success', message: '新增成功' });
+            setTimeout(function(){
+              history.back(-1);
+            },2000)
+          }
+        })
+      },
+      onConfirmOpenNy(data){
+        this.form.jobTime = this.format(data,'yyyy-MM-dd');
+        this.jobTime = data;
+        this.showBuildTime = false;
+      },
+
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  /deep/ .van-button--primary{
+    background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat;
+    background-size: 100% 100%;
+    border: none;
+  }
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+      height: 116px;
+      background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+      background-size: 100% 100%;
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      font-size: 36px;
+      line-height: 116px;
+      text-align: center;
+      color: #fff;
+      position: relative;
+
+      .return_btn {
+        width: 24px;
+        height: 43.2px;
+        background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+        background-size: 20px 36px;
+        position: absolute;
+        left: 38px;
+        top: 36px;
+      }
+    }
+    .release_head{
+      height: 90px;
+      padding:0 23px;
+      display: flex;
+      align-items: center;
+      font-size: 26px;
+      color: #929292;
+      .people{
+        flex: 1;
+        display: flex;
+        align-items: center;
+        .icon{
+          width: 24px;
+          height: 21px;
+          background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
+          background-size: 100% 100%;
+          display: block;
+          margin-right: 8px;
+        }
+      }
+      .time{
+        flex: 1;
+        display: flex;
+        align-items: center;
+        justify-content:flex-end;
+        .icon{
+          width: 25px;
+          height: 25px;
+          background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
+          background-size: 100% 100%;
+          display: block;
+          margin-right: 8px;
+        }
+      }
+    }
+    .release_conetnt{
+      padding:0 22px;
+      font-size: 32px;
+      color: #252525;
+      line-height: 44px;
+      img{
+        max-width: 100%;
+        margin-bottom: 16px;
+      }
+      p{
+        margin-bottom: 16px;
+      }
+    }
+    .list_main{
+      padding:25px;
+      background: #ffffff;
+      width: 94%;
+      margin: 25px auto 0;
+      border-radius: 15PX;
+      box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    }
+    .titBox{
+      display: flex;
+      align-items: center;
+    }
+    .tit{
+      font-size: 36px;
+      font-weight: bold;
+    }
+    /deep/ .van-cell{
+      padding-left: 0!important;
+      padding-right: 0!important;
+      padding-bottom: 0!important;
+    }
+    /deep/ .van-field__label{
+      padding-left: 10PX;
+      width: auto;
+      display: flex;
+      align-items: center;
+    }
+    /deep/ .van-cell--required::before{
+      left: 0PX;
+    }
+    /deep/ .van-field__error-message{
+      display: none;
+    }
+  }
+</style>
diff --git a/src/views/sunVillage_info/list_register_detail.vue b/src/views/sunVillage_info/list_register_detail.vue
new file mode 100644
index 00000000..b8929be7
--- /dev/null
+++ b/src/views/sunVillage_info/list_register_detail.vue
@@ -0,0 +1,225 @@
+<template>
+  <div class="home_wrapper">
+    <div class="header_main">
+      查看零工登记
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="add_btn"></div>
+    </div>
+    <van-form @submit="onSubmit">
+      <div class="list_main">
+
+        <van-field
+          readonly
+          clickable
+          label="出工日期"
+          placeholder="请选择"
+          v-model="form.jobTime"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto"
+          required
+          :border="false"
+          :rules="[{ required: true , message:'请选择出工日期' }]"
+        />
+
+        <van-field readonly required label="出工姓名" v-model="form.workerName" placeholder="请输入出工姓名" :rules="[{ required: true , message:'请输入出工姓名' }]" input-align="right" :border="false" />
+
+        <van-field readonly required label="出工事由" v-model="form.workReason" placeholder="请输入出工事由" :rules="[{ required: true , message:'请输入出工事由' }]" input-align="right" :border="false" />
+
+        <van-field readonly required label="记工员" v-model="form.workerNote" placeholder="请输入记工员" :rules="[{ required: true , message:'请输入记工员' }]" input-align="right" :border="false" />
+
+        <van-field readonly required label="出工数" v-model="form.workNum" placeholder="请输入出工数" :rules="[{ required: true , message:'请输入出工数' }]" input-align="right" :border="false" />
+
+        <van-field readonly required label="工日值" v-model="form.perMoney" placeholder="请输入工日值" :rules="[{ required: true , message:'请输入工日值' }]" input-align="right" :border="false" />
+
+        <van-field readonly required label="金额(元)" v-model="form.totalMoney" placeholder="请输入金额(元)" :rules="[{ required: true , message:'请输入金额' }]" input-align="right" :border="false" />
+
+        <van-field readonly required label="备注" v-model="form.remark" placeholder="请输入备注" :rules="[{ required: true , message:'请输入备注' }]" input-align="right" :border="false" />
+
+      </div>
+    </van-form>
+  </div>
+</template>
+
+<script>
+  import { addOddjob , getOddjob , updateOddjob } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        showBuildTime:false,
+        form:{
+          jobTime:this.format(new Date(),'yyyy-MM-dd'),
+          workerName:'',
+          workReason:'',
+          workerNote:'',
+          workNum:'',
+          perMoney:'',
+          totalMoney:'',
+          remark:'',
+        },
+        openPic:[],
+        fileList:[],
+        fileList1:[],
+        jobTime:new Date(),
+        type:'',
+        openFile:[],
+        openFileList:[],
+        queryParams:{
+          id:'',
+          bookId:'',
+          deptId:''
+        },
+        openFile2:[],
+        openPic2:[],
+      };
+    },
+    created() {
+      this.type = this.$route.query.type;
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+      this.queryParams.id = this.$route.query.id;
+      this.getDetail();
+    },
+    methods: {
+      getDetail(id){
+        getOddjob(this.queryParams.id).then((res) => {
+          var that = this ;
+          that.form = res.data;
+        })
+      },
+      onSubmit(){
+        var that = this;
+        updateOddjob(that.form).then((r1) => {
+          if (r1.code == 200){
+            that.$notify({ type: 'success', message: '修改成功' });
+            setTimeout(function(){
+              history.back(-1);
+            },2000)
+          }
+        })
+      },
+      onConfirmOpenNy(data){
+        this.form.jobTime = this.format(data,'yyyy-MM-dd');
+        this.jobTime = data;
+        this.showBuildTime = false;
+      },
+
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+      height: 116px;
+      background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+      background-size: 100% 100%;
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      font-size: 36px;
+      line-height: 116px;
+      text-align: center;
+      color: #fff;
+      position: relative;
+
+      .return_btn {
+        width: 24px;
+        height: 43.2px;
+        background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+        background-size: 20px 36px;
+        position: absolute;
+        left: 38px;
+        top: 36px;
+      }
+    }
+    .release_head{
+      height: 90px;
+      padding:0 23px;
+      display: flex;
+      align-items: center;
+      font-size: 26px;
+      color: #929292;
+      .people{
+        flex: 1;
+        display: flex;
+        align-items: center;
+        .icon{
+          width: 24px;
+          height: 21px;
+          background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
+          background-size: 100% 100%;
+          display: block;
+          margin-right: 8px;
+        }
+      }
+      .time{
+        flex: 1;
+        display: flex;
+        align-items: center;
+        justify-content:flex-end;
+        .icon{
+          width: 25px;
+          height: 25px;
+          background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
+          background-size: 100% 100%;
+          display: block;
+          margin-right: 8px;
+        }
+      }
+    }
+    .release_conetnt{
+      padding:0 22px;
+      font-size: 32px;
+      color: #252525;
+      line-height: 44px;
+      img{
+        max-width: 100%;
+        margin-bottom: 16px;
+      }
+      p{
+        margin-bottom: 16px;
+      }
+    }
+    .list_main{
+      padding:25px;
+      background: #ffffff;
+      width: 94%;
+      margin: 25px auto 0;
+      border-radius: 15PX;
+      box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    }
+    .titBox{
+      display: flex;
+      align-items: center;
+    }
+    .tit{
+      font-size: 36px;
+      font-weight: bold;
+    }
+    /deep/ .van-cell{
+      padding-left: 0!important;
+      padding-right: 0!important;
+      padding-bottom: 0!important;
+    }
+    /deep/ .van-field__label{
+      padding-left: 10PX;
+      width: auto;
+      display: flex;
+      align-items: center;
+    }
+    /deep/ .van-cell--required::before{
+      left: 0PX;
+    }
+    /deep/ .van-field__error-message{
+      display: none;
+    }
+  }
+</style>
diff --git a/src/views/sunVillage_info/list_register_edit.vue b/src/views/sunVillage_info/list_register_edit.vue
new file mode 100644
index 00000000..b08b22ca
--- /dev/null
+++ b/src/views/sunVillage_info/list_register_edit.vue
@@ -0,0 +1,246 @@
+<template>
+  <div class="home_wrapper">
+    <div class="header_main">
+      修改零工登记
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="add_btn"></div>
+    </div>
+    <van-form @submit="onSubmit">
+      <div class="list_main">
+
+        <van-field
+          readonly
+          clickable
+          label="出工日期"
+          placeholder="请选择"
+          v-model="form.jobTime"
+          @click="showBuildTime = true"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto"
+          required
+          :border="false"
+          :rules="[{ required: true , message:'请选择出工日期' }]"
+        />
+        <van-popup v-model="showBuildTime" position="bottom">
+          <van-datetime-picker
+            v-model="jobTime"
+            type="year-month"
+            title="选择年月日"
+            @confirm="onConfirmOpenNy"
+            @cancel="showBuildTime = false"
+          />
+        </van-popup>
+
+        <van-field required label="出工姓名" v-model="form.workerName" placeholder="请输入出工姓名" :rules="[{ required: true , message:'请输入出工姓名' }]" input-align="right" :border="false" />
+
+        <van-field required label="出工事由" v-model="form.workReason" placeholder="请输入出工事由" :rules="[{ required: true , message:'请输入出工事由' }]" input-align="right" :border="false" />
+
+        <van-field required label="记工员" v-model="form.workerNote" placeholder="请输入记工员" :rules="[{ required: true , message:'请输入记工员' }]" input-align="right" :border="false" />
+
+        <van-field required label="出工数" v-model="form.workNum" placeholder="请输入出工数" :rules="[{ required: true , message:'请输入出工数' }]" input-align="right" :border="false" />
+
+        <van-field required label="工日值" v-model="form.perMoney" placeholder="请输入工日值" :rules="[{ required: true , message:'请输入工日值' }]" input-align="right" :border="false" />
+
+        <van-field required label="金额(元)" type="number" v-model="form.totalMoney" placeholder="请输入金额(元)" :rules="[{ required: true , message:'请输入金额' }]" input-align="right" :border="false" />
+
+        <van-field label="备注" v-model="form.remark" placeholder="请输入备注" input-align="right" :border="false" />
+
+      </div>
+
+      <div style="margin: 16px auto;width: 50%;">
+        <van-button round block type="primary" native-type="submit">
+          保存
+        </van-button>
+      </div>
+    </van-form>
+  </div>
+</template>
+
+<script>
+  import { addOddjob , getOddjob , updateOddjob } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        showBuildTime:false,
+        form:{
+          jobTime:this.format(new Date(),'yyyy-MM-dd'),
+          workerName:'',
+          workReason:'',
+          workerNote:'',
+          workNum:'',
+          perMoney:'',
+          totalMoney:'',
+          remark:'',
+        },
+        openPic:[],
+        fileList:[],
+        fileList1:[],
+        jobTime:new Date(),
+        type:'',
+        openFile:[],
+        openFileList:[],
+        queryParams:{
+          id:'',
+          bookId:'',
+          deptId:''
+        },
+        openFile2:[],
+        openPic2:[],
+      };
+    },
+    created() {
+      this.type = this.$route.query.type;
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+      this.queryParams.id = this.$route.query.id;
+      this.getDetail();
+    },
+    methods: {
+      getDetail(id){
+        getOddjob(this.queryParams.id).then((res) => {
+          var that = this ;
+          that.form = res.data;
+        })
+      },
+      onSubmit(){
+        var that = this;
+        updateOddjob(that.form).then((r1) => {
+          if (r1.code == 200){
+            that.$notify({ type: 'success', message: '修改成功' });
+            setTimeout(function(){
+              history.back(-1);
+            },2000)
+          }
+        })
+      },
+      onConfirmOpenNy(data){
+        this.form.jobTime = this.format(data,'yyyy-MM-dd');
+        this.jobTime = data;
+        this.showBuildTime = false;
+      },
+
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  /deep/ .van-button--primary{
+    background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat;
+    background-size: 100% 100%;
+    border: none;
+  }
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+      height: 116px;
+      background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+      background-size: 100% 100%;
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      font-size: 36px;
+      line-height: 116px;
+      text-align: center;
+      color: #fff;
+      position: relative;
+
+      .return_btn {
+        width: 24px;
+        height: 43.2px;
+        background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+        background-size: 20px 36px;
+        position: absolute;
+        left: 38px;
+        top: 36px;
+      }
+    }
+    .release_head{
+      height: 90px;
+      padding:0 23px;
+      display: flex;
+      align-items: center;
+      font-size: 26px;
+      color: #929292;
+      .people{
+        flex: 1;
+        display: flex;
+        align-items: center;
+        .icon{
+          width: 24px;
+          height: 21px;
+          background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
+          background-size: 100% 100%;
+          display: block;
+          margin-right: 8px;
+        }
+      }
+      .time{
+        flex: 1;
+        display: flex;
+        align-items: center;
+        justify-content:flex-end;
+        .icon{
+          width: 25px;
+          height: 25px;
+          background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
+          background-size: 100% 100%;
+          display: block;
+          margin-right: 8px;
+        }
+      }
+    }
+    .release_conetnt{
+      padding:0 22px;
+      font-size: 32px;
+      color: #252525;
+      line-height: 44px;
+      img{
+        max-width: 100%;
+        margin-bottom: 16px;
+      }
+      p{
+        margin-bottom: 16px;
+      }
+    }
+    .list_main{
+      padding:25px;
+      background: #ffffff;
+      width: 94%;
+      margin: 25px auto 0;
+      border-radius: 15PX;
+      box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    }
+    .titBox{
+      display: flex;
+      align-items: center;
+    }
+    .tit{
+      font-size: 36px;
+      font-weight: bold;
+    }
+    /deep/ .van-cell{
+      padding-left: 0!important;
+      padding-right: 0!important;
+      padding-bottom: 0!important;
+    }
+    /deep/ .van-field__label{
+      padding-left: 10PX;
+      width: auto;
+      display: flex;
+      align-items: center;
+    }
+    /deep/ .van-cell--required::before{
+      left: 0PX;
+    }
+    /deep/ .van-field__error-message{
+      display: none;
+    }
+  }
+</style>
diff --git a/src/views/sunVillage_info/list_tourists.vue b/src/views/sunVillage_info/list_tourists.vue
new file mode 100644
index 00000000..de029b3b
--- /dev/null
+++ b/src/views/sunVillage_info/list_tourists.vue
@@ -0,0 +1,426 @@
+<template>
+  <div class="home_wrapper">
+    <div class="header_main">
+      零工公开榜
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="add_btn" @click="goAdd" v-show="showBtn"></div>
+    </div>
+    <div class="record_main">
+      <div class="record_det">
+        <div class="year_l" @click="tabShow"><i :class="{'icon':true , 'zk':!showTab ,  'ss':showTab } "></i>{{queryParams.year == '' ? '全部': queryParams.year}}<span class="unit">{{queryParams.year == '' ? '': '年'}}</span></div>
+        <div class="total_r">共{{listLength}}条公告</div>
+      </div>
+      <div class="record_list" v-if="showTab">
+        <div :class="{'flex_block':true , 'current':queryParams.year == ''}" @click="tabClick('')">全部</div>
+        <div :class="{'flex_block':true , 'current':queryParams.year == '2022'}" @click="tabClick('2022')">2022</div>
+        <div :class="{'flex_block':true , 'current':queryParams.year == '2021'}" @click="tabClick('2021')">2021</div>
+        <div :class="{'flex_block':true , 'current':queryParams.year == '2020'}" @click="tabClick('2020')">2020</div>
+        <div :class="{'flex_block':true , 'current':queryParams.year == '2019'}" @click="tabClick('2019')">2019</div>
+        <div :class="{'flex_block':true , 'current':queryParams.year == '2018'}" @click="tabClick('2018')">2018</div>
+      </div>
+    </div>
+    <div class="list_main">
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        @load="getList"
+      >
+        <!----1-->
+        <div class="item" v-for="(item,index) in applicationList" :key="index" >
+          <div class="info" @click="goDetail(item.id)">
+            <div class="title">
+              <i class="icon_box"></i>
+              <p class="news_title">{{item.openName}}</p>
+              <p class="tips_mark" v-if="index==0">新</p>
+            </div>
+            <div class="time">
+              <div class="icon_time"></div>
+              {{item.openNy}}
+            </div>
+          </div>
+          <div class="operation">
+            <!-- delete 删除 edit编辑 view查看 list榜单 -->
+            <div class="opera_btn list" @click="goRanking(item.id,item.openNy)">
+              <i class="icon "></i>
+            </div>
+            <div class="opera_btn edit" @click="goEdit(item.id)" v-show="showBtn">
+              <i class="icon "></i>
+            </div>
+            <div class="opera_btn delete" @click="goRemove(item.id)" v-show="showBtn">
+              <i class="icon"></i>
+            </div>
+            <div class="opera_btn view" @click="goDetail(item.id)" v-show="!showBtn">
+              <i class="icon "></i>
+            </div>
+          </div>
+        </div>
+      </van-list>
+    </div>
+    <!--        <div class="bottom_tips">-->
+    <!--            <span class="xs">已经到底啦</span>-->
+    <!--        </div>-->
+  </div>
+</template>
+
+<script>
+  import { tempWorkerPublicList , tempWorkerOpenRemove } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        applicationList:[],
+        applicationListSecond:[],
+        assetStatusOptions:[],
+        auditStatus:[],
+        loading: false,
+        finished: false,
+        show: false,
+        showTab: false,
+        fileList:[],
+        listLength:'0',
+        searchInput:'',
+        queryParams:{
+          pageNum:1,
+          pageSize:10,
+          orderByColumn:'createTime',
+          isAsc:'desc',
+          year:'2022',
+        },
+        uploadFiles1:[],
+        projectId:'',
+        projectIndex:'',
+        showBtn:true,
+      };
+    },
+    created() {
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+      if (this.$route.query.type == 'code'){
+        this.showBtn = false;
+      }
+    },
+    methods: {
+      getList(){
+        var _this = this;
+        console.log(_this.queryParams)
+        tempWorkerPublicList(_this.queryParams).then(response => {
+          _this.listLength = response.total;
+          response.rows.map(res=>{
+            _this.applicationList.push(res);
+          })
+
+          if(_this.applicationList.length >= response.total){
+            _this.finished = true;
+            return;
+          }else{
+            _this.loading = false;
+            _this.queryParams.pageNum += 1 ;
+          }
+        });
+      },
+      tabClick(year){
+        this.queryParams.year = year ;
+        this.applicationList = [];
+        this.getList();
+      },
+      tabShow(){
+        this.showTab = !this.showTab;
+      },
+      /** 删除按钮操作 */
+      handleDelete(row,index) {
+        let assetStatus = row.assetStatus ? row.assetStatus : data[0].assetStatus;
+        if (assetStatus === '2' || assetStatus === '3') {
+          this.$notify({
+            message: "不允许删除已出售或已报废的资产",
+            type: "warning",
+          });
+          return;
+        }
+        let useType = row.useType;
+        if(useType == 3) {
+          this.$notify({
+            message: "出租或出借的资产不允许删除",
+            type: "warning",
+          });
+          return ;
+        }
+        const ids = row.id || this.ids;
+
+        this.$dialog.alert(
+          {
+            message:'是否确认删除固定资产?',
+            title:"警告",
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+          }
+        )
+          .then(function () {
+            return delPermanent(ids);
+          })
+          .then(() => {
+            this.applicationList.splice(index, 1);
+            this.$notify({ type: 'success', message: '删除成功' });
+          });
+      },
+      goAdd(){
+        this.$router.push('/sunVillage_info/list_tourists_add')
+      },
+      goDetail(id){
+        this.$router.push({path:'/sunVillage_info/list_tourists_detail',query: {id:id,type:'tourists'}})
+      },
+      goEdit(id){
+        this.$router.push({path:'/sunVillage_info/list_tourists_edit',query: {id:id,type:'finance'}})
+      },
+      goRanking(id,time){
+        this.$router.push({path:'/sunVillage_info/list_tourists_ranking',query: {id:id,time:time}})
+      },
+      goRemove(id){
+        this.$dialog.alert({
+          title: '提示',
+          message: '确认删除？',
+          showCancelButton:true,
+        })
+          .then(() => {
+            tempWorkerOpenRemove(id).then(response => {
+              this.$notify({ type: 'success', message: '删除成功' });
+              this.getList()
+            });
+          })
+          .catch(() => {
+            // on cancel
+          });
+
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main{
+      height: 116px;
+      background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+      background-size: 100% 100%;
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      font-size: 36px;
+      line-height: 116px;
+      text-align: center;
+      color: #fff;
+      position: relative;
+      .return_btn{
+        width: 24px;
+        height: 43.2px;
+        background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+        background-size: 20px 36px;
+        position: absolute;
+        left: 38px;
+        top: 36px;
+      }
+      .add_btn{
+        width: 56.4px;
+        height: 40.8px;
+        background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+        background-size: 47px 34px;
+        position: absolute;
+        right: 38px;
+        top: 36px;
+      }
+    }
+    .record_main{
+      padding:30px 22px;
+      .record_det{
+        height: 38px;
+        line-height: 38px;
+        display: flex;
+        justify-content:space-between;
+        .year_l{
+          font-size: 30px;
+          display: flex;
+          align-items: center;
+          color: #858585;
+
+          .unit{
+            padding-left: 5px;
+          }
+          .icon{
+            width: 23px;
+            height: 12px;
+            display: block;
+            background: url('../../assets/images/sunVillage_info/list_icon_1.png') no-repeat;
+            background-size: 100% 100%;
+            margin-bottom: 4px;
+            margin-right: 8px;
+            &.zk {
+              transform: rotate(0deg)
+            }
+            &.ss{
+              transform: rotate(180deg)
+            }
+
+          }
+        }
+        .total_r{
+          font-size: 26px;
+          letter-spacing: 2px;
+        }
+      }
+      .record_list{
+        display: flex;
+        flex-flow: wrap;
+        margin-top: 12PX;
+        .flex_block{
+          font-size: 30px;
+          color: #878787;
+          padding-right: 30px;
+          &.current{
+            color: #4199fe;
+            font-weight: bold;
+          }
+        }
+      }
+    }
+    .list_main{
+      padding:0 22px;
+      .item{
+        height: 140px;
+        border-radius: 30px;
+        background: #fff;
+        box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+        padding:25px 32px;
+        display: flex;
+        margin-bottom: 20px;
+        .info{
+          flex:0 0 450px;
+          .title{
+            display: flex;
+            font-size: 32px;
+            align-items: center;
+            height: 58px;
+            .icon_box{
+              width: 34px;
+              display: block;
+              height: 30px;
+              background: url('../../assets/images/sunVillage_info/list_icon_2.png') no-repeat;
+              background-size: 100% 100%;
+              margin-right: 10px;
+            }
+            .news_title{
+              max-width:330px;
+              overflow: hidden;
+              white-space: nowrap;
+              text-overflow: ellipsis;
+              -o-text-overflow: ellipsis;
+            }
+            .tips_mark{
+              width: 34px;
+              height: 34px;
+              background: #fa0c0c;
+              border-radius: 8px;
+              font-size: 24px;
+              color: #fff;
+              text-align: center;
+              line-height: 34px;
+              margin-left: 10px;
+            }
+          }
+          .time{
+            font-size: 24px;
+            color: #858585;
+            display: flex;
+            align-items: center;
+            height: 30px;
+            margin-top: 6px;
+            .icon_time{
+              width: 25px;
+              height: 25px;
+              background: url('../../assets/images/sunVillage_info/list_icon_4.png') no-repeat;
+              background-size: 100% 100%;
+              margin-right: 10px;
+            }
+          }
+        }
+        .operation{
+          flex: 1;
+          display: flex;
+          align-items: center;
+          justify-content: right;
+          text-align: right;
+          .opera_btn{
+            width: 52px;
+            height: 52px;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content:center;
+
+            &.delete{
+              background:#df0707;
+              margin-left: 10PX;
+              .icon{
+                width: 22px;
+                height: 29px;
+                background: url('../../assets/images/sunVillage_info/list_icon_7.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+              }
+            }
+            &.edit{
+              background: #79cf13;
+              margin-left: 10PX;
+              .icon {
+                width: 26px;
+                height: 25px;
+                background: url('../../assets/images/sunVillage_info/list_icon_6.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+              }
+            }
+            &.view{
+              background: #3494ff;
+              margin-left: 10PX;
+              .icon {
+                width: 29px;
+                height: 21px;
+                background: url('../../assets/images/sunVillage_info/list_icon_3.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+              }
+            }
+            &.list{
+              background: #79cf13;
+              .icon {
+                width: 29px;
+                height: 21px;
+                background: url('../../assets/images/sunVillage_info/list_icon_10.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+              }
+            }
+          }
+        }
+      }
+
+    }
+    .bottom_tips{
+      font-size: 24px;
+      color: #a7a6a6;
+      text-align: center;
+      margin-top: 32px;
+      background: url('../../assets/images/sunVillage_info/list_icon_8.png') center center no-repeat;
+      background-size: 260px 2px;
+      .xs{
+        padding:0 8px;
+        background: #e9e9e9;
+      }
+    }
+  }
+</style>
diff --git a/src/views/sunVillage_info/list_tourists_add.vue b/src/views/sunVillage_info/list_tourists_add.vue
new file mode 100644
index 00000000..905b9ea2
--- /dev/null
+++ b/src/views/sunVillage_info/list_tourists_add.vue
@@ -0,0 +1,303 @@
+<template>
+  <div class="home_wrapper">
+    <div class="header_main">
+      新增零工公开
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="add_btn"></div>
+    </div>
+    <van-form @submit="onSubmit">
+      <div class="list_main">
+
+        <van-field
+          readonly
+          clickable
+          placeholder="请选择"
+          v-model="form.openNy"
+          @click="showBuildTime = true"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto"
+          required
+          :border="false"
+          :rules="[{ required: true , message:'请选择购建时间' }]"
+        >
+          <template #label>
+            <img src="../../assets/images/sunVillage_info/add_tit_icon_01.png" width="18">
+            <p style="margin-left: 5px;">公开年月</p>
+          </template>
+        </van-field>
+        <van-popup v-model="showBuildTime" position="bottom">
+          <van-datetime-picker
+            v-model="openNy"
+            type="year-month"
+            title="选择年月日"
+            @confirm="onConfirmOpenNy"
+            @cancel="showBuildTime = false"
+          />
+        </van-popup>
+
+        <van-field required v-model="form.openName" placeholder="请输入名称" :rules="[{ required: true , message:'请输入名称' }]" input-align="right" :border="false" >
+          <template #label>
+            <img src="../../assets/images/sunVillage_info/add_tit_icon_02.png" width="18">
+            <p style="margin-left: 5px;">公开名称</p>
+          </template>
+        </van-field>
+
+        <van-field readonly input-align="right" :border="false" >
+          <template #label>
+            <img src="../../assets/images/sunVillage_info/add_tit_icon_03.png" width="18">
+            <p style="margin-left: 5px;">公开图片</p>
+          </template>
+        </van-field>
+        <!--           @delete="deleteFile1"-->
+        <van-uploader v-model="fileList" :after-read="afterRead" @delete="deleteFile1"  style="margin-top: 10PX" />
+
+        <div style="border-top: 1px solid #ededed;margin-top: 10PX;">
+          <van-field readonly input-align="right" :border="false" >
+            <template #label>
+              <img src="../../assets/images/sunVillage_info/add_tit_icon_04.png" width="18">
+              <p style="margin-left: 5px;">附件</p>
+            </template>
+          </van-field>
+
+          <div>
+            <div v-for="(item,index) in openFileList" :key="index" style="display: flex;align-items: center;margin-top: 10px;">
+              <img src="../../assets/images/sunVillage_info/WORD.png" width="30" v-if="item.type == 'word'"/>
+              <img src="../../assets/images/sunVillage_info/ECEL.png" width="30" v-if="item.type == 'excel'" />
+              <p style="margin-left: 10px;">{{item.name}}</p>
+            </div>
+          </div>
+          <van-uploader accept="*" :after-read="afterReadOpenFile" style="margin-top: 10PX">
+            <img src="../../assets/images/sunVillage_info/addFile.png" width="120" />
+          </van-uploader>
+        </div>
+        <van-field v-model="form.remark" placeholder="请输入备注" input-align="right" :border="false" >
+          <template #label>
+            <img src="../../assets/images/sunVillage_info/add_tit_icon_05.png" width="18">
+            <p style="margin-left: 5px;">备注</p>
+          </template>
+        </van-field>
+
+      </div>
+
+      <div style="margin: 16px auto;width: 50%;">
+        <van-button round block type="primary" native-type="submit">
+          保存
+        </van-button>
+      </div>
+    </van-form>
+  </div>
+</template>
+
+<script>
+  import { commonUpload , tempWorkerOpenAdd } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        showBuildTime:false,
+        form:{
+          openNy:this.format(new Date(),'yyyy-MM'),
+          openPic:'',
+          openFile:'',
+        },
+        openPic:[],
+        fileList:[],
+        fileList1:[],
+        openNy:new Date(),
+        type:'',
+        openFile:[],
+        openFileList:[],
+        queryParams:{
+          bookId:'',
+          deptId:''
+        },
+        openFile2:[],
+        openPic2:[],
+      };
+    },
+    created() {
+      this.houseGetDicts("asset_status").then((response) => {
+        this.assetStatusOptions = response.data;
+      });
+      this.houseGetDicts("asset_type").then((response) => {
+        this.assetTypeOptions = response.data;
+      });
+      this.houseGetDicts("use_type").then((response) => {
+        this.useTypeOptions = response.data;
+      });
+      this.type = this.$route.query.type;
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+    },
+    methods: {
+      onSubmit(){
+        var that = this;
+        that.form.openFile = that.openFile2.join(',')
+        that.form.openPic = that.openPic2.join(',')
+        tempWorkerOpenAdd(that.form).then((r1) => {
+          if (r1.code == 200){
+            that.$notify({ type: 'success', message: '新增成功' });
+            setTimeout(function(){
+              history.back(-1);
+            },2000)
+          }
+        })
+      },
+      onConfirmOpenNy(data){
+        this.form.openNy = this.format(data,'yyyy-MM');
+        this.openNy = data;
+        this.showBuildTime = false;
+      },
+      deleteFile1(file){
+        console.log(file)
+        // this.form.openPic.splice(index,1);
+      },
+      afterRead(file) {
+        // 此时可以自行将文件上传至服务器
+        this.openPic.push(file.file);
+        let params1 = new FormData();
+        params1.append("file", file.file);
+        commonUpload(params1).then((r1) => {
+          this.openPic2.push(r1.fileName);
+        })
+      },
+      afterReadOpenFile(file){
+        let params1 = new FormData();
+        params1.append("file", file.file);
+        commonUpload(params1).then((r1) => {
+          this.openFile2.push(r1.fileName);
+        })
+        let name = file.file.name;
+        let type = '';
+        if (name.indexOf('.doc') > -1){
+          type = 'word';
+        }else if(name.indexOf('.xls') > -1){
+          type = 'excel';
+        }
+        this.openFileList.push({name:file.file.name,type:type})
+        this.openFile.push(file.file);
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  /deep/ .van-button--primary{
+    background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat;
+    background-size: 100% 100%;
+    border: none;
+  }
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+      height: 116px;
+      background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+      background-size: 100% 100%;
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      font-size: 36px;
+      line-height: 116px;
+      text-align: center;
+      color: #fff;
+      position: relative;
+
+      .return_btn {
+        width: 24px;
+        height: 43.2px;
+        background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+        background-size: 20px 36px;
+        position: absolute;
+        left: 38px;
+        top: 36px;
+      }
+    }
+    .release_head{
+      height: 90px;
+      padding:0 23px;
+      display: flex;
+      align-items: center;
+      font-size: 26px;
+      color: #929292;
+      .people{
+        flex: 1;
+        display: flex;
+        align-items: center;
+        .icon{
+          width: 24px;
+          height: 21px;
+          background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
+          background-size: 100% 100%;
+          display: block;
+          margin-right: 8px;
+        }
+      }
+      .time{
+        flex: 1;
+        display: flex;
+        align-items: center;
+        justify-content:flex-end;
+        .icon{
+          width: 25px;
+          height: 25px;
+          background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
+          background-size: 100% 100%;
+          display: block;
+          margin-right: 8px;
+        }
+      }
+    }
+    .release_conetnt{
+      padding:0 22px;
+      font-size: 32px;
+      color: #252525;
+      line-height: 44px;
+      img{
+        max-width: 100%;
+        margin-bottom: 16px;
+      }
+      p{
+        margin-bottom: 16px;
+      }
+    }
+    .list_main{
+      padding:25px;
+      background: #ffffff;
+      width: 94%;
+      margin: 25px auto 0;
+      border-radius: 15PX;
+      box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    }
+    .titBox{
+      display: flex;
+      align-items: center;
+    }
+    .tit{
+      font-size: 36px;
+      font-weight: bold;
+    }
+    /deep/ .van-cell{
+      padding-left: 0!important;
+      padding-right: 0!important;
+      padding-bottom: 0!important;
+    }
+    /deep/ .van-field__label{
+      /*padding-left: 10PX;*/
+      width: auto;
+      display: flex;
+      align-items: center;
+    }
+    /deep/ .van-cell--required::before{
+      left: 85PX;
+    }
+    /deep/ .van-field__error-message{
+      display: none;
+    }
+  }
+</style>
diff --git a/src/views/sunVillage_info/list_tourists_detail.vue b/src/views/sunVillage_info/list_tourists_detail.vue
new file mode 100644
index 00000000..2c302585
--- /dev/null
+++ b/src/views/sunVillage_info/list_tourists_detail.vue
@@ -0,0 +1,252 @@
+<template>
+     <div class="home_wrapper">
+         <div class="header_main">
+             查看零工公开
+             <div class="return_btn" @click="onClickLeft"></div>
+             <div class="add_btn"></div>
+         </div>
+         <div class="list_main">
+
+           <van-field
+             readonly
+             clickable
+             placeholder="请选择"
+             v-model="form.openNy"
+             input-align="right"
+             label-width="auto"
+             :border="false"
+             :rules="[{ required: true , message:'请选择购建时间' }]"
+           >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_01.png" width="18">
+               <p style="margin-left: 5px;">公开年月</p>
+             </template>
+           </van-field>
+
+           <van-field readonly  v-model="form.openName"  :rules="[{ required: true , message:'请输入名称' }]" input-align="right" :border="false" >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_02.png" width="18">
+               <p style="margin-left: 5px;">公开名称</p>
+             </template>
+           </van-field>
+
+           <van-field readonly input-align="right" :border="false" >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_03.png" width="18">
+               <p style="margin-left: 5px;">公开图片</p>
+             </template>
+           </van-field>
+<!--           @delete="deleteFile1"-->
+           <van-uploader v-model="openPic" :show-upload="false" :deletable="false" multiple style="margin-top: 10PX" />
+
+           <div style="border-top: 1px solid #ededed;margin-top: 10PX;">
+             <van-field readonly input-align="right" :border="false" >
+               <template #label>
+                 <img src="../../assets/images/sunVillage_info/add_tit_icon_04.png" width="18">
+                 <p style="margin-left: 5px;">附件</p>
+               </template>
+             </van-field>
+
+             <div>
+               <div v-for="(item,index) in openFileList" :key="index" style="display: flex;align-items: center;margin-top: 10px;">
+                 <img src="../../assets/images/sunVillage_info/WORD.png" width="30" v-if="item.type == 'word'"/>
+                 <img src="../../assets/images/sunVillage_info/ECEL.png" width="30" v-if="item.type == 'excel'" />
+                 <a :href="item.url" style="margin-left: 10px;color: #333333">{{item.name}}</a>
+               </div>
+             </div>
+           </div>
+           <van-field readonly v-model="form.remark"  input-align="right" :border="false" >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_05.png" width="18">
+               <p style="margin-left: 5px;">备注</p>
+             </template>
+           </van-field>
+
+         </div>
+
+    </div>
+</template>
+
+<script>
+  import { tempWorkerPublicDetail , openAdd } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        showBuildTime:false,
+        form:{
+          openNy:this.format(new Date(),'yyyy-MM'),
+          openPic:'',
+          openFile:'',
+        },
+        openPic:[],
+        fileList:[],
+        fileList1:[],
+        openNy:new Date(),
+        type:'',
+        openFile:[],
+        openFileList:[],
+        queryParams:{
+          bookId:'',
+          deptId:''
+        }
+      };
+    },
+    created() {
+      this.houseGetDicts("asset_status").then((response) => {
+        this.assetStatusOptions = response.data;
+      });
+      this.houseGetDicts("asset_type").then((response) => {
+        this.assetTypeOptions = response.data;
+      });
+      this.houseGetDicts("use_type").then((response) => {
+        this.useTypeOptions = response.data;
+      });
+      this.type = this.$route.query.type;
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+      this.queryParams.id = this.$route.query.id;
+      this.getDetail();
+    },
+    methods: {
+      getDetail(id){
+        tempWorkerPublicDetail(this.queryParams).then((res) => {
+          if (res.data.openFile !='' && res.data.openFile != null && res.data.openFile != undefined){
+            res.data.openFile = res.data.openFile.split(',')
+            res.data.openFile.map(rr=>{
+              let name = rr.substr(27,rr.length);
+              let type = '';
+              if (name.indexOf('.doc') > -1){
+                type = 'word';
+              }else if(name.indexOf('.xls') > -1){
+                type = 'excel';
+              }
+              this.openFileList.push({name:name,type:type,url:'/api'+rr})
+            })
+          }
+          if (res.data.openPic !='' && res.data.openPic != null && res.data.openPic != undefined){
+            res.data.openPic = res.data.openPic.split(',')
+            res.data.openPic.map((rrr,i)=>{
+              this.openPic.push({url:'/api'+rrr})
+            })
+          }
+
+          this.form = res.data;
+        })
+      },
+
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        position: relative;
+
+        .return_btn {
+            width: 24px;
+            height: 43.2px;
+            background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+    }
+    .release_head{
+        height: 90px;
+        padding:0 23px;
+        display: flex;
+        align-items: center;
+        font-size: 26px;
+        color: #929292;
+        .people{
+            flex: 1;
+            display: flex;
+            align-items: center;
+            .icon{
+                width: 24px;
+                height: 21px;
+                background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+                margin-right: 8px;
+            }
+        }
+        .time{
+            flex: 1;
+            display: flex;
+            align-items: center;
+            justify-content:flex-end;
+            .icon{
+                width: 25px;
+                height: 25px;
+                background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+                margin-right: 8px;
+            }
+        }
+    }
+    .release_conetnt{
+        padding:0 22px;
+        font-size: 32px;
+        color: #252525;
+        line-height: 44px;
+        img{
+            max-width: 100%;
+            margin-bottom: 16px;
+        }
+        p{
+            margin-bottom: 16px;
+        }
+    }
+  .list_main{
+    padding:25px;
+    background: #ffffff;
+    width: 94%;
+    margin: 25px auto 0;
+    border-radius: 15PX;
+    box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+  }
+  .titBox{
+    display: flex;
+    align-items: center;
+  }
+  .tit{
+    font-size: 36px;
+    font-weight: bold;
+  }
+  /deep/ .van-cell{
+    padding-left: 0!important;
+    padding-right: 0!important;
+    padding-bottom: 0!important;
+  }
+  /deep/ .van-field__label{
+    /*padding-left: 10PX;*/
+    width: auto;
+    display: flex;
+    align-items: center;
+  }
+  /deep/ .van-cell--required::before{
+    left: 85PX;
+  }
+}
+</style>
diff --git a/src/views/sunVillage_info/list_tourists_edit.vue b/src/views/sunVillage_info/list_tourists_edit.vue
new file mode 100644
index 00000000..bf89c861
--- /dev/null
+++ b/src/views/sunVillage_info/list_tourists_edit.vue
@@ -0,0 +1,333 @@
+<template>
+     <div class="home_wrapper">
+         <div class="header_main">
+             修改零工公开
+             <div class="return_btn" @click="onClickLeft"></div>
+             <div class="add_btn"></div>
+         </div>
+       <van-form @submit="onSubmit">
+         <div class="list_main">
+
+           <van-field
+             readonly
+             clickable
+             placeholder="请选择"
+             v-model="form.openNy"
+             @click="showBuildTime = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择购建时间' }]"
+           >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_01.png" width="18">
+               <p style="margin-left: 5px;">公开年月</p>
+             </template>
+           </van-field>
+           <van-popup v-model="showBuildTime" position="bottom">
+             <van-datetime-picker
+               v-model="openNy"
+               type="year-month"
+               title="选择年月日"
+               @confirm="onConfirmOpenNy"
+               @cancel="showBuildTime = false"
+             />
+           </van-popup>
+
+           <van-field required v-model="form.openName" placeholder="请输入名称" :rules="[{ required: true , message:'请输入名称' }]" input-align="right" :border="false" >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_02.png" width="18">
+               <p style="margin-left: 5px;">公开名称</p>
+             </template>
+           </van-field>
+
+           <van-field readonly input-align="right" :border="false" >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_03.png" width="18">
+               <p style="margin-left: 5px;">公开图片</p>
+             </template>
+           </van-field>
+<!--           @delete="deleteFile1"-->
+           <van-uploader v-model="openPic" :after-read="afterRead" @delete="deleteFile1" style="margin-top: 10PX" />
+
+           <div style="border-top: 1px solid #ededed;margin-top: 10PX;">
+             <van-field readonly input-align="right" :border="false" >
+               <template #label>
+                 <img src="../../assets/images/sunVillage_info/add_tit_icon_04.png" width="18">
+                 <p style="margin-left: 5px;">附件</p>
+               </template>
+             </van-field>
+
+             <div>
+               <div v-for="(item,index) in openFile" :key="index" style="display: flex;align-items: center;margin-top: 10px;">
+                 <img src="../../assets/images/sunVillage_info/WORD.png" width="30" v-if="item.type == 'word'"/>
+                 <img src="../../assets/images/sunVillage_info/ECEL.png" width="30" v-if="item.type == 'excel'" />
+                 <p style="margin-left: 10px;">{{item.name}}</p>
+               </div>
+             </div>
+             <van-uploader accept="*" :after-read="afterReadOpenFile" style="margin-top: 10PX">
+               <img src="../../assets/images/sunVillage_info/addFile.png" width="120" />
+             </van-uploader>
+           </div>
+           <van-field v-model="form.remark" placeholder="请输入备注" input-align="right" :border="false" >
+             <template #label>
+               <img src="../../assets/images/sunVillage_info/add_tit_icon_05.png" width="18">
+               <p style="margin-left: 5px;">备注</p>
+             </template>
+           </van-field>
+
+         </div>
+
+         <div style="margin: 16px auto;width: 50%;">
+           <van-button round block type="primary" native-type="submit">
+             保存
+           </van-button>
+         </div>
+       </van-form>
+    </div>
+</template>
+
+<script>
+  import { commonUpload , tempWorkerOpenEdit , tempWorkerPublicDetail } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        showBuildTime:false,
+        form:{
+          openNy:this.format(new Date(),'yyyy-MM'),
+          openPic:'',
+          openFile:'',
+        },
+        openPic:[],
+        fileList:[],
+        fileList1:[],
+        openNy:new Date(),
+        type:'',
+        openFile:[],
+        openFileList:[],
+        openPicList:[],
+        queryParams:{
+          bookId:'',
+          deptId:''
+        },
+        openPic2:[],
+        openFile2:[]
+      };
+    },
+    created() {
+      this.houseGetDicts("asset_status").then((response) => {
+        this.assetStatusOptions = response.data;
+      });
+      this.houseGetDicts("asset_type").then((response) => {
+        this.assetTypeOptions = response.data;
+      });
+      this.houseGetDicts("use_type").then((response) => {
+        this.useTypeOptions = response.data;
+      });
+      this.type = this.$route.query.type;
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+      this.queryParams.id = this.$route.query.id;
+      this.getDetail();
+    },
+    methods: {
+      getDetail(id){
+        tempWorkerPublicDetail(this.queryParams).then((res) => {
+          var that = this ;
+          if (res.data.openFile!='' && res.data.openFile != null && res.data.openFile != undefined){
+            this.openFile = res.data.openFile.split(',')
+            this.openFile2 = res.data.openFile.split(',')
+            this.openFile.map((rr,i)=>{
+              let name = rr.substr(27,rr.length);
+              let type = '';
+              if (name.indexOf('.doc') > -1){
+                type = 'word';
+              }else if(name.indexOf('.xls') > -1){
+                type = 'excel';
+              }
+              this.openFile[i] = {name:name,type:type}
+            })
+          }
+          if (res.data.openPic!='' && res.data.openPic != null && res.data.openPic != undefined){
+            this.openPic = res.data.openPic.split(',')
+            this.openPic2 = res.data.openPic.split(',')
+            this.openPic.map((rrr,i)=>{
+              this.openPic[i] = {url:'/api'+rrr}
+            })
+          }
+          that.form = res.data;
+        })
+      },
+      onSubmit(){
+        var that = this;
+        that.form.openFile = that.openFile2.join(',')
+        that.form.openPic = that.openPic2.join(',')
+        tempWorkerOpenEdit(that.form).then((r1) => {
+          if (r1.code == 200){
+            that.$notify({ type: 'success', message: '修改成功' });
+            setTimeout(function(){
+              history.back(-1);
+            },2000)
+          }
+        })
+      },
+      onConfirmOpenNy(data){
+        this.form.openNy = this.format(data,'yyyy-MM');
+        this.openNy = data;
+        this.showBuildTime = false;
+      },
+      deleteFile1(file){
+        console.log(file)
+        // this.form.openPic.splice(index,1);
+      },
+      afterRead(file) {
+        // 此时可以自行将文件上传至服务器
+        this.openPicList.push(file.file);
+        let params1 = new FormData();
+        params1.append("file", file.file);
+        commonUpload(params1).then((r1) => {
+          this.openPic2.push(r1.fileName);
+        })
+      },
+      afterReadOpenFile(file){
+        let params1 = new FormData();
+        params1.append("file", file.file);
+        commonUpload(params1).then((r1) => {
+          this.openFile2.push(r1.fileName);
+        })
+        let name = file.file.name;
+        let type = '';
+        if (name.indexOf('.doc') > -1){
+          type = 'word';
+        }else if(name.indexOf('.xls') > -1){
+          type = 'excel';
+        }
+        this.openFile.push({name:file.file.name,type:type})
+        this.openFileList.push(file.file);
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  /deep/ .van-button--primary{
+    background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat;
+    background-size: 100% 100%;
+    border: none;
+  }
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        position: relative;
+
+        .return_btn {
+            width: 24px;
+            height: 43.2px;
+            background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+    }
+    .release_head{
+        height: 90px;
+        padding:0 23px;
+        display: flex;
+        align-items: center;
+        font-size: 26px;
+        color: #929292;
+        .people{
+            flex: 1;
+            display: flex;
+            align-items: center;
+            .icon{
+                width: 24px;
+                height: 21px;
+                background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+                margin-right: 8px;
+            }
+        }
+        .time{
+            flex: 1;
+            display: flex;
+            align-items: center;
+            justify-content:flex-end;
+            .icon{
+                width: 25px;
+                height: 25px;
+                background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+                margin-right: 8px;
+            }
+        }
+    }
+    .release_conetnt{
+        padding:0 22px;
+        font-size: 32px;
+        color: #252525;
+        line-height: 44px;
+        img{
+            max-width: 100%;
+            margin-bottom: 16px;
+        }
+        p{
+            margin-bottom: 16px;
+        }
+    }
+  .list_main{
+    padding:25px;
+    background: #ffffff;
+    width: 94%;
+    margin: 25px auto 0;
+    border-radius: 15PX;
+    box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+  }
+  .titBox{
+    display: flex;
+    align-items: center;
+  }
+  .tit{
+    font-size: 36px;
+    font-weight: bold;
+  }
+  /deep/ .van-cell{
+    padding-left: 0!important;
+    padding-right: 0!important;
+    padding-bottom: 0!important;
+  }
+  /deep/ .van-field__label{
+    /*padding-left: 10PX;*/
+    width: auto;
+    display: flex;
+    align-items: center;
+  }
+  /deep/ .van-cell--required::before{
+    left: 85PX;
+  }
+  /deep/ .van-field__error-message{
+    display: none;
+  }
+}
+</style>
diff --git a/src/views/sunVillage_info/list_tourists_ranking.vue b/src/views/sunVillage_info/list_tourists_ranking.vue
new file mode 100644
index 00000000..e92bf2dd
--- /dev/null
+++ b/src/views/sunVillage_info/list_tourists_ranking.vue
@@ -0,0 +1,442 @@
+<template>
+    <div class="home_wrapper">
+        <div class="header_main">
+            零工公开榜
+            <div class="return_btn" @click="onClickLeft"></div>
+<!--            <div class="add_btn" v-show="showBtn" @click="goAdd"></div>-->
+        </div>
+<!--        <div class="banner" id="top_view2">-->
+<!--          <div class="banner_tabs">-->
+<!--            <div>7月</div>-->
+<!--          </div>-->
+<!--          <div class="banner_tabs">-->
+<!--            <div>支出</div>-->
+<!--            <div>￥100</div>-->
+<!--          </div>-->
+<!--          <div class="banner_tabs">-->
+<!--            <div>收入</div>-->
+<!--            <div>￥200</div>-->
+<!--          </div>-->
+<!--        </div>-->
+        <p class="top_head_title">{{deptName}}{{yearMonth[0]}}年{{yearMonth[1]}}月份</p>
+
+      <div class="center_box">
+        <div class="name_box">
+          <van-row>
+            <van-col :span="24">姓名</van-col>
+          </van-row>
+          <van-row v-for="(item,index) in applicationList" :key="index">
+            <van-col :span="24">{{item.workerName}}</van-col>
+          </van-row>
+          <div class="name_bg"></div>
+          <img src="../../assets/images/sunVillage_info/name_icon.png" class="name_icon"/>
+        </div>
+
+        <div class="right_box">
+          <div class="right_box_box">
+            <van-row>
+              <van-col :span="5">出工事由</van-col>
+              <van-col :span="5">记工员</van-col>
+              <van-col :span="5">出工数</van-col>
+              <van-col :span="5">工日值</van-col>
+              <van-col :span="4">金额(元)</van-col>
+            </van-row>
+            <van-row v-for="(item,index) in applicationList" :key="index">
+              <van-col :span="5">{{item.workReason}}</van-col>
+              <van-col :span="5">{{item.workerNote}}</van-col>
+              <van-col :span="5">{{item.workNum}}</van-col>
+              <van-col :span="5">{{item.perMoney}}</van-col>
+              <van-col :span="4">{{item.totalMoney}}</van-col>
+            </van-row>
+          </div>
+        </div>
+
+        <div class="clear"></div>
+      </div>
+
+
+    </div>
+</template>
+
+<script>
+  import { listOddjob } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        applicationList:[],
+        applicationListSecond:[],
+        assetStatusOptions:[],
+        auditStatus:[],
+        loading: false,
+        finished: false,
+        show: false,
+        showTab: false,
+        fileList:[],
+        listLength:'0',
+        searchInput:'',
+        queryParams:{
+          pageNum:1,
+          pageSize:10,
+          orderByColumn:'createTime',
+          isAsc:'desc',
+          year:'',
+        },
+        uploadFiles1:[],
+        projectId:'',
+        projectIndex:'',
+        showBtn:true,
+        yearMonth:[],
+        deptName:''
+      };
+    },
+    created() {
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+      this.deptName = Cookies.get('deptName');
+      this.queryParams.yearMonth = this.$route.query.time;
+      this.yearMonth = this.$route.query.time.split('-')
+      this.getList();
+    },
+    methods: {
+      getList(){
+        var _this = this;
+        setTimeout(() => {
+          console.log(_this.queryParams)
+          listOddjob(_this.queryParams).then(response => {
+            _this.listLength = response.total;
+            _this.applicationList = response.rows;
+
+            if(_this.applicationList.length >= response.total){
+              _this.finished = true;
+              return;
+            }else{
+              _this.loading = false;
+              _this.queryParams.pageNum += 1 ;
+            }
+          });
+        }, 1000);
+      },
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main{
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        position: relative;
+        .return_btn{
+            width: 24px;
+            height: 43.2px;
+            background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+        .add_btn{
+            width: 56.4px;
+            height: 40.8px;
+            background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+            background-size: 47px 34px;
+            position: absolute;
+            right: 38px;
+            top: 36px;
+        }
+    }
+    .record_main{
+        padding:30px 22px;
+        .record_det{
+            height: 38px;
+            line-height: 38px;
+            display: flex;
+            justify-content:space-between;
+            .year_l{
+                font-size: 30px;
+                display: flex;
+                align-items: center;
+                color: #858585;
+
+                .unit{
+                    padding-left: 5px;
+                }
+                .icon{
+                    width: 23px;
+                    height: 12px;
+                    display: block;
+                    background: url('../../assets/images/sunVillage_info/list_icon_1.png') no-repeat;
+                    background-size: 100% 100%;
+                    margin-bottom: 4px;
+                    margin-right: 8px;
+                    &.zk {
+                        transform: rotate(0deg)
+                    }
+                    &.ss{
+                        transform: rotate(180deg)
+                    }
+
+                }
+            }
+            .total_r{
+                font-size: 26px;
+                letter-spacing: 2px;
+            }
+        }
+        .record_list{
+            display: flex;
+            flex-flow: wrap;
+            margin-top: 12PX;
+            .flex_block{
+                font-size: 30px;
+                color: #878787;
+                padding-right: 30px;
+                &.current{
+                    color: #4199fe;
+                    font-weight: bold;
+                }
+            }
+        }
+    }
+    .list_main{
+        padding:0 22px;
+        .item{
+            height: 100px;
+            border-radius: 30px;
+            background: #fff;
+            box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+            padding:15px 32px;
+            display: flex;
+            margin-bottom: 20px;
+            .info{
+                flex:1;
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                .title{
+                    display: flex;
+                    font-size: 32px;
+                    align-items: center;
+                    height: 58px;
+                    .icon_box{
+                        width: 34px;
+                        display: block;
+                        height: 30px;
+                        background: url('../../assets/images/sunVillage_info/list_icon_2.png') no-repeat;
+                        background-size: 100% 100%;
+                        margin-right: 10px;
+                    }
+                    .news_title{
+                        max-width:416px;
+                        overflow: hidden;
+                        white-space: nowrap;
+                        text-overflow: ellipsis;
+                        -o-text-overflow: ellipsis;
+                    }
+                    .tips_mark{
+                        width: 34px;
+                        height: 34px;
+                        background: #fa0c0c;
+                        border-radius: 8px;
+                        font-size: 24px;
+                        color: #fff;
+                        text-align: center;
+                        line-height: 34px;
+                        margin-left: 10px;
+                    }
+                }
+                .red{
+                  color: #fa0c0c;
+                }
+                .green{
+                  color: #4caf50;
+                }
+                .time{
+                    font-size: 32px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: right;
+                    height: 30px;
+                    margin-top: 6px;
+                    .icon_time{
+                        width: 25px;
+                        height: 25px;
+                        background: url('../../assets/images/sunVillage_info/list_icon_4.png') no-repeat;
+                        background-size: 100% 100%;
+                        margin-right: 10px;
+                    }
+                }
+            }
+            .operation{
+                flex: 1;
+                display: flex;
+                align-items: center;
+                justify-content: flex-end;
+                text-align: right;
+                .opera_btn{
+                    width: 52px;
+                    height: 52px;
+                    border-radius: 50%;
+                    display: flex;
+                    align-items: center;
+                    justify-content:center;
+
+                    &.delete{
+                        background:#df0707;
+                        margin-left: 28px;
+                        .icon{
+                            width: 22px;
+                            height: 29px;
+                            background: url('../../assets/images/sunVillage_info/list_icon_7.png') no-repeat;
+                            background-size: 100% 100%;
+                            display: block;
+                        }
+                    }
+                    &.edit{
+                        background: #79cf13;
+                        .icon {
+                            width: 26px;
+                            height: 25px;
+                            background: url('../../assets/images/sunVillage_info/list_icon_6.png') no-repeat;
+                            background-size: 100% 100%;
+                            display: block;
+                        }
+                    }
+                     &.view{
+                        background: #3494ff;
+                        .icon {
+                            width: 29px;
+                            height: 21px;
+                            background: url('../../assets/images/sunVillage_info/list_icon_3.png') no-repeat;
+                            background-size: 100% 100%;
+                            display: block;
+                        }
+                    }
+                }
+            }
+        }
+
+    }
+    .bottom_tips{
+        font-size: 24px;
+         color: #a7a6a6;
+         text-align: center;
+         margin-top: 32px;
+         background: url('../../assets/images/sunVillage_info/list_icon_8.png') center center no-repeat;
+         background-size: 260px 2px;
+         .xs{
+            padding:0 8px;
+            background: #e9e9e9;
+         }
+    }
+    .banner {
+      display: flex;
+      background:#3494ff;
+      color:#fff;
+      text-align: center;
+      margin:3%;
+      border-radius: 10PX;
+    }
+    .banner_tabs{
+      flex:1;
+      padding:10PX 0;
+      font-size: 16PX;
+      div:nth-child(2){
+        font-size: 14PX;
+        margin-top: 5PX;
+      }
+    }
+}
+.top_head_title{
+  font-size: 16PX;
+  text-align: center;
+  padding: 15PX 0;
+}
+  .name_box{
+    float: left;
+    width: 100PX;
+    position: relative;
+    .name_bg{
+      background-color: rgba(47,172,254,0.2);
+      width: 100PX;
+      height: 100%;
+      position: absolute;
+      top: 0;
+    }
+    .name_icon{
+      position: absolute;
+      top: 40PX;
+      left: 50%;
+      transform: translateX(-50%);
+    }
+    .van-row:nth-child(odd){
+      .van-col {
+        background-color: #ffffff;
+      }
+    }
+    .van-row:nth-child(1){
+      border-top-left-radius: 10PX;
+      border-bottom-left-radius: 10PX;
+      background-color: #ffffff;
+      .van-col {
+        background-color: #2facfe;
+        color: #ffffff;
+        border-radius: 10PX;
+      }
+    }
+    .van-col{
+      font-size: 16PX;
+      padding: 10PX 15PX;
+      text-align: center;
+    }
+  }
+  .center_box{
+    padding-left: 3%;
+  }
+  .right_box{
+    float: left;
+    width: calc(100% - 100PX);
+    overflow:hidden;
+    overflow-x: scroll;
+    white-space:nowrap;
+    display: -webkit-box;
+    -webkit-overflow-scrolling: touch;
+    .right_box_box{
+      width: 600PX;
+    }
+    .van-row:nth-child(odd){
+      .van-col{
+        background-color: #ffffff;
+      }
+    }
+    .van-row:nth-child(1){
+      .van-col{
+        color: #2facfe;
+      }
+    }
+    .van-col{
+      font-size: 16PX;
+      padding: 10PX 15PX;
+      text-align: center;
+    }
+  }
+  .clear{
+    clear: both;
+  }
+</style>
diff --git a/src/views/sunVillage_info/list_vote.vue b/src/views/sunVillage_info/list_vote.vue
new file mode 100644
index 00000000..9b3c837e
--- /dev/null
+++ b/src/views/sunVillage_info/list_vote.vue
@@ -0,0 +1,211 @@
+<template>
+  <div class="home_wrapper">
+    <div class="header_main">
+      投票
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="add_btn" @click="goAdd" v-show="showBtn"></div>
+    </div>
+    <van-list
+      v-model="loading"
+      :finished="finished"
+      finished-text="没有更多了"
+      @load="getList"
+    >
+      <van-swipe-cell v-for="(item,index) in applicationList" :key="index" >
+        <van-cell
+          :border="false"
+          :title="item.subjectName"
+          :label="'时间：'+item.startTime.substr(0,10)+' - '+item.endTime.substr(0,10)"
+          center
+          :to="{name: item.isVote || showBtn ? 'sunVillageInfoListVoteDetail':'sunVillageInfoListVoteForm',query:{id:item.id}}"
+        >
+          <template #right-icon>
+            <p style="color: #1D6FE9">投票</p>
+          </template>
+          <template #icon>
+            <img src="../../assets/images/sunVillage_info/icon_vote.png" style="width: .5rem;margin-right: 2%;">
+          </template>
+        </van-cell>
+        <template #right v-if="showBtn">
+          <div style="background-color: #ee0a24;height: 100%" @click="goRemove(item.id)">删除</div>
+          <div style="background-color: #07c160" @click="goEdit(item.id)">修改</div>
+          <div style="background-color: rgb(255, 166, 62);" v-if="item.status != '3'" @click="goRanking(item.id)">发布</div>
+        </template>
+      </van-swipe-cell>
+    </van-list>
+  </div>
+</template>
+
+<script>
+  import { listPoll , delPoll , publicPoll } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        applicationList:[],
+        applicationListSecond:[],
+        assetStatusOptions:[],
+        auditStatus:[],
+        loading: false,
+        finished: false,
+        show: false,
+        showTab: false,
+        fileList:[],
+        listLength:'0',
+        searchInput:'',
+        queryParams:{
+          pageNum:1,
+          pageSize:10,
+          orderByColumn:'createTime',
+          isAsc:'desc',
+        },
+        uploadFiles1:[],
+        projectId:'',
+        projectIndex:'',
+        showBtn:true,
+      };
+    },
+    created() {
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+      if (Cookies.get('user')){
+        this.queryParams.userId = JSON.parse(Cookies.get('user')).id
+      }
+      if (this.$route.query.type == 'code'){
+        this.queryParams.status = '1,3'
+        this.showBtn = false;
+      }
+    },
+    methods: {
+      getList(){
+        var _this = this;
+        listPoll(_this.queryParams.deptId,_this.queryParams).then(response => {
+          _this.listLength = response.total;
+          response.rows.map(res=>{
+            _this.applicationList.push(res);
+          })
+
+          if(_this.applicationList.length >= response.total){
+            _this.finished = true;
+            return;
+          }else{
+            _this.loading = false;
+            _this.queryParams.pageNum += 1 ;
+          }
+        });
+      },
+      goAdd(){
+        this.$router.push('/sunVillage_info/list_vote_add')
+      },
+      goDetail(id){
+        this.$router.push({path:'/sunVillage_info/list_vote_detail',query: {id:id}})
+      },
+      goEdit(id){
+        this.$router.push({path:'/sunVillage_info/list_vote_edit',query: {id:id}})
+      },
+      goRanking(id){
+        this.$dialog.alert({
+          title: '提示',
+          message: '确认发布？',
+          showCancelButton:true,
+        })
+          .then(() => {
+            publicPoll(id).then(response => {
+              this.$notify({ type: 'success', message: '发布成功' });
+              this.applicationList = [];
+              this.getList()
+            });
+          })
+          .catch(() => {
+            // on cancel
+          });
+      },
+      goRemove(id){
+        this.$dialog.alert({
+          title: '提示',
+          message: '确认删除？',
+          showCancelButton:true,
+        })
+          .then(() => {
+            delPoll(id).then(response => {
+              this.$notify({ type: 'success', message: '删除成功' });
+              this.applicationList = [];
+              this.getList()
+            });
+          })
+          .catch(() => {
+            // on cancel
+          });
+
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main{
+      height: 116px;
+      background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+      background-size: 100% 100%;
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      font-size: 36px;
+      line-height: 116px;
+      text-align: center;
+      color: #fff;
+      position: relative;
+      .return_btn{
+        width: 24px;
+        height: 43.2px;
+        background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+        background-size: 20px 36px;
+        position: absolute;
+        left: 38px;
+        top: 36px;
+      }
+      .add_btn{
+        width: 56.4px;
+        height: 40.8px;
+        background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+        background-size: 47px 34px;
+        position: absolute;
+        right: 38px;
+        top: 36px;
+      }
+    }
+    .van-swipe-cell {
+      position: relative;
+      overflow: hidden;
+      cursor: grab;
+      width: 96%;
+      margin: 0 auto;
+      margin-top: 15PX;
+      box-shadow: 5PX 5PX 2PX #ccc;
+      border-radius: 10PX;
+    }
+    /deep/ .van-swipe-cell__right{
+      display: flex;
+      align-items: center;
+      width: 150PX;
+      margin-left: 5PX;
+      a,div{
+        margin: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #ffffff;
+        font-size: 14PX;
+        height: 100%;
+        flex: 1;
+      }
+    }
+  }
+</style>
diff --git a/src/views/sunVillage_info/list_vote_add.vue b/src/views/sunVillage_info/list_vote_add.vue
new file mode 100644
index 00000000..f04b52c7
--- /dev/null
+++ b/src/views/sunVillage_info/list_vote_add.vue
@@ -0,0 +1,294 @@
+<template>
+  <div class="home_wrapper">
+    <div class="header_main">
+      新增投票
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="add_btn"></div>
+    </div>
+    <van-form @submit="onSubmit">
+      <div class="list_main">
+
+        <van-field required label="主题" v-model="form.subjectName" placeholder="请输入主题" :rules="[{ required: true , message:'请输入主题' }]" input-align="right" :border="false" />
+
+        <van-field label="描述" v-model="form.description" placeholder="请输入描述" input-align="right" :border="false" />
+
+        <van-field label="规则" v-model="form.rules" placeholder="请输入规则" input-align="right" :border="false" />
+
+        <van-field name="radio" label="投票类型" input-align="right" :border="false">
+          <template #input>
+            <van-radio-group v-model="form.type" direction="horizontal">
+              <van-radio name="1">单选</van-radio>
+              <van-radio name="2">多选</van-radio>
+            </van-radio-group>
+          </template>
+        </van-field>
+
+        <van-field
+          readonly
+          clickable
+          label="开始时间"
+          placeholder="请选择"
+          v-model="form.startTime"
+          @click="showStartTime = true"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto"
+          required
+          :border="false"
+          :rules="[{ required: true , message:'请选择开始时间' }]"
+        />
+        <van-popup v-model="showStartTime" position="bottom">
+          <van-datetime-picker
+            v-model="startTime"
+            type="datetime"
+            title="选择开始时间"
+            @confirm="onConfirmOpenNy"
+            @cancel="showStartTime = false"
+          />
+        </van-popup>
+
+        <van-field
+          readonly
+          clickable
+          label="结束时间"
+          placeholder="请选择"
+          v-model="form.endTime"
+          @click="showEndTime = true"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto"
+          required
+          :border="false"
+          :rules="[{ required: true , message:'请选择结束时间' }]"
+        />
+        <van-popup v-model="showEndTime" position="bottom">
+          <van-datetime-picker
+            v-model="endTime"
+            type="datetime"
+            title="选择结束时间"
+            @confirm="onConfirmOpenEndTime"
+            @cancel="showEndTime = false"
+          />
+        </van-popup>
+
+        <van-field label="发起人/单位" v-model="form.promoters" placeholder="请输入发起人/单位" input-align="right" :border="false" />
+
+        <van-field name="radio" label="是否匿名" input-align="right" :border="false">
+          <template #input>
+            <van-radio-group v-model="form.anonymous" direction="horizontal">
+              <van-radio name="Y">是</van-radio>
+              <van-radio name="N">否</van-radio>
+            </van-radio-group>
+          </template>
+        </van-field>
+        <p class="tit">投票选项</p>
+
+        <div style="margin-bottom: 10PX;">
+          <van-field v-for="(item,index) in form.options" :key="index" required :rules="[{ required: true , message:'请输入选项名称' }]" :label="'选项'+(index+1)" v-model="item.name" placeholder="请输入选项" input-align="right" :border="false" />
+        </div>
+        <van-button plain hairline block icon="plus" type="info" native-type="button" @click="addOptions">增加投票选项</van-button>
+
+      </div>
+
+      <div style="margin: 16px auto;width: 50%;">
+        <van-button round block type="primary" native-type="submit">
+          保存
+        </van-button>
+      </div>
+    </van-form>
+  </div>
+</template>
+
+<script>
+  import { commonUpload , addPoll } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        showStartTime:false,
+        showEndTime:false,
+        form:{
+          startTime:this.format(new Date(),'yyyy-MM-dd HH:mm:ss'),
+          endTime:this.format(new Date(),'yyyy-MM-dd HH:mm:ss'),
+          type:'1',
+          anonymous:'Y',
+          status:'2',
+          options:[{name:''}]
+        },
+        openPic:[],
+        fileList:[],
+        fileList1:[],
+        startTime:new Date(),
+        endTime:new Date(),
+        type:'',
+        openFile:[],
+        openFileList:[],
+        queryParams:{
+          bookId:'',
+          deptId:'',
+        },
+        openFile2:[],
+        openPic2:[],
+      };
+    },
+    created() {
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+    },
+    methods: {
+      addOptions(){
+        var that = this;
+        let array = that.form.options.filter(function (e) { return e.name == ""; });
+        console.log(array);
+        if (array.length>0){
+          that.$toast('请勿添加多个空选项！');
+        }else{
+          that.form.options.push({name:''})
+        }
+      },
+      onSubmit(){
+        var that = this;
+        addPoll(that.form).then((r1) => {
+          if (r1.code == 200){
+            that.$notify({ type: 'success', message: '新增成功' });
+            setTimeout(function(){
+              history.back(-1);
+            },2000)
+          }
+        })
+      },
+      onConfirmOpenNy(data){
+        this.form.startTime = this.format(data,'yyyy-MM-dd HH:mm:ss');
+        this.startTime = data;
+        this.showStartTime = false;
+      },
+      onConfirmOpenEndTime(data){
+        this.form.endTime = this.format(data,'yyyy-MM-dd HH:mm:ss');
+        this.endTime = data;
+        this.showEndTime = false;
+      },
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  /deep/ .van-button--primary{
+    background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat;
+    background-size: 100% 100%;
+    border: none;
+  }
+  .van-radio:last-child{
+    margin-right: 0;
+  }
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+      height: 116px;
+      background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+      background-size: 100% 100%;
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      font-size: 36px;
+      line-height: 116px;
+      text-align: center;
+      color: #fff;
+      position: relative;
+
+      .return_btn {
+        width: 24px;
+        height: 43.2px;
+        background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+        background-size: 20px 36px;
+        position: absolute;
+        left: 38px;
+        top: 36px;
+      }
+    }
+    .release_head{
+      height: 90px;
+      padding:0 23px;
+      display: flex;
+      align-items: center;
+      font-size: 26px;
+      color: #929292;
+      .people{
+        flex: 1;
+        display: flex;
+        align-items: center;
+        .icon{
+          width: 24px;
+          height: 21px;
+          background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
+          background-size: 100% 100%;
+          display: block;
+          margin-right: 8px;
+        }
+      }
+      .time{
+        flex: 1;
+        display: flex;
+        align-items: center;
+        justify-content:flex-end;
+        .icon{
+          width: 25px;
+          height: 25px;
+          background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
+          background-size: 100% 100%;
+          display: block;
+          margin-right: 8px;
+        }
+      }
+    }
+    .release_conetnt{
+      padding:0 22px;
+      font-size: 32px;
+      color: #252525;
+      line-height: 44px;
+      img{
+        max-width: 100%;
+        margin-bottom: 16px;
+      }
+      p{
+        margin-bottom: 16px;
+      }
+    }
+    .list_main{
+      padding:25px;
+      background: #ffffff;
+      width: 94%;
+      margin: 25px auto 0;
+      border-radius: 15PX;
+      box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    }
+    .tit{
+      font-size: 16PX;
+      padding: 15PX 10PX;
+    }
+    /deep/ .van-cell{
+      padding-left: 0!important;
+      padding-right: 0!important;
+      padding-bottom: 0!important;
+      &:nth-child(1){
+        padding-top: 0;
+      }
+    }
+    /deep/ .van-field__label{
+      padding-left: 10PX;
+      width: auto;
+      display: flex;
+      align-items: center;
+    }
+    /deep/ .van-cell--required::before{
+      left: 0PX;
+    }
+    /deep/ .van-field__error-message{
+      display: none;
+    }
+  }
+</style>
diff --git a/src/views/sunVillage_info/list_vote_detail.vue b/src/views/sunVillage_info/list_vote_detail.vue
new file mode 100644
index 00000000..d189786f
--- /dev/null
+++ b/src/views/sunVillage_info/list_vote_detail.vue
@@ -0,0 +1,238 @@
+<template>
+  <div class="home_wrapper">
+    <div class="header_main">
+      投票
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+
+    <div class="top_box">
+      <p class="title">{{form.subjectName}}</p>
+      <p class="label">{{form.description}}</p>
+      <div>
+        <p><i></i>{{form.anonymous == '1' ? '匿名':'实名'}}</p>
+        <p><i></i>{{form.type == '1' ? '单选':'多选'}}</p>
+        <p><i></i>{{form.nums}}人已参加</p>
+      </div>
+    </div>
+
+    <van-cell
+      :border="false"
+      center
+      v-for="(item,index) in form.options"
+      :key="index"
+    >
+      <template #title>
+        <div class="cell_title">
+          <img src="../../assets/images/sunVillage_info/icon_vote.png" style="width: .5rem;margin-right: 2%;">
+          <p>{{item.name}}</p>
+        </div>
+      </template>
+      <template #label>
+        <div class="cell_label">
+          <van-progress :percentage="50" stroke-width="7" :show-pivot="false" />
+          <p>{{item.num}}票</p>
+          <p>87%</p>
+        </div>
+      </template>
+    </van-cell>
+
+    <div class="creatName">
+      <p>截止时间：{{form.endTime}}</p>
+      <p>发起人：{{form.promoters}}</p>
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import { getPoll , votePoll } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        applicationList:[],
+        applicationListSecond:[],
+        assetStatusOptions:[],
+        auditStatus:[],
+        loading: false,
+        finished: false,
+        show: false,
+        showTab: false,
+        fileList:[],
+        listLength:'0',
+        searchInput:'',
+        queryParams:{
+          pageNum:1,
+          pageSize:10,
+          orderByColumn:'createTime',
+          isAsc:'desc',
+          year:'2022',
+        },
+        uploadFiles1:[],
+        projectId:'',
+        projectIndex:'',
+        showBtn:true,
+        form:{},
+        radio:''
+      };
+    },
+    created() {
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+      if (this.$route.query.type == 'code'){
+        this.showBtn = false;
+      }
+      this.getDetail(this.$route.query.id);
+    },
+    methods: {
+      getDetail(id){
+        var _this = this;
+        getPoll(id).then(response => {
+          _this.form = response.data;
+        });
+      },
+      goSubmit(){
+        var _this = this;
+        var data = {
+          userId:JSON.parse(Cookies.get('user')).id,
+          option:_this.radio
+        }
+        votePoll(_this.form.id,data).then(response => {
+          _this.$notify({ type: 'success', message: '投票成功' });
+          setTimeout(function(){
+            history.back(-1);
+          },2000)
+        });
+      },
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main{
+      height: 116px;
+      background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+      background-size: 100% 100%;
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      font-size: 36px;
+      line-height: 116px;
+      text-align: center;
+      color: #fff;
+      position: relative;
+      .return_btn{
+        width: 24px;
+        height: 43.2px;
+        background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+        background-size: 20px 36px;
+        position: absolute;
+        left: 38px;
+        top: 36px;
+      }
+      .add_btn{
+        width: 56.4px;
+        height: 40.8px;
+        background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+        background-size: 47px 34px;
+        position: absolute;
+        right: 38px;
+        top: 36px;
+      }
+    }
+    .top_box{
+      padding: 22PX 7% 0PX;
+      .title{font-size: .4rem;margin-bottom: 10PX;}
+      .label{color: #878787;margin-bottom: 10PX;}
+      div{
+        display: flex;
+        p{
+          color: #1D6FE9;
+          font-size: 14PX;
+          &:nth-child(1){
+            margin-right: 10PX;
+            i{
+              width: 10PX;
+              height: 10PX;
+              display: inline-block;
+              margin-right: 5PX;
+              background: url('../../assets/images/sunVillage_info/icon_sm.png') no-repeat;
+              background-size: 100% 100%;
+            }
+          }
+          &:nth-child(2){
+            margin-right: 10PX;
+            i{
+              width: 10PX;
+              height: 10PX;
+              display: inline-block;
+              margin-right: 5PX;
+              background: url('../../assets/images/sunVillage_info/icon_sm.png') no-repeat;
+              background-size: 100% 100%;
+            }
+          }
+          &:nth-child(3){
+            color: #878787;
+            margin-left: auto;
+            i{
+              width: 10PX;
+              height: 10PX;
+              display: inline-block;
+              margin-right: 5PX;
+              background: url('../../assets/images/sunVillage_info/icon_cj.png') no-repeat;
+              background-size: 100% 100%;
+            }
+          }
+        }
+      }
+    }
+    .van-cell{
+      width: 96%;
+      margin: 0 auto;
+      margin-top: 15PX;
+      box-shadow: 5PX 5PX 2PX #ccc;
+      border-radius: 10PX;
+    }
+    .cell_title{
+      display: flex;
+      align-items: center;
+      .van-radio{
+        margin-left: auto;
+      }
+    }
+    .cell_label{
+      display: flex;
+      align-items: center;
+      margin-top: 15PX;
+      .van-progress{
+        width: 70%;
+      }
+      p{
+        margin-left: auto;
+        &:nth-child(3){
+          margin-left: 10PX;
+        }
+      }
+    }
+    .creatName{
+      color: #878787;
+      font-size: 14PX;
+      display: flex;
+      justify-content: space-between;
+      width: 88%;
+      margin: 15PX auto 30PX;
+    }
+    .van-button{
+      width: 95%;
+      margin: 0 auto;
+      border-radius: 5PX;
+    }
+  }
+</style>
diff --git a/src/views/sunVillage_info/list_vote_edit.vue b/src/views/sunVillage_info/list_vote_edit.vue
new file mode 100644
index 00000000..be916606
--- /dev/null
+++ b/src/views/sunVillage_info/list_vote_edit.vue
@@ -0,0 +1,302 @@
+<template>
+  <div class="home_wrapper">
+    <div class="header_main">
+      修改投票
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="add_btn"></div>
+    </div>
+    <van-form @submit="onSubmit">
+      <div class="list_main">
+
+        <van-field required label="主题" v-model="form.subjectName" placeholder="请输入主题" :rules="[{ required: true , message:'请输入主题' }]" input-align="right" :border="false" />
+
+        <van-field label="描述" v-model="form.description" placeholder="请输入描述" input-align="right" :border="false" />
+
+        <van-field label="规则" v-model="form.rules" placeholder="请输入规则" input-align="right" :border="false" />
+
+        <van-field name="radio" label="投票类型" input-align="right" :border="false">
+          <template #input>
+            <van-radio-group v-model="form.type" direction="horizontal">
+              <van-radio name="1">单选</van-radio>
+              <van-radio name="2">多选</van-radio>
+            </van-radio-group>
+          </template>
+        </van-field>
+
+        <van-field
+          readonly
+          clickable
+          label="开始时间"
+          placeholder="请选择"
+          v-model="form.startTime"
+          @click="showStartTime = true"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto"
+          required
+          :border="false"
+          :rules="[{ required: true , message:'请选择开始时间' }]"
+        />
+        <van-popup v-model="showStartTime" position="bottom">
+          <van-datetime-picker
+            v-model="startTime"
+            type="datetime"
+            title="选择开始时间"
+            @confirm="onConfirmOpenNy"
+            @cancel="showStartTime = false"
+          />
+        </van-popup>
+
+        <van-field
+          readonly
+          clickable
+          label="结束时间"
+          placeholder="请选择"
+          v-model="form.endTime"
+          @click="showEndTime = true"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto"
+          required
+          :border="false"
+          :rules="[{ required: true , message:'请选择结束时间' }]"
+        />
+        <van-popup v-model="showEndTime" position="bottom">
+          <van-datetime-picker
+            v-model="endTime"
+            type="datetime"
+            title="选择结束时间"
+            @confirm="onConfirmOpenEndTime"
+            @cancel="showEndTime = false"
+          />
+        </van-popup>
+
+        <van-field label="发起人/单位" v-model="form.promoters" placeholder="请输入发起人/单位" input-align="right" :border="false" />
+
+        <van-field name="radio" label="是否匿名" input-align="right" :border="false">
+          <template #input>
+            <van-radio-group v-model="form.anonymous" direction="horizontal">
+              <van-radio name="Y">是</van-radio>
+              <van-radio name="N">否</van-radio>
+            </van-radio-group>
+          </template>
+        </van-field>
+        <p class="tit">投票选项</p>
+
+        <div style="margin-bottom: 10PX;">
+          <van-field v-for="(item,index) in form.options" :key="index" required :rules="[{ required: true , message:'请输入选项名称' }]" :label="'选项'+(index+1)" v-model="item.name" placeholder="请输入选项" input-align="right" :border="false" />
+        </div>
+        <van-button plain hairline block icon="plus" type="info" native-type="button" @click="addOptions">增加投票选项</van-button>
+
+      </div>
+
+      <div style="margin: 16px auto;width: 50%;">
+        <van-button round block type="primary" native-type="submit">
+          保存
+        </van-button>
+      </div>
+    </van-form>
+  </div>
+</template>
+
+<script>
+  import { commonUpload , updatePoll , getPoll } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        showStartTime:false,
+        showEndTime:false,
+        form:{
+          startTime:this.format(new Date(),'yyyy-MM-dd HH:mm:ss'),
+          endTime:this.format(new Date(),'yyyy-MM-dd HH:mm:ss'),
+          type:'1',
+          anonymous:'Y',
+          status:'2',
+          options:[{name:''}]
+        },
+        openPic:[],
+        fileList:[],
+        fileList1:[],
+        startTime:new Date(),
+        endTime:new Date(),
+        type:'',
+        openFile:[],
+        openFileList:[],
+        queryParams:{
+          bookId:'',
+          deptId:''
+        },
+        openFile2:[],
+        openPic2:[],
+      };
+    },
+    created() {
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+      this.getDetail(this.$route.query.id);
+    },
+    methods: {
+      getDetail(id){
+        var _this = this;
+        getPoll(id).then(response => {
+          _this.form = response.data;
+        });
+      },
+      addOptions(){
+        var that = this;
+        let array = that.form.options.filter(function (e) { return e.name == ""; });
+        console.log(array);
+        if (array.length>0){
+          that.$toast('请勿添加多个空选项！');
+        }else{
+          that.form.options.push({name:''})
+        }
+      },
+      onSubmit(){
+        var that = this;
+        updatePoll(that.form).then((r1) => {
+          if (r1.code == 200){
+            that.$notify({ type: 'success', message: '新增成功' });
+            setTimeout(function(){
+              history.back(-1);
+            },2000)
+          }
+        })
+      },
+      onConfirmOpenNy(data){
+        this.form.startTime = this.format(data,'yyyy-MM-dd HH:mm:ss');
+        this.startTime = data;
+        this.showStartTime = false;
+      },
+      onConfirmOpenEndTime(data){
+        this.form.endTime = this.format(data,'yyyy-MM-dd HH:mm:ss');
+        this.endTime = data;
+        this.showEndTime = false;
+      },
+
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  /deep/ .van-button--primary{
+    background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat;
+    background-size: 100% 100%;
+    border: none;
+  }
+  .van-radio:last-child{
+    margin-right: 0;
+  }
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+      height: 116px;
+      background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+      background-size: 100% 100%;
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      font-size: 36px;
+      line-height: 116px;
+      text-align: center;
+      color: #fff;
+      position: relative;
+
+      .return_btn {
+        width: 24px;
+        height: 43.2px;
+        background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+        background-size: 20px 36px;
+        position: absolute;
+        left: 38px;
+        top: 36px;
+      }
+    }
+    .release_head{
+      height: 90px;
+      padding:0 23px;
+      display: flex;
+      align-items: center;
+      font-size: 26px;
+      color: #929292;
+      .people{
+        flex: 1;
+        display: flex;
+        align-items: center;
+        .icon{
+          width: 24px;
+          height: 21px;
+          background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
+          background-size: 100% 100%;
+          display: block;
+          margin-right: 8px;
+        }
+      }
+      .time{
+        flex: 1;
+        display: flex;
+        align-items: center;
+        justify-content:flex-end;
+        .icon{
+          width: 25px;
+          height: 25px;
+          background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
+          background-size: 100% 100%;
+          display: block;
+          margin-right: 8px;
+        }
+      }
+    }
+    .release_conetnt{
+      padding:0 22px;
+      font-size: 32px;
+      color: #252525;
+      line-height: 44px;
+      img{
+        max-width: 100%;
+        margin-bottom: 16px;
+      }
+      p{
+        margin-bottom: 16px;
+      }
+    }
+    .list_main{
+      padding:25px;
+      background: #ffffff;
+      width: 94%;
+      margin: 25px auto 0;
+      border-radius: 15PX;
+      box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    }
+    .tit{
+      font-size: 16PX;
+      padding: 15PX 10PX;
+    }
+    /deep/ .van-cell{
+      padding-left: 0!important;
+      padding-right: 0!important;
+      padding-bottom: 0!important;
+      &:nth-child(1){
+        padding-top: 0;
+      }
+    }
+    /deep/ .van-field__label{
+      padding-left: 10PX;
+      width: auto;
+      display: flex;
+      align-items: center;
+    }
+    /deep/ .van-cell--required::before{
+      left: 0PX;
+    }
+    /deep/ .van-field__error-message{
+      display: none;
+    }
+  }
+</style>
diff --git a/src/views/sunVillage_info/list_vote_form.vue b/src/views/sunVillage_info/list_vote_form.vue
new file mode 100644
index 00000000..6ab912a0
--- /dev/null
+++ b/src/views/sunVillage_info/list_vote_form.vue
@@ -0,0 +1,269 @@
+<template>
+  <div class="home_wrapper">
+    <div class="header_main">
+      投票
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+
+    <div class="top_box">
+      <p class="title">{{form.subjectName}}</p>
+      <p class="label">{{form.description}}</p>
+      <div>
+        <p><i></i>{{form.anonymous == '1' ? '匿名':'实名'}}</p>
+        <p><i></i>{{form.type == '1' ? '单选':'多选'}}</p>
+        <p><i></i>{{form.nums}}人已参加</p>
+      </div>
+    </div>
+
+    <van-radio-group v-model="radio" v-if="form.type == '1'">
+      <van-cell
+        :border="false"
+        center
+        v-for="(item,index) in form.options"
+        :key="index"
+      >
+        <template #title>
+          <div class="cell_title">
+            <img src="../../assets/images/sunVillage_info/icon_vote.png" style="width: .5rem;margin-right: 2%;">
+            <p>{{item.name}}</p>
+            <van-radio :name="item.id" />
+          </div>
+        </template>
+        <template #label>
+          <div class="cell_label">
+            <van-progress :percentage="50" stroke-width="7" :show-pivot="false" />
+            <p>{{item.num}}票</p>
+            <p>87%</p>
+          </div>
+        </template>
+      </van-cell>
+    </van-radio-group>
+
+    <van-checkbox-group v-model="radio" v-if="form.type != '1'">
+      <van-cell
+        :border="false"
+        center
+        v-for="(item,index) in form.options"
+        :key="index"
+      >
+        <template #title>
+          <div class="cell_title">
+            <img src="../../assets/images/sunVillage_info/icon_vote.png" style="width: .5rem;margin-right: 2%;">
+            <p>{{item.name}}</p>
+            <van-checkbox :name="item.id" />
+          </div>
+        </template>
+        <template #label>
+          <div class="cell_label">
+            <van-progress :percentage="50" stroke-width="7" :show-pivot="false" />
+            <p>{{item.num}}票</p>
+            <p>87%</p>
+          </div>
+        </template>
+      </van-cell>
+    </van-checkbox-group>
+
+    <div class="creatName">
+      <p>截止时间：{{form.endTime}}</p>
+      <p>发起人：{{form.promoters}}</p>
+    </div>
+
+    <van-button type="info" block @click="goSubmit">确认投票</van-button>
+  </div>
+</template>
+
+<script>
+  import { getPoll , votePoll } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        applicationList:[],
+        applicationListSecond:[],
+        assetStatusOptions:[],
+        auditStatus:[],
+        loading: false,
+        finished: false,
+        show: false,
+        showTab: false,
+        fileList:[],
+        listLength:'0',
+        searchInput:'',
+        queryParams:{
+          pageNum:1,
+          pageSize:10,
+          orderByColumn:'createTime',
+          isAsc:'desc',
+          year:'2022',
+        },
+        uploadFiles1:[],
+        projectId:'',
+        projectIndex:'',
+        showBtn:true,
+        form:{},
+        radio:[]
+      };
+    },
+    created() {
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+      if (this.$route.query.type == 'code'){
+        this.showBtn = false;
+      }
+      this.getDetail(this.$route.query.id);
+    },
+    methods: {
+      getDetail(id){
+        var _this = this;
+        getPoll(id).then(response => {
+          _this.form = response.data;
+        });
+      },
+      goSubmit(){
+        var _this = this;
+        var data = {
+          userId:JSON.parse(Cookies.get('user')).id,
+          option:_this.radio
+        }
+        votePoll(_this.form.id,data).then(response => {
+          _this.$notify({ type: 'success', message: '投票成功' });
+          setTimeout(function(){
+            history.back(-1);
+          },2000)
+        });
+      },
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main{
+      height: 116px;
+      background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+      background-size: 100% 100%;
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      font-size: 36px;
+      line-height: 116px;
+      text-align: center;
+      color: #fff;
+      position: relative;
+      .return_btn{
+        width: 24px;
+        height: 43.2px;
+        background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+        background-size: 20px 36px;
+        position: absolute;
+        left: 38px;
+        top: 36px;
+      }
+      .add_btn{
+        width: 56.4px;
+        height: 40.8px;
+        background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+        background-size: 47px 34px;
+        position: absolute;
+        right: 38px;
+        top: 36px;
+      }
+    }
+    .top_box{
+      padding: 22PX 7% 0PX;
+      .title{font-size: .4rem;margin-bottom: 10PX;}
+      .label{color: #878787;margin-bottom: 10PX;}
+      div{
+        display: flex;
+        p{
+          color: #1D6FE9;
+          font-size: 14PX;
+          &:nth-child(1){
+            margin-right: 10PX;
+            i{
+              width: 10PX;
+              height: 10PX;
+              display: inline-block;
+              margin-right: 5PX;
+              background: url('../../assets/images/sunVillage_info/icon_sm.png') no-repeat;
+              background-size: 100% 100%;
+            }
+          }
+          &:nth-child(2){
+            margin-right: 10PX;
+            i{
+              width: 10PX;
+              height: 10PX;
+              display: inline-block;
+              margin-right: 5PX;
+              background: url('../../assets/images/sunVillage_info/icon_sm.png') no-repeat;
+              background-size: 100% 100%;
+            }
+          }
+          &:nth-child(3){
+            color: #878787;
+            margin-left: auto;
+            i{
+              width: 10PX;
+              height: 10PX;
+              display: inline-block;
+              margin-right: 5PX;
+              background: url('../../assets/images/sunVillage_info/icon_cj.png') no-repeat;
+              background-size: 100% 100%;
+            }
+          }
+        }
+      }
+    }
+    .van-cell{
+      width: 96%;
+      margin: 0 auto;
+      margin-top: 15PX;
+      box-shadow: 5PX 5PX 2PX #ccc;
+      border-radius: 10PX;
+    }
+    .cell_title{
+      display: flex;
+      align-items: center;
+      .van-checkbox{
+        margin-left: auto;
+      }
+      .van-radio{
+        margin-left: auto;
+      }
+    }
+    .cell_label{
+      display: flex;
+      align-items: center;
+      margin-top: 15PX;
+      .van-progress{
+        width: 70%;
+      }
+      p{
+        margin-left: auto;
+        &:nth-child(3){
+          margin-left: 10PX;
+        }
+      }
+    }
+    .creatName{
+      color: #878787;
+      font-size: 14PX;
+      display: flex;
+      justify-content: space-between;
+      width: 88%;
+      margin: 15PX auto 30PX;
+    }
+    .van-button{
+      width: 95%;
+      margin: 0 auto;
+      border-radius: 5PX;
+    }
+  }
+</style>
diff --git a/src/views/sunVillage_info/login.vue b/src/views/sunVillage_info/login.vue
new file mode 100644
index 00000000..1f632c18
--- /dev/null
+++ b/src/views/sunVillage_info/login.vue
@@ -0,0 +1,321 @@
+<template>
+    <div class="home_wrapper">
+        <div class="focus_head">
+        </div>
+        <div class="focus_info">
+            <div class="icon"></div>
+            <div class="title"></div>
+        </div>
+      <van-form @submit="handleLogin">
+        <div class="login_from">
+            <div class="flex_block">
+                <div class="flex_input_main">
+                    <div class="icon_wrap user"></div>
+                    <div class="input_wrap">
+                        <input type="text" v-model="formData.username" class="ipt" placeholder="用户名"/>
+                    </div>
+                </div>
+            </div>
+            <div class="flex_block">
+                <div class="flex_input_main">
+                    <div class="icon_wrap password"></div>
+                    <div class="input_wrap">
+                        <input :type="show ? 'password' : 'text'" v-model="formData.password" class="ipt" maxlength="16" placeholder="密码"/>
+                    </div>
+                    <div :class="{'showHidden':true,'ico_hide':show}" @click="showPassword"></div>
+                </div>
+            </div>
+            <div class="flex_block">
+                <div class="flex_input_main valid">
+                    <div class="icon_wrap valid"></div>
+                    <div class="input_wrap">
+                        <input type="text" v-model="formData.code" class="ipt" maxlength="4" placeholder="请输入验证码"/>
+                    </div>
+                </div>
+                <div class="valid_main">
+                    <img :src="codeUrl" @click="getCode" />
+                </div>
+            </div>
+            <van-checkbox v-model="formData.rememberMe" shape="square">记住密码</van-checkbox>
+        </div>
+        <div class="login_btn">
+<!--            <div class="btn" :loading="loading">登录</div>-->
+            <van-button
+              class="btn"
+              round
+              block
+              type="info"
+              native-type="submit"
+              :loading="loading"
+            >登录</van-button>
+        </div>
+
+      </van-form>
+    </div>
+</template>
+
+<script>
+  import { getCodeImg, getSmsCode } from "@/api/login";
+  import Cookies from "js-cookie";
+  import { encrypt, decrypt } from "../../utils/jsencrypt";
+  //引用wx sdk
+  import wx from "weixin-js-sdk";
+  export default {
+    name: "login",
+    data() {
+      return {
+        formData: {
+          username: "", //账号
+          password: "", //密码
+          // username:'',
+          // password:'',
+          code: null, //图片验证码
+          uuid: null, //识别uuid
+          mobile: null, //手机号
+          smsCode: null, //短信验证码
+          rememberMe:false
+        },
+        loading: false,
+        codeUrl: "", //验证码
+        isSmsLogin: false, //是否手机验证码
+        computeTime: 0,
+        height:0,
+        show:true
+      };
+    },
+    created() {
+      this.getCode();
+      this.height = document.body.clientHeight
+      this.getCookie();
+      //调用微信公众号方法
+      // wx.config({
+      //     debug: true, // 开启调试模式,
+      //     appId: res.appId, // 必填，企业号的唯一标识，此处填写企业号corpid
+      //     timestamp: res.timestamp, // 必填，生成签名的时间戳
+      //     nonceStr: res.nonceStr, // 必填，生成签名的随机串
+      //     signature: res.signature,// 必填，签名，见附录1
+      //     jsApiList: ['scanQRCode'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
+      //   });
+      //分享要用encodeURIComponent()方法
+    },
+    methods: {
+      showPassword(){
+        this.show = !this.show;
+      },
+      getCode() {
+        getCodeImg().then((res) => {
+          this.formData.uuid = res.uuid;
+          this.codeUrl = "data:image/gif;base64," + res.img;
+        });
+      },
+      getCookie() {
+        const username = Cookies.get("username");
+        const password = Cookies.get("password");
+        const rememberMe = Cookies.get("rememberMe");
+        this.formData = {
+          username: username === undefined ? this.formData.username : username,
+          password:
+            password === undefined ? this.formData.password : decrypt(password),
+          rememberMe: rememberMe === undefined ? false : Boolean(rememberMe),
+        };
+      },
+      getSmsCode() {
+        if (!this.computeTime) {
+          let myreg = /^[1][3,4,5,7,8,9][0-9]{9}$/;
+          if (!myreg.test(this.formData.mobile)) {
+            this.$dialog.alert({
+              message: '手机号格式不正确',
+            });
+            return false;
+          }
+          getSmsCode(this.formData.mobile).then((res) => {
+            if (res.code === 200) {
+              this.$dialog.alert({
+                message: '验证码已发送',
+              });
+              this.loginForm.uuid = res.uuid;
+              this.computeTime = 60;
+              this.timer = setInterval(() => {
+                this.computeTime--;
+                if (this.computeTime <= 0) {
+                  clearInterval(this.timer);
+                }
+              }, 1000);
+            }
+          });
+        }
+      },
+      handleLogin(values) {
+        console.log(this.formData.username)
+        console.log(this.formData.password)
+        console.log(this.formData.code)
+
+
+          if (this.formData.rememberMe) {
+            Cookies.set("username", this.formData.username, { expires: 30 });
+            Cookies.set("password", encrypt(this.formData.password), { expires: 30 });
+            Cookies.set("rememberMe", this.formData.rememberMe, { expires: 30 });
+          } else {
+            Cookies.remove("username");
+            Cookies.remove("password");
+            Cookies.remove("rememberMe");
+          }
+          //账号密码登录
+          if (this.formData.username == "") {
+            this.$dialog.alert({
+              message: '账号不能为空',
+            });
+            return false;
+          } else if (this.formData.password == "") {
+            this.$dialog.alert({
+              message: '密码不能为空',
+            });
+            return false;
+          } else if (!this.formData.code) {
+            this.$dialog.alert({
+              message: '图片验证码不能为空',
+            });
+            return false;
+          }
+          this.$store
+            .dispatch("Login", this.formData)
+            .then(() => {
+              this.$router.push({ name: 'sunVillageInfoIndex' || "/" }).catch(() => {});
+            })
+            .catch(() => {
+              this.loading = false;
+              this.getCode();
+            });
+      },
+    },
+  };
+</script>
+
+<style scoped lang="scss">
+  /deep/ .van-checkbox__label{
+    color: #ffffff;
+  }
+.home_wrapper{
+    background: #f1f2f2;
+    width: 100vw;
+    min-height: 100vh;
+    .focus_head{
+        height: 450px;
+        background: url('../../assets/images/sunVillage_info/login_head.png') no-repeat;
+        background-size: 100% 100%;
+
+    }
+    .focus_info{
+        margin-top: -74px;
+        .icon{
+            background: url('../../assets/images/sunVillage_info/login_head_t.png') no-repeat;
+            background-size: 100% 100%;
+            width: 145px;
+            height: 148px;
+            margin:0 auto;
+        }
+        .title{
+            width: 284px;
+            height: 52px;
+            background: url('../../assets/images/sunVillage_info/login_head_nr.png') no-repeat;
+            background-size: 100% 100%;
+            margin:30px auto 0;
+        }
+    }
+    .login_from{
+        width: 676px;
+        height: 450px;
+        background: url('../../assets/images/sunVillage_info/login_main.png') no-repeat;
+        background-size: 100% 100%;
+        margin: 50px auto 0;
+        padding:60px 50px 0;
+        .flex_block{
+            margin-bottom: 40px;
+            display: flex;
+            justify-content:space-between;
+            .flex_input_main{
+                position: relative;
+                display: flex;
+                flex: 1;
+                align-items:center;
+                background: rgba(255,255,255,0.7);
+                 border-radius: 62px;
+                 height: 62px;
+                .icon_wrap{
+                    width: 35px;
+                    height: 35px;
+                    &.user{
+                        background: url('../../assets/images/sunVillage_info/login_icon_1.png') no-repeat;
+                        background-size: 100% 100%;
+                        margin-left: 30px;
+                    }
+                    &.password{
+                        background: url('../../assets/images/sunVillage_info/login_icon_2.png') no-repeat;
+                        background-size: 100% 100%;
+                        margin-left: 30px;
+                    }
+                    &.valid{
+                         background: url('../../assets/images/sunVillage_info/login_icon_3.png') no-repeat;
+                        background-size: 100% 100%;
+                        margin-left: 30px;
+                    }
+                }
+                .input_wrap{
+                    flex: 1;
+                    margin-left: 16px;
+                    padding-right: 30px;
+                    .ipt{
+                        width: 100%;
+                        height: 48px;
+                        background:transparent;
+                        font-size: 30px;
+                        color: #3f3d56;
+                    }
+                }
+                .showHidden{
+                    width: 32px;
+                    height: 32px;
+                    background: url('../../assets/images/sunVillage_info/login_icon_4.png') no-repeat;
+                    background-size: 100% 100%;
+                    position: absolute;
+                    right: 38px;
+                    cursor: pointer;
+                    &.ico_hide{
+                        background: url('../../assets/images/sunVillage_info/login_icon_5.png') no-repeat;
+                        background-size: 100% 100%;
+                    }
+                }
+                &.valid{
+                    flex:0 0 380px;
+                }
+            }
+            .valid_main{
+                width: 165px;
+                height: 62px;
+                border-radius: 30px;
+                img{
+                  width: 100%;
+                  height: 100%;
+                  border-radius: 30px;
+                }
+            }
+        }
+    }
+    .login_btn{
+        padding-top: 80px;
+        .btn{
+          width: 315px;
+          height: 70px;
+          background:url('../../assets/images/sunVillage_info/login_btn.png') no-repeat;
+          background-size: 100% 100%;
+          margin:0 auto;
+          font-size: 32px;
+          color: #fff;
+          line-height: 70px;
+          text-align: center;
+          border: none;
+        }
+    }
+}
+
+</style>
diff --git a/src/views/sunVillage_info/login_code.vue b/src/views/sunVillage_info/login_code.vue
new file mode 100644
index 00000000..219a5d37
--- /dev/null
+++ b/src/views/sunVillage_info/login_code.vue
@@ -0,0 +1,272 @@
+<template>
+    <div class="home_wrapper">
+      <div class="return_btn" @click="onClickLeft"></div>
+        <div class="focus_head">
+        </div>
+        <div class="focus_info">
+            <div class="icon"></div>
+            <div class="title"></div>
+        </div>
+      <van-form @submit="handleLogin">
+        <div class="login_from">
+            <div class="flex_block">
+                <div class="flex_input_main">
+                    <div class="icon_wrap user"></div>
+                    <div class="input_wrap">
+                        <input type="text" v-model="formData.memberName" class="ipt" placeholder="姓名"/>
+                    </div>
+                </div>
+            </div>
+            <div class="flex_block">
+                <div class="flex_input_main">
+                    <div class="icon_wrap password"></div>
+                    <div class="input_wrap">
+                        <input type="text" v-model="formData.idcard" class="ipt" placeholder="身份证号码"/>
+                    </div>
+                </div>
+            </div>
+<!--            <div class="flex_block">-->
+<!--                <div class="flex_input_main valid">-->
+<!--                    <div class="icon_wrap valid"></div>-->
+<!--                    <div class="input_wrap">-->
+<!--                        <input type="text" v-model="formData.code" class="ipt" maxlength="4" placeholder="请输入验证码"/>-->
+<!--                    </div>-->
+<!--                </div>-->
+<!--                <div class="valid_main">-->
+<!--                    <img :src="codeUrl" @click="getCode" />-->
+<!--                </div>-->
+<!--            </div>-->
+            <van-checkbox v-model="formData.rememberMe">记住我的信息</van-checkbox>
+        </div>
+        <div class="login_btn">
+<!--            <div class="btn" :loading="loading">登录</div>-->
+            <van-button
+              class="btn"
+              round
+              block
+              type="info"
+              native-type="submit"
+              :loading="loading"
+            >验证</van-button>
+        </div>
+
+      </van-form>
+    </div>
+</template>
+
+<script>
+  import { getCodeImg, getSmsCode } from "@/api/login";
+  import { checkFarmer } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import { encrypt, decrypt } from "../../utils/jsencrypt";
+  //引用wx sdk
+  import wx from "weixin-js-sdk";
+  export default {
+    name: "login",
+    data() {
+      return {
+        formData: {
+          memberName:'',
+          idcard:'',
+          bookId:'',
+          rememberMe:false
+        },
+        loading: false,
+        codeUrl: "", //验证码
+        isSmsLogin: false, //是否手机验证码
+        computeTime: 0,
+        height:0,
+        show:true
+      };
+    },
+    created() {
+      this.height = document.body.clientHeight
+      this.getCookie();
+      this.formData.bookId = Cookies.get('bookId');
+    },
+    methods: {
+      getCookie() {
+        const memberName = Cookies.get("memberName");
+        const idcard = Cookies.get("idcard");
+        const rememberMe = Cookies.get("rememberInformation");
+        this.formData = {
+          memberName: memberName === undefined ? this.formData.memberName : memberName,
+          idcard: idcard === undefined ? this.formData.idcard : idcard,
+          rememberMe: rememberMe === undefined ? false : Boolean(rememberMe),
+        };
+      },
+      handleLogin(values) {
+          if (this.formData.rememberMe) {
+            Cookies.set("memberName", this.formData.memberName, { expires: 30 });
+            Cookies.set("idcard", this.formData.idcard, { expires: 30 });
+            Cookies.set("rememberInformation", this.formData.rememberMe, { expires: 30 });
+          } else {
+            Cookies.remove("username");
+            Cookies.remove("password");
+            Cookies.remove("rememberInformation");
+          }
+          //账号密码登录
+          if (this.formData.memberName == "") {
+            this.$dialog.alert({
+              message: '姓名不能为空',
+            });
+            return false;
+          } else if (this.formData.idcard == "") {
+            this.$dialog.alert({
+              message: '身份证不能为空',
+            });
+            return false;
+          }
+          checkFarmer(this.formData).then(response => {
+            console.log(response.data)
+            if (response.code == 200){
+              Cookies.set("user", response.data, { expires: 30 });
+              this.$router.push({path:'/sunVillage_info/index_code_rights'})
+            }
+          });
+      },
+    },
+  };
+</script>
+
+<style scoped lang="scss">
+  /deep/ .van-checkbox__label{
+    color: #ffffff;
+  }
+  /deep/ .van-checkbox{
+    justify-content: right;
+  }
+.home_wrapper{
+    background: #f1f2f2;
+    width: 100vw;
+    min-height: 100vh;
+    .return_btn {
+      width: 24px;
+      height: 43.2px;
+      background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+      background-size: 20px 36px;
+      position: absolute;
+      left: 38px;
+      top: 36px;
+    }
+    .focus_head{
+        height: 450px;
+        background: url('../../assets/images/sunVillage_info/login_head_code.png') no-repeat;
+        background-size: 100% 100%;
+
+    }
+    .focus_info{
+        margin-top: -74px;
+        .icon{
+            background: url('../../assets/images/sunVillage_info/login_head_t.png') no-repeat;
+            background-size: 100% 100%;
+            width: 145px;
+            height: 148px;
+            margin:0 auto;
+        }
+        .title{
+            width: 180PX;
+            height: 52px;
+            background: url('../../assets/images/sunVillage_info/login_head_nr_code.png') no-repeat;
+            background-size: 100% 100%;
+            margin:30px auto 0;
+        }
+    }
+    .login_from{
+        width: 676px;
+        height: 350px;
+        background: url('../../assets/images/sunVillage_info/login_main.png') no-repeat;
+        background-size: 100% 100%;
+        margin: 50px auto 0;
+        padding:60px 50px 0;
+        .flex_block{
+            margin-bottom: 40px;
+            display: flex;
+            justify-content:space-between;
+            .flex_input_main{
+                position: relative;
+                display: flex;
+                flex: 1;
+                align-items:center;
+                background: rgba(255,255,255,0.7);
+                 border-radius: 62px;
+                 height: 62px;
+                .icon_wrap{
+                    width: 35px;
+                    height: 35px;
+                    &.user{
+                        background: url('../../assets/images/sunVillage_info/login_icon_1.png') no-repeat;
+                        background-size: 100% 100%;
+                        margin-left: 30px;
+                    }
+                    &.password{
+                        background: url('../../assets/images/sunVillage_info/login_icon_2_code.png') no-repeat;
+                        height: 25px;
+                        background-size: 100% 100%;
+                        margin-left: 30px;
+                    }
+                    &.valid{
+                         background: url('../../assets/images/sunVillage_info/login_icon_3.png') no-repeat;
+                        background-size: 100% 100%;
+                        margin-left: 30px;
+                    }
+                }
+                .input_wrap{
+                    flex: 1;
+                    margin-left: 16px;
+                    padding-right: 30px;
+                    .ipt{
+                        width: 100%;
+                        height: 48px;
+                        background:transparent;
+                        font-size: 30px;
+                        color: #3f3d56;
+                    }
+                }
+                .showHidden{
+                    width: 32px;
+                    height: 32px;
+                    background: url('../../assets/images/sunVillage_info/login_icon_4.png') no-repeat;
+                    background-size: 100% 100%;
+                    position: absolute;
+                    right: 38px;
+                    cursor: pointer;
+                    &.ico_hide{
+                        background: url('../../assets/images/sunVillage_info/login_icon_5.png') no-repeat;
+                        background-size: 100% 100%;
+                    }
+                }
+                &.valid{
+                    flex:0 0 380px;
+                }
+            }
+            .valid_main{
+                width: 165px;
+                height: 62px;
+                border-radius: 30px;
+                img{
+                  width: 100%;
+                  height: 100%;
+                  border-radius: 30px;
+                }
+            }
+        }
+    }
+    .login_btn{
+        padding-top: 80px;
+        .btn{
+          width: 315px;
+          height: 70px;
+          background:url('../../assets/images/sunVillage_info/login_btn.png') no-repeat;
+          background-size: 100% 100%;
+          margin:0 auto;
+          font-size: 32px;
+          color: #fff;
+          line-height: 70px;
+          text-align: center;
+          border: none;
+        }
+    }
+}
+
+</style>
diff --git a/src/views/sunVillage_info/passWord.vue b/src/views/sunVillage_info/passWord.vue
new file mode 100644
index 00000000..9318ef93
--- /dev/null
+++ b/src/views/sunVillage_info/passWord.vue
@@ -0,0 +1,183 @@
+<template>
+  <div class="home_wrapper">
+    <div class="header_main">
+      修改密码
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="add_btn" @click="send">保存</div>
+    </div>
+    <van-form @submit="onSubmit" ref="formData">
+      <div class="list_main">
+
+        <van-field required label="旧密码" :rules="[{ required: true , message:'请输入旧密码' }]" v-model="user.oldPassword" placeholder="请输入旧密码" input-align="right" :border="false" />
+
+        <van-field required label="新密码" :rules="[{ required: true , message:'请输入新密码'}]" v-model="user.newPassword" placeholder="请输入新密码" input-align="right" :border="false" />
+
+        <van-field required label="确认密码" :rules="[{ required: true, message: '请确认密码' }]" prop="email" v-model="user.confirmPassword" placeholder="请确认密码" input-align="right" :border="false" />
+
+      </div>
+
+<!--      <div style="margin: 16px;">-->
+<!--        <van-button round block type="primary" native-type="submit">-->
+<!--          保存-->
+<!--        </van-button>-->
+<!--      </div>-->
+    </van-form>
+  </div>
+</template>
+
+<script>
+  import { updateUserPwd } from "@/api/sunVillage_info/fixedAssets";
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        user:{},
+      };
+    },
+    created() {
+    },
+    methods: {
+      send(){
+        this.$refs.formData.submit();
+      },
+      onSubmit(){
+        var that = this;
+        if (this.user.newPassword != this.user.confirmPassword){
+          that.$notify({ type: 'warning', message: '两次输入的密码不一致！' });
+          return;
+        }
+        updateUserPwd(this.user.oldPassword, this.user.newPassword).then(response => {
+          that.$notify({ type: 'success', message: '修改成功！' });
+          setTimeout(function(){
+            history.back(-1);
+          },2000)
+        });
+      },
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+      height: 116px;
+      background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+      background-size: 100% 100%;
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      font-size: 36px;
+      line-height: 116px;
+      text-align: center;
+      color: #fff;
+      position: relative;
+
+      .return_btn {
+        width: 24px;
+        height: 43.2px;
+        background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+        background-size: 20px 36px;
+        position: absolute;
+        left: 38px;
+        top: 36px;
+      }
+      .add_btn{
+        width: 56.4px;
+        height: 40.8px;
+        font-size: 14PX;
+        position: absolute;
+        right: 38px;
+        top: 36px;
+        line-height: 40.8px;
+      }
+    }
+    .release_head{
+      height: 90px;
+      padding:0 23px;
+      display: flex;
+      align-items: center;
+      font-size: 26px;
+      color: #929292;
+      .people{
+        flex: 1;
+        display: flex;
+        align-items: center;
+        .icon{
+          width: 24px;
+          height: 21px;
+          background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
+          background-size: 100% 100%;
+          display: block;
+          margin-right: 8px;
+        }
+      }
+      .time{
+        flex: 1;
+        display: flex;
+        align-items: center;
+        justify-content:flex-end;
+        .icon{
+          width: 25px;
+          height: 25px;
+          background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
+          background-size: 100% 100%;
+          display: block;
+          margin-right: 8px;
+        }
+      }
+    }
+    .release_conetnt{
+      padding:0 22px;
+      font-size: 32px;
+      color: #252525;
+      line-height: 44px;
+      img{
+        max-width: 100%;
+        margin-bottom: 16px;
+      }
+      p{
+        margin-bottom: 16px;
+      }
+    }
+    .list_main{
+      padding:25px;
+      background: #ffffff;
+      width: 94%;
+      margin: 25px auto 0;
+      border-radius: 15PX;
+      box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    }
+    .titBox{
+      display: flex;
+      align-items: center;
+    }
+    .tit{
+      font-size: 36px;
+      font-weight: bold;
+    }
+    /deep/ .van-cell{
+      padding-left: 0!important;
+      padding-right: 0!important;
+      padding-bottom: 0!important;
+      &:first-child{
+        padding-top: 0;
+      }
+    }
+    /deep/ .van-field__label{
+      padding-left: 10PX;
+      width: auto;
+      display: flex;
+      align-items: center;
+    }
+    /deep/ .van-cell--required::before{
+      left: 0PX;
+    }
+    /deep/ .van-field__error-message{
+      display: none;
+    }
+  }
+</style>
diff --git a/src/views/sunVillage_info/user.vue b/src/views/sunVillage_info/user.vue
new file mode 100644
index 00000000..40e58693
--- /dev/null
+++ b/src/views/sunVillage_info/user.vue
@@ -0,0 +1,204 @@
+<template>
+  <div class="home_wrapper">
+    <div class="header_main">
+      个人信息
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="add_btn" @click="send">保存</div>
+    </div>
+    <van-form @submit="onSubmit" ref="formData">
+      <div class="list_main">
+
+        <van-field required label="用户昵称" :rules="[{ required: true , message:'请输入用户昵称' }]" v-model="user.nickName" placeholder="请输入用户昵称" input-align="right" :border="false" />
+
+        <van-field required label="手机号码" :rules="[{ required: true , message:'请输入手机号码'},{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/ , message:'请输入手机号码'}]" v-model="user.phonenumber" placeholder="请输入手机号码" input-align="right" :border="false" />
+
+        <van-field required label="邮箱" :rules="[{ required: true, message: '邮箱地址不能为空' }]" prop="email" v-model="user.email" placeholder="请输入邮箱" input-align="right" :border="false" />
+
+        <van-field name="radio" label="性别" input-align="right" :border="false">
+          <template #input>
+            <van-radio-group v-model="user.sex" direction="horizontal">
+              <van-radio name="0">男</van-radio>
+              <van-radio name="1">女</van-radio>
+            </van-radio-group>
+          </template>
+        </van-field>
+
+      </div>
+
+<!--      <div style="margin: 16px;">-->
+<!--        <van-button round block type="primary" native-type="submit">-->
+<!--          保存-->
+<!--        </van-button>-->
+<!--      </div>-->
+    </van-form>
+  </div>
+</template>
+
+<script>
+  import { addOddjob , getUserProfile , updateUserProfile } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        user:{
+          sex:0
+        },
+      };
+    },
+    created() {
+      this.getUser();
+    },
+    methods: {
+      getUser() {
+        getUserProfile().then(response => {
+          this.user = response.data;
+        });
+      },
+      send(){
+        this.$refs.formData.submit();
+      },
+      onSubmit(){
+        var that = this;
+        updateUserProfile(this.user).then(response => {
+          that.$notify({ type: 'success', message: '修改成功！' });
+          setTimeout(function(){
+            history.back(-1);
+          },2000)
+        });
+      },
+      onConfirmOpenNy(data){
+        this.form.jobTime = this.format(data,'yyyy-MM-dd');
+        this.jobTime = data;
+        this.showBuildTime = false;
+      },
+
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+      height: 116px;
+      background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+      background-size: 100% 100%;
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      font-size: 36px;
+      line-height: 116px;
+      text-align: center;
+      color: #fff;
+      position: relative;
+
+      .return_btn {
+        width: 24px;
+        height: 43.2px;
+        background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+        background-size: 20px 36px;
+        position: absolute;
+        left: 38px;
+        top: 36px;
+      }
+      .add_btn{
+        width: 56.4px;
+        height: 40.8px;
+        font-size: 14PX;
+        position: absolute;
+        right: 38px;
+        top: 36px;
+        line-height: 40.8px;
+      }
+    }
+    .release_head{
+      height: 90px;
+      padding:0 23px;
+      display: flex;
+      align-items: center;
+      font-size: 26px;
+      color: #929292;
+      .people{
+        flex: 1;
+        display: flex;
+        align-items: center;
+        .icon{
+          width: 24px;
+          height: 21px;
+          background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
+          background-size: 100% 100%;
+          display: block;
+          margin-right: 8px;
+        }
+      }
+      .time{
+        flex: 1;
+        display: flex;
+        align-items: center;
+        justify-content:flex-end;
+        .icon{
+          width: 25px;
+          height: 25px;
+          background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
+          background-size: 100% 100%;
+          display: block;
+          margin-right: 8px;
+        }
+      }
+    }
+    .release_conetnt{
+      padding:0 22px;
+      font-size: 32px;
+      color: #252525;
+      line-height: 44px;
+      img{
+        max-width: 100%;
+        margin-bottom: 16px;
+      }
+      p{
+        margin-bottom: 16px;
+      }
+    }
+    .list_main{
+      padding:25px;
+      background: #ffffff;
+      width: 94%;
+      margin: 25px auto 0;
+      border-radius: 15PX;
+      box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    }
+    .titBox{
+      display: flex;
+      align-items: center;
+    }
+    .tit{
+      font-size: 36px;
+      font-weight: bold;
+    }
+    /deep/ .van-cell{
+      padding-left: 0!important;
+      padding-right: 0!important;
+      padding-bottom: 0!important;
+      &:first-child{
+        padding-top: 0;
+      }
+    }
+    /deep/ .van-field__label{
+      padding-left: 10PX;
+      width: auto;
+      display: flex;
+      align-items: center;
+    }
+    /deep/ .van-cell--required::before{
+      left: 0PX;
+    }
+    /deep/ .van-field__error-message{
+      display: none;
+    }
+  }
+</style>
diff --git a/src/views/yinnong/bankAgriculture/bankOfDeposit/bankOfDepositAdd.vue b/src/views/yinnong/bankAgriculture/bankOfDeposit/bankOfDepositAdd.vue
new file mode 100644
index 00000000..4487b13c
--- /dev/null
+++ b/src/views/yinnong/bankAgriculture/bankOfDeposit/bankOfDepositAdd.vue
@@ -0,0 +1,147 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      left-arrow
+      fixed
+      placeholder
+      @click-left="$router.back(-1)"
+    >
+      <template #title>
+        <p style="font-weight: bold;">添加开户行</p>
+      </template>
+    </van-nav-bar>
+    <van-form @submit="goModify" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
+      <div class="main_box">
+        <van-field label="省" required :rules="[{ required: true , message:'请输入省' }]" v-model="form.sheng" placeholder="请输入省" input-align="right" label-width="auto"/>
+        <van-field label="市" required :rules="[{ required: true , message:'请输入市' }]" v-model="form.shi" placeholder="请输入市" input-align="right" label-width="auto"/>
+
+        <van-field
+          readonly
+          clickable
+          label="所属银行"
+          placeholder="请选择"
+          v-model="bankType"
+          @click="showBankType = true"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto"
+          required
+          :rules="[{ required: true , message:'请选择所属银行' }]"
+        />
+        <van-popup v-model="showBankType" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="bankTypeOptions"
+            @confirm="onConfirmBankType"
+            @cancel="showBankType = false"
+          />
+        </van-popup>
+
+        <van-field label="开户行" required :rules="[{ required: true , message:'请输入开户行' }]" v-model="form.bankDeposit" placeholder="请输入开户行" input-align="right" label-width="auto"/>
+        <van-field label="联行号" required :rules="[{ required: true , message:'请输入联行号' }]" v-model="form.payeePaymentLines" placeholder="请输入联行号" input-align="right" label-width="auto"/>
+        <van-field label="机构号" v-model="form.institutionNumber" placeholder="请输入机构号" input-align="right" label-width="auto"/>
+
+      </div>
+      <div style="padding: 16px 0;">
+        <van-row>
+          <van-col span="24" align="center">
+            <van-button type="info" native-type="submit" class="submitButton">保<i style="margin-right: 1em;"></i>存</van-button>
+          </van-col>
+        </van-row>
+        <div class="clear"></div>
+      </div>
+    </van-form>
+  </div>
+</template>
+
+<script>
+  import { addDeposit } from "@/api/onlineHome/bankAgriculture/bankOfDeposit";
+  export default {
+    name: "paymentAccountAdd",
+    data() {
+      return {
+        showBankType:false,
+        bankType:'',
+        // 所属银行字典
+        bankTypeOptions: [],
+        form:{
+          sheng: "", //省 必填
+          shi: "",  //市  必填
+          bankType: "", //所属银行 必填
+          bankDeposit: "", //开户行 必填
+          payeePaymentLines: "", //联行号 //必填
+        }
+      };
+    },
+    created() {
+      this.getDetail();
+    },
+    methods: {
+      validator(val){
+        return /^\d{6,}$/.test(val);
+      },
+      getDetail(){
+        // 所属银行
+        this.getDicts("bank_type_all").then(res => {
+          for (var i = 0; i < res.data.length; i++) {
+            this.bankTypeOptions.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});
+          }
+        });
+      },
+      getError(e){
+        this.$notify({ type: 'danger', message: e.errors[0].message });
+      },
+      onConfirmBankType(val){
+        this.showBankType = false
+        this.bankType = val.text
+        this.$set(this.form, "bankType", val.value);
+      },
+      goModify(){
+        console.log(this.form)
+        this.form.balance = this.form.initialBalance;
+        addDeposit(this.form).then((response) => {
+          this.$toast.success('添加成功');
+          setTimeout(function(){
+            history.go(-1)
+          },2000)
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0;
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    margin-top: 0;
+    position: relative;
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 6px;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+  }
+  .submitButton{
+    width: 80%;
+    margin: 0 auto;
+    background-color: #1D6FE9;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+</style>
diff --git a/src/views/yinnong/bankAgriculture/bankOfDeposit/bankOfDepositList.vue b/src/views/yinnong/bankAgriculture/bankOfDeposit/bankOfDepositList.vue
new file mode 100644
index 00000000..b3417330
--- /dev/null
+++ b/src/views/yinnong/bankAgriculture/bankOfDeposit/bankOfDepositList.vue
@@ -0,0 +1,175 @@
+<template>
+    <div class="app-container">
+      <van-nav-bar
+        left-arrow
+        fixed
+        placeholder
+        @click-left="$router.back(-1)"
+        @click-right="goAdd()"
+      >
+        <template #title>
+          <p style="font-weight: bold;">开户行列表</p>
+        </template>
+        <template #right>
+          <van-icon name="add" size="18"/>
+        </template>
+      </van-nav-bar>
+
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        @load="getList"
+      >
+        <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
+<!--          :to="{name:'paymentAccountDetail', query: {id:item.id,type:'modify'}}"-->
+          <van-cell :title="item.bankDeposit" center >
+            <template #icon>
+              <van-icon name="../../../../../static/images/onlineHome/icon_yn6.png" size="30" color="#539FFD" style="margin-right: 10px;" />
+            </template>
+            <template #label>
+              <p><span>{{item.bankType}}</span></p>
+              <p style="display: flex;justify-content: space-between;width: 55%;">
+                <span style="color: #878787;font-weight: normal;font-size: 12px;width: 60%;text-align:left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-break: break-all;overflow: hidden;">{{item.sheng+item.shi}}</span>
+                <span style="color: #878787;font-weight: normal;font-size: 12px;">{{item.payeePaymentLines}}</span>
+              </p>
+            </template>
+          </van-cell>
+          <template #right>
+            <van-row>
+              <van-col>
+                <van-button square text="修改" type="info" :to="{name:'yinnongBankOfDepositModify', query: {id:item.id}}" class="delete-button" />
+              </van-col>
+              <van-col>
+                <van-button square text="删除" type="danger" @click="deleteList(item.id,index)" class="delete-button" />
+              </van-col>
+            </van-row>
+          </template>
+        </van-swipe-cell>
+      </van-list>
+    </div>
+</template>
+
+<script>
+import { getList , delDeposit } from "@/api/onlineHome/bankAgriculture/bankOfDeposit";
+export default {
+  name: "bankOfDepositList",
+  data() {
+    return {
+      applicationList:[],
+      houseApplyStatus:[],
+      // 账户类型 字典字典
+      accountTypeOptions: [],
+      // 是否停用 字典 sys_yes_no字典
+      statusOptions: [],
+      // 查询类型字典
+      selectTypeOptions: [],
+      // 来往账标识字典
+      directionOptions: [],
+      loading: false,
+      finished: false,
+      queryParams:{
+        pageNum: 1,
+        pageSize: 10,
+      },
+      statusColor:'#1D6FE9'
+    };
+  },
+  created() {
+    this.getDicts("bank_type").then((response) => {
+      this.bankTypeOptions = response.data;
+    });
+  },
+  methods: {
+    goAdd(){
+      this.$router.push({name:'yinnongBankOfDepositAdd'})
+    },
+    getList(){
+      setTimeout(() => {
+        getList(this.queryParams).then(response => {
+          console.log(response)
+          for (var i = 0; i < response.rows.length; i++) {
+            response.rows[i].bankType = this.selectDictLabel(this.bankTypeOptions, response.rows[i].bankType);
+            this.applicationList.push(response.rows[i]);
+          }
+          if(this.applicationList.length >= response.total){
+            this.finished = true;
+            return;
+          }else{
+            this.loading = false;
+            this.queryParams.pageNum += 1 ;
+          }
+        });
+      }, 1000);
+    },
+    deleteList(id,index){
+      this.$dialog.confirm({
+        message: '您确认删除开户行？',
+      })
+      .then(() => {
+        // on confirm
+        this.applicationList.splice(index,1)
+        delDeposit(id).then(res => {
+          if(res.code = 200){
+            this.$toast.success('删除成功');
+          }
+        });
+      })
+      .catch(() => {
+        // on cancel
+      });
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 0.2rem 3%;
+  }
+  /deep/.van-cell__title{
+    flex: 1;
+  }
+  /deep/.van-cell__title span{
+    font-family: Arial;
+    font-size: 0.4rem;
+    font-weight: normal;
+
+  }
+  /deep/.van-cell__label span{
+    color: #1D6FE9;
+    font-weight: bold;
+    i{
+      font-size: 0.2rem;
+    }
+  }
+  /deep/.van-cell__label{
+    /*font-size: 14Px;*/
+    /*font-weight: bold;*/
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  /deep/.van-cell__value{
+    flex: 0.6;
+    color: #333333;
+  }
+  /deep/.van-swipe-cell{
+    margin-bottom: 0.2rem;
+    border-radius: 0.2rem;
+    overflow: hidden;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+  }
+  /deep/van-ellipsis{
+    font-weight: bold;
+  }
+  .van-row{
+    height: 100%;
+  }
+  .van-col{
+    height: 100%;
+  }
+  .delete-button {
+    height: 100%;
+  }
+</style>
diff --git a/src/views/yinnong/bankAgriculture/bankOfDeposit/bankOfDepositModify.vue b/src/views/yinnong/bankAgriculture/bankOfDeposit/bankOfDepositModify.vue
new file mode 100644
index 00000000..519c2229
--- /dev/null
+++ b/src/views/yinnong/bankAgriculture/bankOfDeposit/bankOfDepositModify.vue
@@ -0,0 +1,151 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      left-arrow
+      fixed
+      placeholder
+      @click-left="$router.back(-1)"
+    >
+      <template #title>
+        <p style="font-weight: bold;">修改开户行</p>
+      </template>
+    </van-nav-bar>
+    <van-form @submit="goModify" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
+      <div class="main_box">
+        <van-field label="省" required :rules="[{ required: true , message:'请输入省' }]" v-model="form.sheng" placeholder="请输入省" input-align="right" label-width="auto"/>
+        <van-field label="市" required :rules="[{ required: true , message:'请输入市' }]" v-model="form.shi" placeholder="请输入市" input-align="right" label-width="auto"/>
+
+        <van-field
+          readonly
+          clickable
+          label="所属银行"
+          placeholder="请选择"
+          v-model="bankType"
+          @click="showBankType = true"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto"
+          required
+          :rules="[{ required: true , message:'请选择所属银行' }]"
+        />
+        <van-popup v-model="showBankType" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="bankTypeOptions"
+            @confirm="onConfirmBankType"
+            @cancel="showBankType = false"
+          />
+        </van-popup>
+
+        <van-field label="开户行" required :rules="[{ required: true , message:'请输入开户行' }]" v-model="form.bankDeposit" placeholder="请输入开户行" input-align="right" label-width="auto"/>
+        <van-field label="联行号" required :rules="[{ required: true , message:'请输入联行号' }]" v-model="form.payeePaymentLines" placeholder="请输入联行号" input-align="right" label-width="auto"/>
+
+      </div>
+      <div style="padding: 16px 0;">
+        <van-row>
+          <van-col span="24" align="center">
+            <van-button type="info" native-type="submit" class="submitButton">保<i style="margin-right: 1em;"></i>存</van-button>
+          </van-col>
+        </van-row>
+        <div class="clear"></div>
+      </div>
+    </van-form>
+  </div>
+</template>
+
+<script>
+  import { editDeposit , getDeposit } from "@/api/onlineHome/bankAgriculture/bankOfDeposit";
+  export default {
+    name: "paymentAccountAdd",
+    data() {
+      return {
+        showBankType:false,
+        bankType:'',
+        // 所属银行字典
+        bankTypeOptions: [],
+        form:{
+          sheng: "", //省 必填
+          shi: "",  //市  必填
+          bankType: "", //所属银行 必填
+          bankDeposit: "", //开户行 必填
+          payeePaymentLines: "", //联行号 //必填
+        }
+      };
+    },
+    created() {
+      this.getDetail();
+      this.form.id = this.$route.query.id;
+    },
+    methods: {
+      validator(val){
+        return /^\d{6,}$/.test(val);
+      },
+      getDetail(){
+        getDeposit(this.$route.query.id).then(response => {
+          console.log(response)
+          this.houseGetDicts("bank_type_all").then((res) => {
+            for(var i = 0 ; i < res.data.length ; i++){
+              this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue});
+            }
+            this.bankType = this.selectDictLabel(res.data, response.data.bankType);
+          });
+          this.form = response.data;
+        });
+      },
+      getError(e){
+        this.$notify({ type: 'danger', message: e.errors[0].message });
+      },
+      onConfirmBankType(val){
+        this.showBankType = false
+        this.bankType = val.text
+        this.$set(this.form, "bankType", val.value);
+      },
+      goModify(){
+        console.log(this.form)
+        this.form.balance = this.form.initialBalance;
+        editDeposit(this.form).then((response) => {
+          this.$toast.success('修改成功');
+          setTimeout(function(){
+            history.go(-1)
+          },2000)
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0;
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    margin-top: 0;
+    position: relative;
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 6px;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+  }
+  .submitButton{
+    width: 80%;
+    margin: 0 auto;
+    background-color: #1D6FE9;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+</style>
diff --git a/src/views/yinnong/bankAgriculture/collectionAccount/collectionAdd.vue b/src/views/yinnong/bankAgriculture/collectionAccount/collectionAdd.vue
index 7511ecb7..ee239ac1 100644
--- a/src/views/yinnong/bankAgriculture/collectionAccount/collectionAdd.vue
+++ b/src/views/yinnong/bankAgriculture/collectionAccount/collectionAdd.vue
@@ -11,6 +11,10 @@
       </template>
     </van-nav-bar>
 
+    <div class="main_box" style="margin-bottom: 10px;">
+      <van-field v-model="value" placeholder="粘贴信息，自动拆分收款方、收款账号" @input="changeInform" />
+    </div>
+
     <van-form @submit="goAdd" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
       <p class="main_title">基础信息</p>
       <div class="main_box">
@@ -138,6 +142,7 @@
         accountTypeOptions:[],
         payeeTypeOptions:[],
         bankDepositOptions:[],
+        value:''
       };
     },
     created() {
@@ -169,6 +174,26 @@
         });
 
       },
+      changeInform(val){
+        console.log(val)
+        var that = this;
+        var str = val;
+        var numArr = str.match(/\d+/g)
+        var nameArr = str.match(/[\u4e00-\u9fa5]/g).join("")
+        console.log(numArr)
+        console.log(nameArr)
+        if (numArr) {
+          numArr.map(rr=>{
+            if (rr.length>16) {
+              const carId = this.isBankCard(rr);
+              if (carId) {
+                that.form.payee = nameArr;
+                that.form.payeeAccount = rr
+              }
+            }
+          })
+        }
+      },
       getError(e){
         this.$notify({ type: 'danger', message: e.errors[0].message });
       },
@@ -192,7 +217,7 @@
       },
       onConfirmBankDeposit(data){
         this.bankDeposit = data.text
-        this.form.bankDeposit = data.value
+        this.form.bankDeposit = data.text
         this.form.payeePaymentLines = data.payeePaymentLines
         this.form.alternateField10 = data.institutionNumber
         this.showBankDeposit = false;
diff --git a/src/views/yinnong/bankAgriculture/paymentAccount/paymentAccountAdd.vue b/src/views/yinnong/bankAgriculture/paymentAccount/paymentAccountAdd.vue
index 2829ba19..ae33044c 100644
--- a/src/views/yinnong/bankAgriculture/paymentAccount/paymentAccountAdd.vue
+++ b/src/views/yinnong/bankAgriculture/paymentAccount/paymentAccountAdd.vue
@@ -100,9 +100,9 @@
         </van-popup>
         <van-field label="客户编号" v-if="accountType=='银行存款'&&(form.bankType=='1'||form.bankType=='2')" required :rules="[{ required: true , message:'请输入客户编号' }]" v-model="form.cifNo" placeholder="请输入客户编号" input-align="right" label-width="auto"/>
         <van-field label="账簿号" v-if="accountType=='银行存款'&&villageAccountType=='多级账簿'" required :rules="[{ required: true , message:'请输入账簿号' }]" v-model="form.accountNo" placeholder="请输入账簿号" input-align="right" label-width="auto"/>
-        <van-field label="管控类型" required :rules="[{ required: true , message:'请选择管控类型' }]" v-if="accountType=='银行存款'&&form.bankType==2&&villageAccountType=='多级账簿'">
+        <van-field label="管控类型" v-if="accountType=='银行存款'&&form.bankType==2&&villageAccountType=='多级账簿'">
           <template #right-icon>
-            <van-radio-group direction="horizontal" v-model="form.managementControlType" @change="onConfirmManagementControlType">
+            <van-radio-group direction="horizontal" v-model="form.managementControlType" @change="onConfirmManagementControlType" required :rules="[{ required: true , message:'请选择管控类型' }]">
               <van-radio name="1">账簿余额</van-radio>
               <van-radio name="2">中心账簿</van-radio>
             </van-radio-group>
@@ -311,7 +311,13 @@
           bankType:null,
           status: "0",
         },
-        form:{}
+        form:{
+          accountType: "102",
+          bankUseType:"1",
+          bankAccountType: "1",
+          villageAccountType: "2",
+          status: "N",
+        }
       };
     },
     created() {
@@ -407,7 +413,13 @@
       onConfirmTaccountId(val){
         this.showTaccountId = false
         this.taccountId = val.text
+        console.log(val)
         this.$set(this.form, "taccountId", val.value);
+        this.$set(this.form, "cifNo", val.cifNo);
+        this.$set(this.form, "accountName", val.payee);
+        this.$set(this.form, "managementControlType", val.managementControlType);
+        this.$set(this.form, "accountPassword", val.accountPassword);
+        this.$set(this.form, "centralBookId", val.centralBookId);
         this.taccountIdOptions.map(res => {
           if(res.id==val.value){
             if(this.form.villageAccountType === '3'){
diff --git a/src/views/yinnong/bankAgriculture/paymentAccount/paymentAccountList.vue b/src/views/yinnong/bankAgriculture/paymentAccount/paymentAccountList.vue
index 09f74d35..eaddeedb 100644
--- a/src/views/yinnong/bankAgriculture/paymentAccount/paymentAccountList.vue
+++ b/src/views/yinnong/bankAgriculture/paymentAccount/paymentAccountList.vue
@@ -31,10 +31,9 @@
               <p><span><i>￥</i>{{item.balance}}</span></p>
             </template>
             <template #default>
-              <p>{{item.bankAccountNumber == null || item.bankAccountNumber == '' ? '&nbsp;':item.bankAccountNumber}}</p>
-              <p style="font-size: 12px;font-weight: normal;color: #878787;">
-                {{item.accountName}}
-                <i style="margin-right: 1rem;"></i>
+              <p style="display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-break: break-all;overflow: hidden;">{{item.bankAccountNumber == null || item.bankAccountNumber == '' ? '&nbsp;':item.bankAccountNumber}}</p>
+              <p style="font-size: 12px;font-weight: normal;color: #878787;display: flex;justify-content: space-between;">
+                <span style="width: 60%;text-align:left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-break: break-all;overflow: hidden;">{{item.accountName}}</span>
                 <span :style="{color: item.status == '否' ? '#1D6FE9' : '#FF4646'}">{{item.status == '否' ? '未' : '已'}}停用</span>
               </p>
             </template>
diff --git a/src/views/yinnong/bankAgriculture/paymentAccount/paymentAccountModify.vue b/src/views/yinnong/bankAgriculture/paymentAccount/paymentAccountModify.vue
index 5a34aa2f..c71b3828 100644
--- a/src/views/yinnong/bankAgriculture/paymentAccount/paymentAccountModify.vue
+++ b/src/views/yinnong/bankAgriculture/paymentAccount/paymentAccountModify.vue
@@ -100,9 +100,9 @@
         </van-popup>
         <van-field label="客户编号" v-if="accountType=='银行存款'&&(form.bankType=='1'||form.bankType=='2')" required :rules="[{ required: true , message:'请输入客户编号' }]" v-model="form.cifNo" placeholder="请输入客户编号" input-align="right" label-width="auto"/>
         <van-field label="账簿号" v-if="accountType=='银行存款'&&villageAccountType=='多级账簿'" required :rules="[{ required: true , message:'请输入账簿号' }]" v-model="form.accountNo" placeholder="请输入账簿号" input-align="right" label-width="auto"/>
-        <van-field label="管控类型" required :rules="[{ required: true , message:'请选择管控类型' }]" v-if="accountType=='银行存款'&&form.bankType==2&&villageAccountType=='多级账簿'">
+        <van-field label="管控类型" v-if="accountType=='银行存款'&&form.bankType==2&&villageAccountType=='多级账簿'">
           <template #right-icon>
-            <van-radio-group direction="horizontal" v-model="form.managementControlType" @change="onConfirmManagementControlType">
+            <van-radio-group direction="horizontal" v-model="form.managementControlType" @change="onConfirmManagementControlType" required :rules="[{ required: true , message:'请选择管控类型' }]">
               <van-radio name="1">账簿余额</van-radio>
               <van-radio name="2">中心账簿</van-radio>
             </van-radio-group>
@@ -311,7 +311,13 @@
           bankType:null,
           status: "0",
         },
-        form:{}
+        form:{
+          accountType: "102",
+          bankUseType:"1",
+          bankAccountType: "1",
+          villageAccountType: "2",
+          status: "N",
+        }
       };
     },
     created() {
@@ -463,7 +469,13 @@
       onConfirmTaccountId(val){
         this.showTaccountId = false
         this.taccountId = val.text
+        console.log(val)
         this.$set(this.form, "taccountId", val.value);
+        this.$set(this.form, "cifNo", val.cifNo);
+        this.$set(this.form, "accountName", val.payee);
+        this.$set(this.form, "managementControlType", val.managementControlType);
+        this.$set(this.form, "accountPassword", val.accountPassword);
+        this.$set(this.form, "centralBookId", val.centralBookId);
         this.taccountIdOptions.map(res => {
           if(res.id==val.value){
             if(this.form.villageAccountType === '3'){
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd.vue
index 5d290836..01f981ba 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd.vue
@@ -4,7 +4,7 @@
       left-arrow
       fixed
       placeholder
-      @click-left="$router.back(-1)"
+      @click-left="goBack"
     >
       <template #title>
         <p style="font-weight: bold;">添加银行卡转账申请</p>
@@ -61,8 +61,8 @@
                    :rules="[{ required: true , message:'请选择审批模式' }]">
           <template #input>
             <van-radio-group v-model="form.approvalMode" direction="horizontal">
-              <van-radio name="1">线上支付</van-radio>
-              <van-radio name="2">线下支付</van-radio>
+              <van-radio name="1">线上审批</van-radio>
+              <van-radio name="2">线下审批</van-radio>
             </van-radio-group>
           </template>
         </van-field>
@@ -216,8 +216,13 @@
         <van-field :rules="[{ required: true , message:'请输入付款方账户' }]" required label="付款方账户" v-model="form.payerAccount" placeholder="请输入账户" input-align="right" label-width="auto"/>
       </div>
 
-      <p class="main_title">收款方信息<van-button icon="plus" @click="addChargeItme(chargeItme.length)" size="mini" type="info" native-type="button" class="addFamily"/></p>
-      <div class="main_box" style="margin-bottom: 15px;">
+      <div class="main_title main_title_box">
+        <p>收款方信息</p>
+        <router-link :to="{name:'approvalCollectionAdd', params: {accountType:form.accountType,isPeers:form.isPeers,bankType:form.bankType,option:form}}">添加收款方</router-link>
+        <van-button icon="plus" @click="addChargeItme(chargeItme.length)" size="mini" type="info" native-type="button" class="addFamily"/>
+      </div>
+
+      <div class="main_box" style="margin-bottom: 15px;" v-if="form.bankType==1||form.bankType==2||form.bankType==3||form.bankType==4">
         <van-cell title="收款账户类型" v-if="form.bankType==1">
           <template #right-icon>
             <van-radio-group direction="horizontal" v-model="form.accountType" @change="accountTypeChange" >
@@ -333,7 +338,32 @@
         minDate: new Date(2000, 1, 1),
         maxDate: new Date(2050, 12, 31),
         currentDate: new Date(),
-        form:{},
+        form:{
+          id: null,
+          upId: null,
+          applyDate:this.nowDate,
+          approvalMode:'1',
+          downId: null,
+          orderId: null,
+          cashierId: null,
+          transferType: '1',
+          accountType: null,
+          isPeers:null,
+          explainSituation: null,
+          succeedAmount: null,
+          payer: null,
+          payerAccount: null,
+          operatorCode: null,
+          enterpriseCode: null,
+          expenditureAmount: null,
+          capitalExpenditureType: '1',
+          remark: null,
+          transferStatus: "0",
+          auditStatus: "0",
+          paymentState: "1",
+          bankPriority: "0",
+          clientPriority: "0"
+        },
         fileList1:[],
         fileList2:[],
         fileList3:[],
@@ -423,6 +453,8 @@
       });
       this.getDictionaries();
       this.getTemplateList();
+
+
     },
     methods: {
       getTemplateList(){
@@ -561,7 +593,7 @@
           this.$notify({ type: 'danger', message: '请选择所属银行！' });
           return;
         }
-        if(this.form.bankType == '2' && this.form.isPeers == 'N' && this.chargeItme.length>1){
+        if(this.form.bankType == '2' && this.form.isPeers == 'N' && this.chargeItme.length>0 && this.chargeItme != []){
           this.$notify({ type: 'danger', message: '目前农商行仅支持单笔跨行转账，即仅能有一个收款方！' });
         }else{
         this.getDicts("bank_type").then(res => {
@@ -727,6 +759,7 @@
       },
       goAdd(){
         let _this = this
+
         if(this.chargeItme.length<1){
           this.$notify({ type: 'danger', message: '请添加收款方信息' });
           return;
@@ -1680,7 +1713,7 @@
         let _this = this
         if(this.chargeItme != [] && this.chargeItme.length>1){
           this.chargeItme.some((value, index) => {
-            if(value.payeeAccount != undefined &&value.payeeAccount != '' && obj.payeeAccount == value.payeeAccount&&index!=i){
+            if(value.payeeAccount != undefined &&value.payeeAccount != '' && obj.payeeAccount == value.payeeAccount&&index!=i&&this.form.bankType != 2){
               fuzhitype = 2;
               return true;
             }
@@ -1884,12 +1917,25 @@
         })
       },
       goBack(){
-        window.history.go(-1)
+        this.$router.push({path:'/yinnong/approvalList'})
       },
       deleteChargeItme(index){
         this.chargeItme.splice(index,1)
       },
     },
+    watch: {
+      $route (to, from ) {
+        // 监听路由变化, 实现类似 小程序的 onShow 事件
+        if (to.path === '/yinnong/approvalAdd') {
+          // do anything you want
+          console.log("aaa")
+          if (this.$route.params.payeeForm){
+            this.chargeItme.push(this.$route.params.payeeForm)
+            console.log(this.$route.params.payeeForm)
+          }
+        }
+      }
+    },
   }
 </script>
 
@@ -1897,11 +1943,22 @@
   .app-container {
     padding: 2% 0;
   }
+  .main_title_box{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
   .main_title{
     font-size: 0.4rem;
     color: #1D6FE9;
     margin: 0.2rem 6%;
     position: relative;
+    a{
+      background: #1989fa;
+      color: #ffffff;
+      padding: 0.05rem 0.3rem;
+      border-radius: 5PX;
+    }
   }
   .main_box{
     width: 96%;
@@ -1918,9 +1975,9 @@
   }
 
   .addFamily{
-    position: absolute;
-    top: -2px;
-    right: 0;
+    //position: absolute;
+    //top: -2px;
+    //right: 0;
     border-radius: 50%;
   }
   .deleteFamily{
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd10.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd10.vue
index 735d3107..d0b2659b 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd10.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd10.vue
@@ -70,8 +70,8 @@
                    :rules="[{ required: true , message:'请选择审批模式' }]">
           <template #input>
             <van-radio-group v-model="form.approvalMode" direction="horizontal">
-              <van-radio name="1">线上支付</van-radio>
-              <van-radio name="2">线下支付</van-radio>
+              <van-radio name="1">线上审批</van-radio>
+              <van-radio name="2">线下审批</van-radio>
             </van-radio-group>
           </template>
         </van-field>
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd11.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd11.vue
index 1c731081..d8dd7957 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd11.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd11.vue
@@ -70,8 +70,8 @@
                    :rules="[{ required: true , message:'请选择审批模式' }]">
           <template #input>
             <van-radio-group v-model="form.approvalMode" direction="horizontal">
-              <van-radio name="1">线上支付</van-radio>
-              <van-radio name="2">线下支付</van-radio>
+              <van-radio name="1">线上审批</van-radio>
+              <van-radio name="2">线下审批</van-radio>
             </van-radio-group>
           </template>
         </van-field>
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd12.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd12.vue
index ac79a89a..7230e015 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd12.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd12.vue
@@ -61,8 +61,8 @@
                    :rules="[{ required: true , message:'请选择审批模式' }]">
           <template #input>
             <van-radio-group v-model="form.approvalMode" direction="horizontal">
-              <van-radio name="1">线上支付</van-radio>
-              <van-radio name="2">线下支付</van-radio>
+              <van-radio name="1">线上审批</van-radio>
+              <van-radio name="2">线下审批</van-radio>
             </van-radio-group>
           </template>
         </van-field>
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd2.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd2.vue
index 424dc259..777eda03 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd2.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd2.vue
@@ -4,7 +4,7 @@
       left-arrow
       fixed
       placeholder
-      @click-left="$router.back(-1)"
+      @click-left="goBack"
     >
       <template #title>
         <p style="font-weight: bold;">添加信用卡还款申请</p>
@@ -70,8 +70,8 @@
                    :rules="[{ required: true , message:'请选择审批模式' }]">
           <template #input>
             <van-radio-group v-model="form.approvalMode" direction="horizontal">
-              <van-radio name="1">线上支付</van-radio>
-              <van-radio name="2">线下支付</van-radio>
+              <van-radio name="1">线上审批</van-radio>
+              <van-radio name="2">线下审批</van-radio>
             </van-radio-group>
           </template>
         </van-field>
@@ -215,7 +215,11 @@
         <van-field :rules="[{ required: true , message:'请输入付款方账户' }]" required label="付款方账户" v-model="form.payerAccount" placeholder="请输入账户" input-align="right" label-width="auto"/>
       </div>
 
-      <p class="main_title">收款方信息<van-button icon="plus" @click="addChargeItme(chargeItme.length)" size="mini" type="info" native-type="button" class="addFamily"/></p>
+      <div class="main_title main_title_box">
+        <p>收款方信息</p>
+        <router-link :to="{name:'approvalCollectionAdd2', params: {accountType:form.accountType,isPeers:form.isPeers,bankType:form.bankType,option:form}}">添加收款方</router-link>
+        <van-button icon="plus" @click="addChargeItme(chargeItme.length)" size="mini" type="info" native-type="button" class="addFamily"/>
+      </div>
       <div class="main_box" style="margin-bottom: 15px;">
         <van-cell title="收款账户类型" v-if="form.bankType==1">
           <template #right-icon>
@@ -1843,13 +1847,26 @@
         })
       },
       goBack(){
-        window.history.go(-1)
+        this.$router.push({path:'/yinnong/approvalList2'})
       },
       //删除家庭成员
       deleteChargeItme(index){
         this.chargeItme.splice(index,1)
       },
     },
+    watch: {
+      $route (to, from ) {
+        // 监听路由变化, 实现类似 小程序的 onShow 事件
+        if (to.path === '/yinnong/approvalAdd2') {
+          // do anything you want
+          console.log("aaa")
+          if (this.$route.params.payeeForm){
+            this.chargeItme.push(this.$route.params.payeeForm)
+            console.log(this.$route.params.payeeForm)
+          }
+        }
+      }
+    },
   }
 </script>
 
@@ -1857,11 +1874,22 @@
   .app-container {
     padding: 2% 0;
   }
+  .main_title_box{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
   .main_title{
     font-size: 0.4rem;
     color: #1D6FE9;
     margin: 0.2rem 6%;
     position: relative;
+    a{
+      background: #1989fa;
+      color: #ffffff;
+      padding: 0.05rem 0.3rem;
+      border-radius: 5PX;
+    }
   }
   .main_box{
     width: 96%;
@@ -1878,9 +1906,9 @@
   }
 
   .addFamily{
-    position: absolute;
-    top: -2px;
-    right: 0;
+    //position: absolute;
+    //top: -2px;
+    //right: 0;
     border-radius: 50%;
   }
   .deleteFamily{
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd4.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd4.vue
index 384e4f04..ea39c670 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd4.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd4.vue
@@ -70,8 +70,8 @@
                    :rules="[{ required: true , message:'请选择审批模式' }]">
           <template #input>
             <van-radio-group v-model="form.approvalMode" direction="horizontal">
-              <van-radio name="1">线上支付</van-radio>
-              <van-radio name="2">线下支付</van-radio>
+              <van-radio name="1">线上审批</van-radio>
+              <van-radio name="2">线下审批</van-radio>
             </van-radio-group>
           </template>
         </van-field>
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalApproval.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalApproval.vue
index bc51876e..7bf884b7 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalApproval.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalApproval.vue
@@ -21,8 +21,8 @@
       <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly>
         <template #input>
           <van-radio-group v-model="form.approvalMode" direction="horizontal">
-            <van-radio name="1">线上支付</van-radio>
-            <van-radio name="2">线下支付</van-radio>
+            <van-radio name="1">线上审批</van-radio>
+            <van-radio name="2">线下审批</van-radio>
           </van-radio-group>
         </template>
       </van-field>
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalApproval10.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalApproval10.vue
index c5106751..19742abc 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalApproval10.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalApproval10.vue
@@ -21,8 +21,8 @@
       <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly>
         <template #input>
           <van-radio-group v-model="form.approvalMode" direction="horizontal">
-            <van-radio name="1">线上支付</van-radio>
-            <van-radio name="2">线下支付</van-radio>
+            <van-radio name="1">线上审批</van-radio>
+            <van-radio name="2">线下审批</van-radio>
           </van-radio-group>
         </template>
       </van-field>
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalApproval11.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalApproval11.vue
index e7ba7d06..86180bcd 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalApproval11.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalApproval11.vue
@@ -21,8 +21,8 @@
       <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly>
         <template #input>
           <van-radio-group v-model="form.approvalMode" direction="horizontal">
-            <van-radio name="1">线上支付</van-radio>
-            <van-radio name="2">线下支付</van-radio>
+            <van-radio name="1">线上审批</van-radio>
+            <van-radio name="2">线下审批</van-radio>
           </van-radio-group>
         </template>
       </van-field>
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalApproval12.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalApproval12.vue
index 8196a611..8ceb074d 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalApproval12.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalApproval12.vue
@@ -20,8 +20,8 @@
       <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly>
         <template #input>
           <van-radio-group v-model="form.approvalMode" direction="horizontal">
-            <van-radio name="1">线上支付</van-radio>
-            <van-radio name="2">线下支付</van-radio>
+            <van-radio name="1">线上审批</van-radio>
+            <van-radio name="2">线下审批</van-radio>
           </van-radio-group>
         </template>
       </van-field>
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail.vue
index b077e6e2..60801d7a 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail.vue
@@ -21,8 +21,8 @@
       <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly>
         <template #input>
           <van-radio-group v-model="form.approvalMode" direction="horizontal">
-            <van-radio name="1">线上支付</van-radio>
-            <van-radio name="2">线下支付</van-radio>
+            <van-radio name="1">线上审批</van-radio>
+            <van-radio name="2">线下审批</van-radio>
           </van-radio-group>
         </template>
       </van-field>
@@ -64,15 +64,18 @@
 
     </div>
 
-    <div :style="{position:'relative',padding: index == 0 ? '':'10px 0 0 0'}" v-for="(item, index) in chargeItme" :key="index">
-      <div class="main_box" style="margin-bottom: 10px;position:relative;">
+    <div style="position:relative;" >
+      <div class="main_box" style="margin-bottom: 10px;position:relative;" v-for="(item, index) in chargeItme" :key="index" v-if="index<listLength">
         <van-field readonly label="收款方" v-model="item.payee" input-align="right" />
         <van-field readonly label="收款账户" v-model="item.payeeAccount" input-align="right" label-width="auto"/>
         <van-field readonly label="开户银行" v-model="item.bankDeposit" input-align="right" label-width="auto"/>
         <van-field readonly label="收入金额" v-model="item.incomeAmount" input-align="right" label-width="auto"/>
         <van-field readonly label="所属银行" v-model="item.bankTypeText" input-align="right" />
       </div>
+      <p class="main_more" v-if="showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p>
+      <p class="main_more" v-if="!showbtn" @click="listLength = 1,showbtn=true">收起列表</p>
     </div>
+
     <p class="main_title">上传附件</p>
     <div class="main_box" style="padding: 5px 0 0 0;">
       <van-cell value="收据" />
@@ -106,6 +109,9 @@
         showbankType:false,
         showproject:false,
         showFundType:false,
+        showbtn:true,
+
+        listLength:1,
 
         minDate: new Date(),
         maxDate: new Date(2025, 10, 1),
@@ -304,6 +310,17 @@
   .app-container {
     padding: 2% 0;
   }
+  .main_more{
+    width: 96%;
+    margin: 0 auto;
+    margin-top: 10px;
+    border-radius: 6px;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    text-align: center;
+    padding: 10PX 0;
+  }
   .main_title{
     font-size: 0.4rem;
     color: #1D6FE9;
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail10.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail10.vue
index 97a96ba7..215fb1d2 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail10.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail10.vue
@@ -21,8 +21,8 @@
       <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly>
         <template #input>
           <van-radio-group v-model="form.approvalMode" direction="horizontal">
-            <van-radio name="1">线上支付</van-radio>
-            <van-radio name="2">线下支付</van-radio>
+            <van-radio name="1">线上审批</van-radio>
+            <van-radio name="2">线下审批</van-radio>
           </van-radio-group>
         </template>
       </van-field>
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail11.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail11.vue
index 41b2032f..f8a65da3 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail11.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail11.vue
@@ -21,8 +21,8 @@
       <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly>
         <template #input>
           <van-radio-group v-model="form.approvalMode" direction="horizontal">
-            <van-radio name="1">线上支付</van-radio>
-            <van-radio name="2">线下支付</van-radio>
+            <van-radio name="1">线上审批</van-radio>
+            <van-radio name="2">线下审批</van-radio>
           </van-radio-group>
         </template>
       </van-field>
@@ -57,14 +57,17 @@
     </div>
     <p class="main_title">收款方信息</p>
 
-    <div :style="{position:'relative',padding: index == 0 ? '':'10px 0 0 0'}" v-for="(item, index) in chargeItme" :key="index">
-      <div class="main_box" style="margin-bottom: 10px;position:relative;">
+    <div style="position:relative;">
+      <div class="main_box" style="margin-bottom: 10px;position:relative;" v-for="(item, index) in chargeItme" :key="index" v-if="index<listLength">
         <van-field readonly label="收款方" v-model="item.payee" input-align="right" />
         <van-field readonly label="联系方式" v-model="item.phone" input-align="right" label-width="auto"/>
         <van-field readonly label="申请使用金额" v-model="item.incomeAmount" input-align="right" label-width="auto"/>
         <van-field readonly label="资金用途" v-model="item.remark" input-align="right" label-width="auto"/>
       </div>
+      <p class="main_more" v-if="showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p>
+      <p class="main_more" v-if="!showbtn" @click="listLength = 1,showbtn=true">收起列表</p>
     </div>
+
     <p class="main_title">上传附件</p>
     <div class="main_box" style="padding: 5px 0 0 0;">
       <van-cell value="收据" />
@@ -100,6 +103,9 @@
         showbankType:false,
         showproject:false,
         showFundType:false,
+        showbtn:true,
+
+        listLength:1,
 
         minDate: new Date(),
         maxDate: new Date(2025, 10, 1),
@@ -300,6 +306,17 @@
   .app-container {
     padding: 2% 0;
   }
+  .main_more{
+    width: 96%;
+    margin: 0 auto;
+    margin-top: 10px;
+    border-radius: 6px;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    text-align: center;
+    padding: 10PX 0;
+  }
   .main_title{
     font-size: 0.4rem;
     color: #1D6FE9;
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail12.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail12.vue
index 52bad3ae..ea8f1090 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail12.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail12.vue
@@ -20,8 +20,8 @@
       <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly>
         <template #input>
           <van-radio-group v-model="form.approvalMode" direction="horizontal">
-            <van-radio name="1">线上支付</van-radio>
-            <van-radio name="2">线下支付</van-radio>
+            <van-radio name="1">线上审批</van-radio>
+            <van-radio name="2">线下审批</van-radio>
           </van-radio-group>
         </template>
       </van-field>
@@ -108,15 +108,19 @@
 
     <p class="main_title">收票方信息</p>
 
-    <div :style="{position:'relative',padding: index == 0 ? '':'10px 0 0 0'}" v-for="(item, index) in chargeItme" :key="index">
-      <div class="main_box" style="margin-bottom: 10px;position:relative;">
+    <div style="position:relative;">
+      <div class="main_box" style="margin-bottom: 10px;position:relative;" v-for="(item, index) in chargeItme" :key="index" v-if="index<listLength">
         <van-field readonly label="收票方" v-model="item.payee" input-align="right" />
         <van-field readonly label="联系方式" v-model="item.phone" input-align="right" label-width="auto"/>
         <van-field readonly label="所属单位" v-model="item.unit" input-align="right" label-width="auto"/>
         <van-field readonly label="负责人全称" v-model="item.leader" input-align="right" label-width="auto"/>
         <van-field readonly label="资金用途" v-model="item.remark" input-align="right" />
       </div>
+      <p class="main_more" v-if="showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p>
+      <p class="main_more" v-if="!showbtn" @click="listLength = 1,showbtn=true">收起列表</p>
     </div>
+
+
     <p class="main_title">上传附件</p>
     <div class="main_box" style="padding: 5px 0 0 0;">
       <van-cell value="收据" />
@@ -152,6 +156,9 @@
         showbankType:false,
         showproject:false,
         showFundType:false,
+        showbtn:true,
+
+        listLength:1,
 
         minDate: new Date(),
         maxDate: new Date(2025, 10, 1),
@@ -362,6 +369,17 @@
   .app-container {
     padding: 2% 0;
   }
+  .main_more{
+    width: 96%;
+    margin: 0 auto;
+    margin-top: 10px;
+    border-radius: 6px;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    text-align: center;
+    padding: 10PX 0;
+  }
   .main_title{
     font-size: 0.4rem;
     color: #1D6FE9;
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail2.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail2.vue
index 4832fc0a..6851ed3d 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail2.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail2.vue
@@ -21,8 +21,8 @@
       <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly>
         <template #input>
           <van-radio-group v-model="form.approvalMode" direction="horizontal">
-            <van-radio name="1">线上支付</van-radio>
-            <van-radio name="2">线下支付</van-radio>
+            <van-radio name="1">线上审批</van-radio>
+            <van-radio name="2">线下审批</van-radio>
           </van-radio-group>
         </template>
       </van-field>
@@ -61,15 +61,18 @@
       <van-field readonly label="收款账户类型" v-model="form.accountType == 1 ? '公户':'私户'" input-align="right" label-width="auto" />
     </div>
 
-    <div :style="{position:'relative',padding: index == 0 ? '':'10px 0 0 0'}" v-for="(item, index) in chargeItme" :key="index">
-      <div class="main_box" style="margin-bottom: 10px;position:relative;">
+    <div style="position:relative;" >
+      <div class="main_box" style="margin-bottom: 10px;position:relative;" v-for="(item, index) in chargeItme" :key="index" v-if="index<listLength">
         <van-field readonly label="收款方" v-model="item.payee" input-align="right" />
         <van-field readonly label="收款账户" v-model="item.payeeAccount" input-align="right" label-width="auto"/>
         <van-field readonly label="开户银行" v-model="item.bankDeposit" input-align="right" label-width="auto"/>
         <van-field readonly label="收入金额" v-model="item.incomeAmount" input-align="right" label-width="auto"/>
         <van-field readonly label="所属银行" v-model="item.bankTypeText" input-align="right" />
       </div>
+      <p class="main_more" v-if="showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p>
+      <p class="main_more" v-if="!showbtn" @click="listLength = 1,showbtn=true">收起列表</p>
     </div>
+
     <p class="main_title">上传附件</p>
     <div class="main_box" style="padding: 5px 0 0 0;">
       <van-cell value="收据" />
@@ -103,6 +106,9 @@
         showbankType:false,
         showproject:false,
         showFundType:false,
+        showbtn:true,
+
+        listLength:1,
 
         minDate: new Date(),
         maxDate: new Date(2025, 10, 1),
@@ -301,6 +307,17 @@
   .app-container {
     padding: 2% 0;
   }
+  .main_more{
+    width: 96%;
+    margin: 0 auto;
+    margin-top: 10px;
+    border-radius: 6px;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    text-align: center;
+    padding: 10PX 0;
+  }
   .main_title{
     font-size: 0.4rem;
     color: #1D6FE9;
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail3.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail3.vue
index d8a7ca7a..9247a86a 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail3.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail3.vue
@@ -48,15 +48,18 @@
       <van-field readonly label="收款账户类型" v-model="form.accountType == 1 ? '公户':'私户'" input-align="right" label-width="auto" />
     </div>
 
-    <div :style="{position:'relative',padding: index == 0 ? '':'10px 0 0 0'}" v-for="(item, index) in chargeItme" :key="index">
-      <div class="main_box" style="margin-bottom: 10px;position:relative;">
+    <div style="position:relative;" >
+      <div class="main_box" style="margin-bottom: 10px;position:relative;" v-for="(item, index) in chargeItme" :key="index" v-if="index<listLength">
         <van-field readonly label="收款方" v-model="item.payee" input-align="right" />
         <van-field readonly label="收款账户" v-model="item.payeeAccount" input-align="right" label-width="auto"/>
         <van-field readonly label="开户银行" v-model="item.bankDeposit" input-align="right" label-width="auto"/>
         <van-field readonly label="收入金额" v-model="item.incomeAmount" input-align="right" label-width="auto"/>
         <van-field readonly label="所属银行" v-model="item.bankTypeText" input-align="right" />
       </div>
+      <p class="main_more" v-if="showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p>
+      <p class="main_more" v-if="!showbtn" @click="listLength = 1,showbtn=true">收起列表</p>
     </div>
+
     <p class="main_title">上传附件</p>
     <div class="main_box" style="padding: 5px 0 0 8px;">
       <van-uploader v-model="fileList" :after-read="beforeRead" :deletable="false" disabled  :upload-text="'未上传附件'"></van-uploader>
@@ -82,6 +85,9 @@
         showbankType:false,
         showproject:false,
         showFundType:false,
+        showbtn:true,
+
+        listLength:1,
 
         minDate: new Date(),
         maxDate: new Date(2025, 10, 1),
@@ -406,6 +412,17 @@
   .app-container {
     padding: 2% 0;
   }
+  .main_more{
+    width: 96%;
+    margin: 0 auto;
+    margin-top: 10px;
+    border-radius: 6px;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    text-align: center;
+    padding: 10PX 0;
+  }
   .main_title{
     font-size: 0.4rem;
     color: #1D6FE9;
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail4.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail4.vue
index f9a5e53c..1be29a70 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail4.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalDetail4.vue
@@ -21,8 +21,8 @@
       <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly>
         <template #input>
           <van-radio-group v-model="form.approvalMode" direction="horizontal">
-            <van-radio name="1">线上支付</van-radio>
-            <van-radio name="2">线下支付</van-radio>
+            <van-radio name="1">线上审批</van-radio>
+            <van-radio name="2">线下审批</van-radio>
           </van-radio-group>
         </template>
       </van-field>
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalList.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalList.vue
index 82b31483..4c95e27b 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalList.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalList.vue
@@ -4,7 +4,7 @@
         left-arrow
         fixed
         placeholder
-        @click-left="$router.back(-1)"
+        @click-left="goBack()"
         @click-right="goAdd()"
       >
         <template #title>
@@ -43,6 +43,9 @@
               <van-col>
                 <van-button v-if="item.auditStatus=='草稿'||item.auditStatus=='驳回'" square text="删除" type="danger" @click="deleteList(item.id,index)" class="delete-button" />
               </van-col>
+              <van-col>
+                <van-button v-if="item.auditStatus=='待审'" square text="撤回" type="danger" @click="cancelApply(item)" class="delete-button" />
+              </van-col>
             </van-row>
           </template>
         </van-swipe-cell>
@@ -51,7 +54,7 @@
 </template>
 
 <script>
-import { listTransfer , customSubmit , delTransfer } from "@/api/onlineHome/bankAgriculture/paymentApproval";
+import { listTransfer , customSubmit , delTransfer , updateTYinnongTransferFoStatus } from "@/api/onlineHome/bankAgriculture/paymentApproval";
 export default {
   name: "approvalList",
   data() {
@@ -64,7 +67,8 @@ export default {
         pageNum:1,
         pageSize:10,
         transferType:"1",
-      }
+      },
+      form:{}
     };
   },
   created() {
@@ -138,7 +142,33 @@ export default {
       .catch(() => {
         // on cancel
       });
-    }
+    },
+    goBack(){
+      this.$router.push({path:'/yinnong/workbench'})
+    },
+    cancelApply(row) {
+      console.log(row)
+      const instanceId = row.instanceId;
+      this.form.id = row.id;
+      this.form.auditStatus = "0";
+      this.form.applyUserId = "";
+      this.form.applyUserName = "";
+      this.form.applyTime = "";
+      this.form.instanceId = "";
+      this.form.processKey = "";
+      let that = this;
+      this.$dialog.confirm({
+        message: '您确认撤回待审数据？',
+      })
+        .then(function () {
+          return updateTYinnongTransferFoStatus(that.form).then(response => {
+            setTimeout(function(){
+              history.go(0)
+            },2000)
+            that.$toast.success('撤回成功');
+          });
+        })
+    },
   },
 }
 </script>
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalList11.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalList11.vue
index b90fad2f..fbc118c2 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalList11.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalList11.vue
@@ -41,6 +41,9 @@
               <van-col>
                 <van-button v-if="item.auditStatus=='草稿'||item.auditStatus=='驳回'" square text="删除" type="danger" @click="deleteList(item.id,index)" class="delete-button" />
               </van-col>
+              <van-col>
+                <van-button v-if="item.auditStatus=='待审'" square text="撤回" type="danger" @click="cancelApply(item)" class="delete-button" />
+              </van-col>
             </van-row>
           </template>
         </van-swipe-cell>
@@ -63,7 +66,8 @@ export default {
         pageNum:1,
         pageSize:10,
         cashType: '11',
-      }
+      },
+      form:{}
     };
   },
   created() {
@@ -137,7 +141,30 @@ export default {
       .catch(() => {
         // on cancel
       });
-    }
+    },
+    cancelApply(row) {
+      console.log(row)
+      const instanceId = row.instanceId;
+      this.form.id = row.id;
+      this.form.auditStatus = "0";
+      this.form.applyUserId = "";
+      this.form.applyUserName = "";
+      this.form.applyTime = "";
+      this.form.instanceId = "";
+      this.form.processKey = "";
+      let that = this;
+      this.$dialog.confirm({
+        message: '您确认撤回待审数据？',
+      })
+        .then(function () {
+          return updateTYinnongTransferFoStatus(that.form).then(response => {
+            setTimeout(function(){
+              history.go(0)
+            },2000)
+            that.$toast.success('撤回成功');
+          });
+        })
+    },
   },
 }
 </script>
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalList12.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalList12.vue
index b40908fe..959108e0 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalList12.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalList12.vue
@@ -41,6 +41,9 @@
               <van-col>
                 <van-button v-if="item.auditStatus=='草稿'||item.auditStatus=='驳回'" square text="删除" type="danger" @click="deleteList(item.id,index)" class="delete-button" />
               </van-col>
+              <van-col>
+                <van-button v-if="item.auditStatus=='待审'" square text="撤回" type="danger" @click="cancelApply(item)" class="delete-button" />
+              </van-col>
             </van-row>
           </template>
         </van-swipe-cell>
@@ -63,7 +66,8 @@ export default {
         pageNum:1,
         pageSize:100,
         cashType: '12',
-      }
+      },
+      form:{}
     };
   },
   created() {
@@ -136,7 +140,30 @@ export default {
       .catch(() => {
         // on cancel
       });
-    }
+    },
+    cancelApply(row) {
+      console.log(row)
+      const instanceId = row.instanceId;
+      this.form.id = row.id;
+      this.form.auditStatus = "0";
+      this.form.applyUserId = "";
+      this.form.applyUserName = "";
+      this.form.applyTime = "";
+      this.form.instanceId = "";
+      this.form.processKey = "";
+      let that = this;
+      this.$dialog.confirm({
+        message: '您确认撤回待审数据？',
+      })
+        .then(function () {
+          return updateTYinnongTransferFoStatus(that.form).then(response => {
+            setTimeout(function(){
+              history.go(0)
+            },2000)
+            that.$toast.success('撤回成功');
+          });
+        })
+    },
   },
 }
 </script>
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalList2.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalList2.vue
index 40bab025..529304a5 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalList2.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalList2.vue
@@ -4,7 +4,7 @@
         left-arrow
         fixed
         placeholder
-        @click-left="$router.back(-1)"
+        @click-left="goBack"
         @click-right="goAdd()"
       >
         <template #title>
@@ -41,6 +41,9 @@
               <van-col>
                 <van-button v-if="item.auditStatus=='草稿'||item.auditStatus=='驳回'" square text="删除" type="danger" @click="deleteList(item.id,index)" class="delete-button" />
               </van-col>
+              <van-col>
+                <van-button v-if="item.auditStatus=='待审'" square text="撤回" type="danger" @click="cancelApply(item)" class="delete-button" />
+              </van-col>
             </van-row>
           </template>
         </van-swipe-cell>
@@ -49,7 +52,7 @@
 </template>
 
 <script>
-import { listTransfer , customSubmit , delTransfer } from "@/api/onlineHome/bankAgriculture/paymentApproval";
+import { listTransfer , customSubmit , delTransfer , updateTYinnongTransferFoStatus } from "@/api/onlineHome/bankAgriculture/paymentApproval";
 export default {
   name: "approvalList2",
   data() {
@@ -62,7 +65,8 @@ export default {
         pageNum:1,
         pageSize:10,
         transferType:"2",
-      }
+      },
+      form:{}
     };
   },
   created() {
@@ -136,7 +140,33 @@ export default {
       .catch(() => {
         // on cancel
       });
-    }
+    },
+    goBack(){
+      this.$router.push({path:'/yinnong/workbench'})
+    },
+    cancelApply(row) {
+      console.log(row)
+      const instanceId = row.instanceId;
+      this.form.id = row.id;
+      this.form.auditStatus = "0";
+      this.form.applyUserId = "";
+      this.form.applyUserName = "";
+      this.form.applyTime = "";
+      this.form.instanceId = "";
+      this.form.processKey = "";
+      let that = this;
+      this.$dialog.confirm({
+        message: '您确认撤回待审数据？',
+      })
+        .then(function () {
+          return updateTYinnongTransferFoStatus(that.form).then(response => {
+            setTimeout(function(){
+              history.go(0)
+            },2000)
+            that.$toast.success('撤回成功');
+          });
+        })
+    },
   },
 }
 </script>
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify.vue
index 9ffcdd55..ad5f16bd 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify.vue
@@ -4,7 +4,7 @@
       left-arrow
       fixed
       placeholder
-      @click-left="$router.back(-1)"
+      @click-left="goBack"
     >
       <template #title>
         <p style="font-weight: bold;">修改银行卡转账申请</p>
@@ -70,8 +70,8 @@
                    :rules="[{ required: true , message:'请选择审批模式' }]">
           <template #input>
             <van-radio-group v-model="form.approvalMode" direction="horizontal">
-              <van-radio name="1">线上支付</van-radio>
-              <van-radio name="2">线下支付</van-radio>
+              <van-radio name="1">线上审批</van-radio>
+              <van-radio name="2">线下审批</van-radio>
             </van-radio-group>
           </template>
         </van-field>
@@ -216,7 +216,11 @@
       </div>
 
       <p class="main_title">收款方信息<van-button icon="plus" @click="addChargeItme(chargeItme.length)" size="mini" type="info" native-type="button" class="addFamily"/></p>
-
+<!--      <div class="main_title main_title_box">-->
+<!--        <p>收款方信息</p>-->
+<!--        <router-link :to="{name:'collectionApprovalAdd', params: {accountType:form.accountType,isPeers:form.isPeers,bankType:form.bankType,option:form}}">添加收款方</router-link>-->
+<!--        <van-button icon="plus" @click="addChargeItme(chargeItme.length)" size="mini" type="info" native-type="button" class="addFamily"/>-->
+<!--      </div>-->
       <div class="main_box" style="margin-bottom: 15px;">
         <van-cell title="收款账户类型" v-if="form.bankType==1">
           <template #right-icon>
@@ -1854,13 +1858,26 @@
         })
       },
       goBack(){
-        window.history.go(-1)
+        this.$router.push({path:'/yinnong/approvalList'})
       },
       //删除家庭成员
       deleteChargeItme(index){
         this.chargeItme.splice(index,1)
       },
     },
+    watch: {
+      $route (to, from ) {
+        // 监听路由变化, 实现类似 小程序的 onShow 事件
+        if (to.path === '/yinnong/approvalModify') {
+          // do anything you want
+          console.log("aaa")
+          if (this.$route.params.payeeForm){
+            this.chargeItme.push(this.$route.params.payeeForm)
+            console.log(this.$route.params.payeeForm)
+          }
+        }
+      }
+    },
   }
 </script>
 
@@ -1868,11 +1885,22 @@
   .app-container {
     padding: 2% 0;
   }
+  .main_title_box{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
   .main_title{
     font-size: 0.4rem;
     color: #1D6FE9;
     margin: 0.2rem 6%;
     position: relative;
+    /*a{*/
+    /*  background: #1989fa;*/
+    /*  color: #ffffff;*/
+    /*  padding: 0.05rem 0.3rem;*/
+    /*  border-radius: 5PX;*/
+    /*}*/
   }
   .main_box{
     width: 96%;
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify10.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify10.vue
index 515e1313..9f640610 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify10.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify10.vue
@@ -70,8 +70,8 @@
                    :rules="[{ required: true , message:'请选择审批模式' }]">
           <template #input>
             <van-radio-group v-model="form.approvalMode" direction="horizontal">
-              <van-radio name="1">线上支付</van-radio>
-              <van-radio name="2">线下支付</van-radio>
+              <van-radio name="1">线上审批</van-radio>
+              <van-radio name="2">线下审批</van-radio>
             </van-radio-group>
           </template>
         </van-field>
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify11.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify11.vue
index 65ea97a9..a0e772e3 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify11.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify11.vue
@@ -70,8 +70,8 @@
                    :rules="[{ required: true , message:'请选择审批模式' }]">
           <template #input>
             <van-radio-group v-model="form.approvalMode" direction="horizontal">
-              <van-radio name="1">线上支付</van-radio>
-              <van-radio name="2">线下支付</van-radio>
+              <van-radio name="1">线上审批</van-radio>
+              <van-radio name="2">线下审批</van-radio>
             </van-radio-group>
           </template>
         </van-field>
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify12.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify12.vue
index 6c744ea4..0da92dbd 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify12.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify12.vue
@@ -70,8 +70,8 @@
                    :rules="[{ required: true , message:'请选择审批模式' }]">
           <template #input>
             <van-radio-group v-model="form.approvalMode" direction="horizontal">
-              <van-radio name="1">线上支付</van-radio>
-              <van-radio name="2">线下支付</van-radio>
+              <van-radio name="1">线上审批</van-radio>
+              <van-radio name="2">线下审批</van-radio>
             </van-radio-group>
           </template>
         </van-field>
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify2.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify2.vue
index e12960d7..e50efe9b 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify2.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify2.vue
@@ -70,8 +70,8 @@
                    :rules="[{ required: true , message:'请选择审批模式' }]">
           <template #input>
             <van-radio-group v-model="form.approvalMode" direction="horizontal">
-              <van-radio name="1">线上支付</van-radio>
-              <van-radio name="2">线下支付</van-radio>
+              <van-radio name="1">线上审批</van-radio>
+              <van-radio name="2">线下审批</van-radio>
             </van-radio-group>
           </template>
         </van-field>
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify4.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify4.vue
index dd371f72..6df9d462 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify4.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify4.vue
@@ -70,8 +70,8 @@
                    :rules="[{ required: true , message:'请选择审批模式' }]">
           <template #input>
             <van-radio-group v-model="form.approvalMode" direction="horizontal">
-              <van-radio name="1">线上支付</van-radio>
-              <van-radio name="2">线下支付</van-radio>
+              <van-radio name="1">线上审批</van-radio>
+              <van-radio name="2">线下审批</van-radio>
             </van-radio-group>
           </template>
         </van-field>
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/collectionAdd.vue b/src/views/yinnong/bankAgriculture/paymentApproval/collectionAdd.vue
new file mode 100644
index 00000000..27fed99f
--- /dev/null
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/collectionAdd.vue
@@ -0,0 +1,274 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      left-arrow
+      fixed
+      placeholder
+      @click-left="goBack"
+    >
+      <template #title>
+        <p style="font-weight: bold;">添加收款账户信息</p>
+      </template>
+    </van-nav-bar>
+
+    <van-form @submit="goAdd" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
+      <p class="main_title">基础信息</p>
+      <div class="main_box">
+        <van-field label="收款方" required :rules="[{ required: true , message:'请输入收款方' }]" v-model="form.payee" placeholder="请输入收款方" input-align="right" label-width="auto"/>
+        <van-field label="收款账户" required :rules="[{ required: true , message:'请输入收款账户' }]" v-model="form.payeeAccount" placeholder="请输入收款账户" input-align="right" label-width="auto"/>
+        <van-field
+          readonly
+          clickable
+          label="所属银行"
+          placeholder="请选择"
+          v-model="bankType"
+          @click="isPeersRead ? showBankType = true : ''"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto"
+          required
+          :rules="[{ required: true , message:'请选择所属银行' }]"
+        />
+        <van-popup v-model="showBankType" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="bankTypeOptions"
+            @confirm="onConfirmBankType"
+            @cancel="showBankType = false"
+          />
+        </van-popup>
+        <van-field
+          readonly
+          clickable
+          label="开户银行"
+          placeholder="请选择"
+          @click="showBankDeposit = true"
+          v-model="bankDeposit"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto"
+          required
+          :rules="[{ required: true , message:'请选择开户银行' }]"
+        />
+        <van-popup v-model="showBankDeposit" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="bankDepositOptions"
+            @confirm="onConfirmBankDeposit"
+            @cancel="showBankDeposit = false"
+          />
+        </van-popup>
+       <van-field label="联行号" readonly required :rules="[{ required: true , message:'请输入联行号' }]" v-model="form.payeePaymentLines"  input-align="right" label-width="auto"/>
+      </div>
+
+      <div class="main_box" style="margin-top: 10px;">
+        <van-field label="备注" v-model="form.remark" type="textarea" placeholder="请输入备注" input-align="right" rows="3" label-width="auto"/>
+      </div>
+
+      <div class="main_box" style="margin-top: 10px;">
+        <van-cell title="账户类型" required>
+          <template #right-icon>
+            <van-radio-group direction="horizontal" required :rules="[{ required: true , message:'请选择账户类型' }]" v-model="form.accountType">
+              <van-radio name="1">公户</van-radio>
+              <van-radio name="2">私户</van-radio>
+            </van-radio-group>
+          </template>
+        </van-cell>
+        <van-field
+          readonly
+          clickable
+          label="收款人类型"
+          placeholder="请选择"
+          v-model="payeeType"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto"
+          required
+          :rules="[{ required: true , message:'请选择收款人类型' }]"
+        />
+<!--        @click="showPayeeType = true"-->
+        <van-popup v-model="showPayeeType" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="payeeTypeOptions"
+            @confirm="onConfirmPayeeType"
+            @cancel="showPayeeType = false"
+          />
+        </van-popup>
+        <van-cell title="数据状态" required>
+          <template #right-icon>
+            <van-radio-group direction="horizontal" required :rules="[{ required: true , message:'请选择数据状态' }]" v-model="form.status">
+              <van-radio name="0">正常</van-radio>
+<!--              <van-radio name="1">停用</van-radio>-->
+            </van-radio-group>
+          </template>
+        </van-cell>
+      </div>
+      <div style="padding: 16px 0;">
+        <van-row>
+          <van-col span="24" align="center">
+            <van-button type="info" native-type="submit" class="submitButton">保<i style="margin-right: 1em;"></i>存</van-button>
+          </van-col>
+        </van-row>
+        <div class="clear"></div>
+      </div>
+    </van-form>
+  </div>
+</template>
+
+<script>
+  import { addPayee,listDeposit } from "@/api/onlineHome/bankAgriculture/collectionAccount";
+  export default {
+    name: "collectionAdd",
+    data() {
+      return {
+        isPeersRead:true,
+        showBankType:false,
+        showBankDeposit:false,
+        showPayeeType:false,
+        form:{
+          accountType:'1',
+          status:'0',
+          payeeType:'1'
+        },
+        bankType:'',
+        payeeType:'收款方',
+        bankDeposit:'',
+        bankTypeOptions:[],
+        statusOptions:[],
+        accountTypeOptions:[],
+        payeeTypeOptions:[],
+        bankDepositOptions:[],
+      };
+    },
+    created() {
+      this.getDictionaries();
+      const accountType = this.$route.params.accountType;
+      const isPeers = this.$route.params.isPeers;
+      const bankType = this.$route.params.bankType;
+      console.log(this.$route.params.option)
+      if (accountType){this.form.accountType = accountType;}
+      if (isPeers){
+        this.form.isPeers = isPeers;
+        if (isPeers == 'Y'){
+          this.isPeersRead = false;
+          this.getDicts("bank_type").then((res) => {
+            let bankText = this.selectDictLabel(res.data,bankType);
+            let data = {
+              text : bankText,
+              value : bankType
+            }
+            this.onConfirmBankType(data);
+          });
+        }
+      }
+    },
+    methods: {
+      getDictionaries(){
+        this.houseGetDicts("bank_type").then((res) => {
+          for(var i = 0 ; i < res.data.length ; i++){
+            this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue});
+          }
+        });
+        this.houseGetDicts("sys_normal_disable").then((res) => {
+          console.log(res)
+          for(var i = 0 ; i < res.data.length ; i++){
+            this.statusOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue});
+          }
+        });
+        this.houseGetDicts("bank_account_type").then((res) => {
+          console.log(res)
+          for(var i = 0 ; i < res.data.length ; i++){
+            this.accountTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue});
+          }
+        });
+        this.houseGetDicts("payee_type").then((res) => {
+          for(var i = 0 ; i < res.data.length ; i++){
+            this.payeeTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue});
+          }
+        });
+      },
+      getError(e){
+        this.$notify({ type: 'danger', message: e.errors[0].message });
+      },
+      onConfirmBankType(data){
+        console.log(data)
+        this.bankType = data.text;
+        this.form.bankType = data.value;
+        this.bankDeposit = ""
+        this.form.payeePaymentLines = ""
+        this.showBankType = false;
+        let queryParams={
+          "bankType":this.form.bankType,
+          "status": "0",
+        }
+        listDeposit(queryParams).then(response => {
+          this.bankDepositOptions = []
+          for(var i = 0 ; i < response.rows.length ; i++){
+            this.bankDepositOptions.push({"text":response.rows[i].bankDeposit,"value":response.rows[i].id,
+              "payeePaymentLines":response.rows[i].payeePaymentLines,"institutionNumber":response.rows[i].institutionNumber});
+          }
+        });
+      },
+      onConfirmBankDeposit(data){
+        this.bankDeposit = data.text
+        this.form.bankDeposit = data.text
+        this.form.payeePaymentLines = data.payeePaymentLines
+        this.form.alternateField10 = data.institutionNumber
+        this.showBankDeposit = false;
+      },
+      onConfirmPayeeType(data){
+        this.payeeType = data.text;
+        this.form.payeeType = data.value;
+        this.showPayeeType = false;
+      },
+      goAdd(){
+        var that = this;
+        addPayee(this.form).then(response => {
+          this.$toast.success('新增成功');
+          setTimeout(function(){
+            that.form.bankTypeText = that.bankType;
+            that.$router.push({name: 'approvalAdd', params: { payeeForm: that.form }});
+            // history.go(-1)
+          },2000)
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0;
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    margin-top: 0;
+    position: relative;
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 6px;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+  }
+  .submitButton{
+    width: 80%;
+    margin: 0 auto;
+    background-color: #1D6FE9;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+</style>
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/collectionAdd2.vue b/src/views/yinnong/bankAgriculture/paymentApproval/collectionAdd2.vue
new file mode 100644
index 00000000..078bf246
--- /dev/null
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/collectionAdd2.vue
@@ -0,0 +1,274 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      left-arrow
+      fixed
+      placeholder
+      @click-left="goBack"
+    >
+      <template #title>
+        <p style="font-weight: bold;">添加收款账户信息</p>
+      </template>
+    </van-nav-bar>
+
+    <van-form @submit="goAdd" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
+      <p class="main_title">基础信息</p>
+      <div class="main_box">
+        <van-field label="收款方" required :rules="[{ required: true , message:'请输入收款方' }]" v-model="form.payee" placeholder="请输入收款方" input-align="right" label-width="auto"/>
+        <van-field label="收款账户" required :rules="[{ required: true , message:'请输入收款账户' }]" v-model="form.payeeAccount" placeholder="请输入收款账户" input-align="right" label-width="auto"/>
+        <van-field
+          readonly
+          clickable
+          label="所属银行"
+          placeholder="请选择"
+          v-model="bankType"
+          @click="isPeersRead ? showBankType = true : ''"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto"
+          required
+          :rules="[{ required: true , message:'请选择所属银行' }]"
+        />
+        <van-popup v-model="showBankType" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="bankTypeOptions"
+            @confirm="onConfirmBankType"
+            @cancel="showBankType = false"
+          />
+        </van-popup>
+        <van-field
+          readonly
+          clickable
+          label="开户银行"
+          placeholder="请选择"
+          @click="showBankDeposit = true"
+          v-model="bankDeposit"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto"
+          required
+          :rules="[{ required: true , message:'请选择开户银行' }]"
+        />
+        <van-popup v-model="showBankDeposit" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="bankDepositOptions"
+            @confirm="onConfirmBankDeposit"
+            @cancel="showBankDeposit = false"
+          />
+        </van-popup>
+       <van-field label="联行号" readonly required :rules="[{ required: true , message:'请输入联行号' }]" v-model="form.payeePaymentLines"  input-align="right" label-width="auto"/>
+      </div>
+
+      <div class="main_box" style="margin-top: 10px;">
+        <van-field label="备注" v-model="form.remark" type="textarea" placeholder="请输入备注" input-align="right" rows="3" label-width="auto"/>
+      </div>
+
+      <div class="main_box" style="margin-top: 10px;">
+        <van-cell title="账户类型" required>
+          <template #right-icon>
+            <van-radio-group direction="horizontal" required :rules="[{ required: true , message:'请选择账户类型' }]" v-model="form.accountType">
+              <van-radio name="1">公户</van-radio>
+              <van-radio name="2">私户</van-radio>
+            </van-radio-group>
+          </template>
+        </van-cell>
+        <van-field
+          readonly
+          clickable
+          label="收款人类型"
+          placeholder="请选择"
+          v-model="payeeType"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto"
+          required
+          :rules="[{ required: true , message:'请选择收款人类型' }]"
+        />
+<!--        @click="showPayeeType = true"-->
+        <van-popup v-model="showPayeeType" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="payeeTypeOptions"
+            @confirm="onConfirmPayeeType"
+            @cancel="showPayeeType = false"
+          />
+        </van-popup>
+        <van-cell title="数据状态" required>
+          <template #right-icon>
+            <van-radio-group direction="horizontal" required :rules="[{ required: true , message:'请选择数据状态' }]" v-model="form.status">
+              <van-radio name="0">正常</van-radio>
+<!--              <van-radio name="1">停用</van-radio>-->
+            </van-radio-group>
+          </template>
+        </van-cell>
+      </div>
+      <div style="padding: 16px 0;">
+        <van-row>
+          <van-col span="24" align="center">
+            <van-button type="info" native-type="submit" class="submitButton">保<i style="margin-right: 1em;"></i>存</van-button>
+          </van-col>
+        </van-row>
+        <div class="clear"></div>
+      </div>
+    </van-form>
+  </div>
+</template>
+
+<script>
+  import { addPayee,listDeposit } from "@/api/onlineHome/bankAgriculture/collectionAccount";
+  export default {
+    name: "collectionAdd",
+    data() {
+      return {
+        isPeersRead:true,
+        showBankType:false,
+        showBankDeposit:false,
+        showPayeeType:false,
+        form:{
+          accountType:'1',
+          status:'0',
+          payeeType:'4'
+        },
+        bankType:'',
+        payeeType:'公务卡',
+        bankDeposit:'',
+        bankTypeOptions:[],
+        statusOptions:[],
+        accountTypeOptions:[],
+        payeeTypeOptions:[],
+        bankDepositOptions:[],
+      };
+    },
+    created() {
+      this.getDictionaries();
+      const accountType = this.$route.params.accountType;
+      const isPeers = this.$route.params.isPeers;
+      const bankType = this.$route.params.bankType;
+      console.log(this.$route.params.option)
+      if (accountType){this.form.accountType = accountType;}
+      if (isPeers){
+        this.form.isPeers = isPeers;
+        if (isPeers == 'Y'){
+          this.isPeersRead = false;
+          this.getDicts("bank_type").then((res) => {
+            let bankText = this.selectDictLabel(res.data,bankType);
+            let data = {
+              text : bankText,
+              value : bankType
+            }
+            this.onConfirmBankType(data);
+          });
+        }
+      }
+    },
+    methods: {
+      getDictionaries(){
+        this.houseGetDicts("bank_type").then((res) => {
+          for(var i = 0 ; i < res.data.length ; i++){
+            this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue});
+          }
+        });
+        this.houseGetDicts("sys_normal_disable").then((res) => {
+          console.log(res)
+          for(var i = 0 ; i < res.data.length ; i++){
+            this.statusOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue});
+          }
+        });
+        this.houseGetDicts("bank_account_type").then((res) => {
+          console.log(res)
+          for(var i = 0 ; i < res.data.length ; i++){
+            this.accountTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue});
+          }
+        });
+        this.houseGetDicts("payee_type").then((res) => {
+          for(var i = 0 ; i < res.data.length ; i++){
+            this.payeeTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue});
+          }
+        });
+      },
+      getError(e){
+        this.$notify({ type: 'danger', message: e.errors[0].message });
+      },
+      onConfirmBankType(data){
+        console.log(data)
+        this.bankType = data.text;
+        this.form.bankType = data.value;
+        this.bankDeposit = ""
+        this.form.payeePaymentLines = ""
+        this.showBankType = false;
+        let queryParams={
+          "bankType":this.form.bankType,
+          "status": "0",
+        }
+        listDeposit(queryParams).then(response => {
+          this.bankDepositOptions = []
+          for(var i = 0 ; i < response.rows.length ; i++){
+            this.bankDepositOptions.push({"text":response.rows[i].bankDeposit,"value":response.rows[i].id,
+              "payeePaymentLines":response.rows[i].payeePaymentLines,"institutionNumber":response.rows[i].institutionNumber});
+          }
+        });
+      },
+      onConfirmBankDeposit(data){
+        this.bankDeposit = data.text
+        this.form.bankDeposit = data.text
+        this.form.payeePaymentLines = data.payeePaymentLines
+        this.form.alternateField10 = data.institutionNumber
+        this.showBankDeposit = false;
+      },
+      onConfirmPayeeType(data){
+        this.payeeType = data.text;
+        this.form.payeeType = data.value;
+        this.showPayeeType = false;
+      },
+      goAdd(){
+        var that = this;
+        addPayee(this.form).then(response => {
+          this.$toast.success('新增成功');
+          setTimeout(function(){
+            that.form.bankTypeText = that.bankType;
+            that.$router.push({name: 'approvalAdd2', params: { payeeForm: that.form }});
+            // history.go(-1)
+          },2000)
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0;
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    margin-top: 0;
+    position: relative;
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 6px;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+  }
+  .submitButton{
+    width: 80%;
+    margin: 0 auto;
+    background-color: #1D6FE9;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+</style>
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/collectionApprovalAdd.vue b/src/views/yinnong/bankAgriculture/paymentApproval/collectionApprovalAdd.vue
new file mode 100644
index 00000000..61acd464
--- /dev/null
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/collectionApprovalAdd.vue
@@ -0,0 +1,276 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      left-arrow
+      fixed
+      placeholder
+      @click-left="goBack"
+    >
+      <template #title>
+        <p style="font-weight: bold;">添加收款账户信息</p>
+      </template>
+    </van-nav-bar>
+
+    <van-form @submit="goAdd" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
+      <p class="main_title">基础信息</p>
+      <div class="main_box">
+        <van-field label="收款方" required :rules="[{ required: true , message:'请输入收款方' }]" v-model="form.payee" placeholder="请输入收款方" input-align="right" label-width="auto"/>
+        <van-field label="收款账户" required :rules="[{ required: true , message:'请输入收款账户' }]" v-model="form.payeeAccount" placeholder="请输入收款账户" input-align="right" label-width="auto"/>
+        <van-field
+          readonly
+          clickable
+          label="所属银行"
+          placeholder="请选择"
+          v-model="bankType"
+          @click="isPeersRead ? showBankType = true : ''"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto"
+          required
+          :rules="[{ required: true , message:'请选择所属银行' }]"
+        />
+        <van-popup v-model="showBankType" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="bankTypeOptions"
+            @confirm="onConfirmBankType"
+            @cancel="showBankType = false"
+          />
+        </van-popup>
+        <van-field
+          readonly
+          clickable
+          label="开户银行"
+          placeholder="请选择"
+          @click="showBankDeposit = true"
+          v-model="bankDeposit"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto"
+          required
+          :rules="[{ required: true , message:'请选择开户银行' }]"
+        />
+        <van-popup v-model="showBankDeposit" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="bankDepositOptions"
+            @confirm="onConfirmBankDeposit"
+            @cancel="showBankDeposit = false"
+          />
+        </van-popup>
+       <van-field label="联行号" readonly required :rules="[{ required: true , message:'请输入联行号' }]" v-model="form.payeePaymentLines"  input-align="right" label-width="auto"/>
+      </div>
+
+      <div class="main_box" style="margin-top: 10px;">
+        <van-field label="备注" v-model="form.remark" type="textarea" placeholder="请输入备注" input-align="right" rows="3" label-width="auto"/>
+      </div>
+
+      <div class="main_box" style="margin-top: 10px;">
+        <van-cell title="账户类型" required>
+          <template #right-icon>
+            <van-radio-group direction="horizontal" required :rules="[{ required: true , message:'请选择账户类型' }]" v-model="form.accountType">
+              <van-radio name="1">公户</van-radio>
+              <van-radio name="2">私户</van-radio>
+            </van-radio-group>
+          </template>
+        </van-cell>
+        <van-field
+          readonly
+          clickable
+          label="收款人类型"
+          placeholder="请选择"
+          v-model="payeeType"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto"
+          required
+          :rules="[{ required: true , message:'请选择收款人类型' }]"
+        />
+<!--        @click="showPayeeType = true"-->
+        <van-popup v-model="showPayeeType" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="payeeTypeOptions"
+            @confirm="onConfirmPayeeType"
+            @cancel="showPayeeType = false"
+          />
+        </van-popup>
+        <van-cell title="数据状态" required>
+          <template #right-icon>
+            <van-radio-group direction="horizontal" required :rules="[{ required: true , message:'请选择数据状态' }]" v-model="form.status">
+              <van-radio name="0">正常</van-radio>
+<!--              <van-radio name="1">停用</van-radio>-->
+            </van-radio-group>
+          </template>
+        </van-cell>
+      </div>
+      <div style="padding: 16px 0;">
+        <van-row>
+          <van-col span="24" align="center">
+            <van-button type="info" native-type="submit" class="submitButton">保<i style="margin-right: 1em;"></i>存</van-button>
+          </van-col>
+        </van-row>
+        <div class="clear"></div>
+      </div>
+    </van-form>
+  </div>
+</template>
+
+<script>
+  import { addPayee,listDeposit } from "@/api/onlineHome/bankAgriculture/collectionAccount";
+  export default {
+    name: "collectionAdd",
+    data() {
+      return {
+        id:'',
+        isPeersRead:true,
+        showBankType:false,
+        showBankDeposit:false,
+        showPayeeType:false,
+        form:{
+          accountType:'1',
+          status:'0',
+          payeeType:'1'
+        },
+        bankType:'',
+        payeeType:'收款方',
+        bankDeposit:'',
+        bankTypeOptions:[],
+        statusOptions:[],
+        accountTypeOptions:[],
+        payeeTypeOptions:[],
+        bankDepositOptions:[],
+      };
+    },
+    created() {
+      this.getDictionaries();
+      const accountType = this.$route.params.accountType;
+      const isPeers = this.$route.params.isPeers;
+      const bankType = this.$route.params.bankType;
+      this.id = this.$route.params.id;
+      console.log(isPeers)
+      if (accountType){this.form.accountType = accountType;}
+      if (isPeers){
+        this.form.isPeers = isPeers;
+        if (isPeers == 'Y'){
+          this.isPeersRead = false;
+          this.getDicts("bank_type").then((res) => {
+            let bankText = this.selectDictLabel(res.data,bankType);
+            let data = {
+              text : bankText,
+              value : bankType
+            }
+            this.onConfirmBankType(data);
+          });
+        }
+      }
+    },
+    methods: {
+      getDictionaries(){
+        this.houseGetDicts("bank_type").then((res) => {
+          for(var i = 0 ; i < res.data.length ; i++){
+            this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue});
+          }
+        });
+        this.houseGetDicts("sys_normal_disable").then((res) => {
+          console.log(res)
+          for(var i = 0 ; i < res.data.length ; i++){
+            this.statusOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue});
+          }
+        });
+        this.houseGetDicts("bank_account_type").then((res) => {
+          console.log(res)
+          for(var i = 0 ; i < res.data.length ; i++){
+            this.accountTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue});
+          }
+        });
+        this.houseGetDicts("payee_type").then((res) => {
+          for(var i = 0 ; i < res.data.length ; i++){
+            this.payeeTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue});
+          }
+        });
+      },
+      getError(e){
+        this.$notify({ type: 'danger', message: e.errors[0].message });
+      },
+      onConfirmBankType(data){
+        console.log(data)
+        this.bankType = data.text;
+        this.form.bankType = data.value;
+        this.bankDeposit = ""
+        this.form.payeePaymentLines = ""
+        this.showBankType = false;
+        let queryParams={
+          "bankType":this.form.bankType,
+          "status": "0",
+        }
+        listDeposit(queryParams).then(response => {
+          this.bankDepositOptions = []
+          for(var i = 0 ; i < response.rows.length ; i++){
+            this.bankDepositOptions.push({"text":response.rows[i].bankDeposit,"value":response.rows[i].id,
+              "payeePaymentLines":response.rows[i].payeePaymentLines,"institutionNumber":response.rows[i].institutionNumber});
+          }
+        });
+      },
+      onConfirmBankDeposit(data){
+        this.bankDeposit = data.text
+        this.form.bankDeposit = data.text
+        this.form.payeePaymentLines = data.payeePaymentLines
+        this.form.alternateField10 = data.institutionNumber
+        this.showBankDeposit = false;
+      },
+      onConfirmPayeeType(data){
+        this.payeeType = data.text;
+        this.form.payeeType = data.value;
+        this.showPayeeType = false;
+      },
+      goAdd(){
+        var that = this;
+        addPayee(this.form).then(response => {
+          this.$toast.success('新增成功');
+          setTimeout(function(){
+            that.form.bankTypeText = that.bankType;
+            that.$router.push({name: 'approvalModify', params: { payeeForm: that.form , id : that.id}});
+            // history.go(-1)
+          },2000)
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0;
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    margin-top: 0;
+    position: relative;
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 6px;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+  }
+  .submitButton{
+    width: 80%;
+    margin: 0 auto;
+    background-color: #1D6FE9;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+</style>
diff --git a/src/views/yinnong/done.vue b/src/views/yinnong/done.vue
index 72744104..2ecf1ef4 100644
--- a/src/views/yinnong/done.vue
+++ b/src/views/yinnong/done.vue
@@ -143,6 +143,7 @@
             case 'accepting':
               this.$router.push({name:'approvalForm',query: {id:item.formData.id,taskId:item.taskId,instanceId:item.formData.instanceId,type:item.type}})
               break;
+            case 'toReviewTransferProcess':
             case 'yinnong_transfer':
               if(item.formData.transferType == '10'){
                 this.$router.push({name:'approvalApproval10',query: {id:item.formData.id,taskId:item.taskId,type:item.type}})
diff --git a/src/views/yinnong/my.vue b/src/views/yinnong/my.vue
index 315e03ba..0742c6c9 100644
--- a/src/views/yinnong/my.vue
+++ b/src/views/yinnong/my.vue
@@ -19,23 +19,23 @@
         </van-cell>
       </van-row>
       <van-cell-group style="width: 96%;margin:-50px 2% 2% 2%;border-radius: 6px;overflow: hidden;padding-top: 20px;padding-bottom: 20px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
-        <van-cell title="画像（个人/农户）" is-link :to="{path:'personalPicture',params:{id:'1'}}">
+        <van-cell title="我的业务" is-link :to="{path:'done',query:{fr:'my'}}">
           <template #icon>
             <van-image
               fit="contain"
               height="22"
               style="margin-right: 15px"
-              src="../../../static/images/onlineHome/myIcon1.png"
+              src="../../../static/images/onlineHome/myIcon2.png"
             />
           </template>
         </van-cell>
-        <van-cell title="我的业务" is-link :to="{path:'done',query:{fr:'my'}}">
+        <!-- <van-cell title="画像（个人/农户）" is-link :to="{path:'personalPicture',params:{id:'1'}}">
           <template #icon>
             <van-image
               fit="contain"
               height="22"
               style="margin-right: 15px"
-              src="../../../static/images/onlineHome/myIcon2.png"
+              src="../../../static/images/onlineHome/myIcon1.png"
             />
           </template>
         </van-cell>
@@ -58,7 +58,7 @@
               src="../../../static/images/onlineHome/myIcon4.png"
             />
           </template>
-        </van-cell>
+        </van-cell> -->
         <van-cell title="投诉" is-link to="advice">
           <template #icon>
             <van-image
diff --git a/src/views/yinnong/workbench.vue b/src/views/yinnong/workbench.vue
index 76d825fe..13d472bc 100644
--- a/src/views/yinnong/workbench.vue
+++ b/src/views/yinnong/workbench.vue
@@ -108,6 +108,12 @@
             </div>
             <p style="margin-top: 5px;color: #666666;">付款账户</p>
           </van-grid-item>
+          <van-grid-item text="开户行" :to="{name:'yinnongBankOfDepositList'}" >
+            <div class="icon" slot="default" style="background:#FF6464;" >
+              <img src="../../../static/images/onlineHome/icon_Y6.png" alt />
+            </div>
+            <p style="margin-top: 5px;color: #666666;">开户行</p>
+          </van-grid-item>
         </van-grid>
       </van-row>
       <yinnongIndex></yinnongIndex>
diff --git a/src/views/yinnongIndex.vue b/src/views/yinnongIndex.vue
index cd175ad5..90dd3c75 100644
--- a/src/views/yinnongIndex.vue
+++ b/src/views/yinnongIndex.vue
@@ -4,7 +4,7 @@
     <van-tabbar route :placeholder="true" >
       <van-tabbar-item replace to="/yinnong/publicity" icon="bullhorn-o">公示</van-tabbar-item>
       <van-tabbar-item replace to="/yinnong/workbench" icon="apps-o">工作台</van-tabbar-item>
-      <van-tabbar-item replace to="/yinnong/home" icon="wap-home-o">家园</van-tabbar-item>
+      <!-- <van-tabbar-item replace to="/yinnong/home" icon="wap-home-o">家园</van-tabbar-item> -->
       <van-tabbar-item replace to="/yinnong/my" icon="manager-o">我的</van-tabbar-item>
     </van-tabbar>
   </div>
diff --git a/src/views/yinnongLogin.vue b/src/views/yinnongLogin.vue
index 651f60d1..41a1ca89 100644
--- a/src/views/yinnongLogin.vue
+++ b/src/views/yinnongLogin.vue
@@ -333,7 +333,7 @@ export default {
               message: '密码不能为空',
           });
           return false;
-        } else if (this.formData.code == "") {
+        } else if (!this.formData.code) {
           this.$dialog.alert({
               message: '图片验证码不能为空',
           });
diff --git a/static/dictyType.json b/static/dictyType.json
index 701f0db2..bbf05a46 100644
--- a/static/dictyType.json
+++ b/static/dictyType.json
@@ -2594,6 +2594,22 @@
       "update_by": "",
       "update_time": ""
     },
+    {
+      "dict_code": "2669",
+      "dict_sort": "60",
+      "dictLabel": "农户",
+      "dictValue": "60",
+      "dict_type": "obligee_type",
+      "css_class": "",
+      "list_class": "default",
+      "is_default": "N",
+      "status": "0",
+      "remark": "",
+      "create_by": "admin",
+      "create_time": "18/7/2021 11:38:51",
+      "update_by": "",
+      "update_time": ""
+    },
     {
       "dict_code": "1059",
       "dict_sort": "99",
diff --git a/static/images/lawEnforcement/icon/icon_delete.png b/static/images/lawEnforcement/icon/icon_delete.png
new file mode 100644
index 00000000..9b298c9d
Binary files /dev/null and b/static/images/lawEnforcement/icon/icon_delete.png differ
diff --git a/static/images/lawEnforcement/icon/icon_dsr.png b/static/images/lawEnforcement/icon/icon_dsr.png
new file mode 100644
index 00000000..07e2be23
Binary files /dev/null and b/static/images/lawEnforcement/icon/icon_dsr.png differ
diff --git a/static/images/lawEnforcement/icon/icon_kc.png b/static/images/lawEnforcement/icon/icon_kc.png
new file mode 100644
index 00000000..45f3689a
Binary files /dev/null and b/static/images/lawEnforcement/icon/icon_kc.png differ
diff --git a/static/images/lawEnforcement/icon/record_icon_01.png b/static/images/lawEnforcement/icon/record_icon_01.png
new file mode 100644
index 00000000..c4835812
Binary files /dev/null and b/static/images/lawEnforcement/icon/record_icon_01.png differ
diff --git a/static/images/lawEnforcement/icon/record_icon_02.png b/static/images/lawEnforcement/icon/record_icon_02.png
new file mode 100644
index 00000000..1b52b966
Binary files /dev/null and b/static/images/lawEnforcement/icon/record_icon_02.png differ
diff --git a/static/images/lawEnforcement/icon/record_icon_03.png b/static/images/lawEnforcement/icon/record_icon_03.png
new file mode 100644
index 00000000..073b3863
Binary files /dev/null and b/static/images/lawEnforcement/icon/record_icon_03.png differ
diff --git a/static/images/lawEnforcement/icon/statistics_icon_01.png b/static/images/lawEnforcement/icon/statistics_icon_01.png
new file mode 100644
index 00000000..42861647
Binary files /dev/null and b/static/images/lawEnforcement/icon/statistics_icon_01.png differ
diff --git a/static/images/lawEnforcement/icon/statistics_icon_02.png b/static/images/lawEnforcement/icon/statistics_icon_02.png
new file mode 100644
index 00000000..b6228d33
Binary files /dev/null and b/static/images/lawEnforcement/icon/statistics_icon_02.png differ
diff --git a/static/images/lawEnforcement/icon/task_icon.png b/static/images/lawEnforcement/icon/task_icon.png
new file mode 100644
index 00000000..623126d7
Binary files /dev/null and b/static/images/lawEnforcement/icon/task_icon.png differ
diff --git a/static/images/lawEnforcement/icon/task_icon_01.png b/static/images/lawEnforcement/icon/task_icon_01.png
new file mode 100644
index 00000000..8fb32edd
Binary files /dev/null and b/static/images/lawEnforcement/icon/task_icon_01.png differ
diff --git a/static/images/lawEnforcement/icon/task_icon_02.png b/static/images/lawEnforcement/icon/task_icon_02.png
new file mode 100644
index 00000000..9554889d
Binary files /dev/null and b/static/images/lawEnforcement/icon/task_icon_02.png differ
diff --git a/static/images/lawEnforcement/icon/task_icon_03.png b/static/images/lawEnforcement/icon/task_icon_03.png
new file mode 100644
index 00000000..4eed3626
Binary files /dev/null and b/static/images/lawEnforcement/icon/task_icon_03.png differ
diff --git a/static/images/lawEnforcement/icon/task_icon_04.png b/static/images/lawEnforcement/icon/task_icon_04.png
new file mode 100644
index 00000000..627ecd4b
Binary files /dev/null and b/static/images/lawEnforcement/icon/task_icon_04.png differ
diff --git a/static/images/lawEnforcement/icon/task_icon_05.png b/static/images/lawEnforcement/icon/task_icon_05.png
new file mode 100644
index 00000000..46445551
Binary files /dev/null and b/static/images/lawEnforcement/icon/task_icon_05.png differ
diff --git a/static/images/lawEnforcement/new/addPeop_btn.png b/static/images/lawEnforcement/new/addPeop_btn.png
new file mode 100644
index 00000000..7e8f24ed
Binary files /dev/null and b/static/images/lawEnforcement/new/addPeop_btn.png differ
diff --git a/static/images/lawEnforcement/new/index_icon_01.png b/static/images/lawEnforcement/new/index_icon_01.png
new file mode 100644
index 00000000..599eb661
Binary files /dev/null and b/static/images/lawEnforcement/new/index_icon_01.png differ
diff --git a/static/images/lawEnforcement/new/index_icon_02.png b/static/images/lawEnforcement/new/index_icon_02.png
new file mode 100644
index 00000000..84e7ad6f
Binary files /dev/null and b/static/images/lawEnforcement/new/index_icon_02.png differ
diff --git a/static/images/lawEnforcement/new/index_icon_03.png b/static/images/lawEnforcement/new/index_icon_03.png
new file mode 100644
index 00000000..075ef5b3
Binary files /dev/null and b/static/images/lawEnforcement/new/index_icon_03.png differ
diff --git a/static/images/lawEnforcement/new/index_icon_04.png b/static/images/lawEnforcement/new/index_icon_04.png
new file mode 100644
index 00000000..6bb11d77
Binary files /dev/null and b/static/images/lawEnforcement/new/index_icon_04.png differ
diff --git a/static/images/lawEnforcement/new/index_icon_05.png b/static/images/lawEnforcement/new/index_icon_05.png
new file mode 100644
index 00000000..5ab1a21f
Binary files /dev/null and b/static/images/lawEnforcement/new/index_icon_05.png differ
diff --git a/static/images/lawEnforcement/new/index_icon_06.png b/static/images/lawEnforcement/new/index_icon_06.png
new file mode 100644
index 00000000..7cbcb9ef
Binary files /dev/null and b/static/images/lawEnforcement/new/index_icon_06.png differ
diff --git a/static/images/lawEnforcement/new/index_icon_07.png b/static/images/lawEnforcement/new/index_icon_07.png
new file mode 100644
index 00000000..1bc1e129
Binary files /dev/null and b/static/images/lawEnforcement/new/index_icon_07.png differ
diff --git a/static/images/lawEnforcement/new/index_icon_08.png b/static/images/lawEnforcement/new/index_icon_08.png
new file mode 100644
index 00000000..af8b0b45
Binary files /dev/null and b/static/images/lawEnforcement/new/index_icon_08.png differ
diff --git a/static/images/lawEnforcement/new/index_icon_09.png b/static/images/lawEnforcement/new/index_icon_09.png
new file mode 100644
index 00000000..5d8301e3
Binary files /dev/null and b/static/images/lawEnforcement/new/index_icon_09.png differ
diff --git a/static/images/lawEnforcement/new/index_icon_10.png b/static/images/lawEnforcement/new/index_icon_10.png
new file mode 100644
index 00000000..d509ffa9
Binary files /dev/null and b/static/images/lawEnforcement/new/index_icon_10.png differ
diff --git a/static/images/lawEnforcement/new/index_icon_11.png b/static/images/lawEnforcement/new/index_icon_11.png
new file mode 100644
index 00000000..3ca7c675
Binary files /dev/null and b/static/images/lawEnforcement/new/index_icon_11.png differ
diff --git a/static/images/lawEnforcement/new/index_icon_12.png b/static/images/lawEnforcement/new/index_icon_12.png
new file mode 100644
index 00000000..95958a64
Binary files /dev/null and b/static/images/lawEnforcement/new/index_icon_12.png differ
diff --git a/static/images/lawEnforcement/new/index_icon_13.png b/static/images/lawEnforcement/new/index_icon_13.png
new file mode 100644
index 00000000..3bfb7a07
Binary files /dev/null and b/static/images/lawEnforcement/new/index_icon_13.png differ
diff --git a/static/images/lawEnforcement/new/index_icon_14.png b/static/images/lawEnforcement/new/index_icon_14.png
new file mode 100644
index 00000000..ebd67c77
Binary files /dev/null and b/static/images/lawEnforcement/new/index_icon_14.png differ
diff --git a/static/images/lawEnforcement/new/index_icon_15.png b/static/images/lawEnforcement/new/index_icon_15.png
new file mode 100644
index 00000000..654f3bfc
Binary files /dev/null and b/static/images/lawEnforcement/new/index_icon_15.png differ
diff --git a/static/images/lawEnforcement/new/index_icon_16.png b/static/images/lawEnforcement/new/index_icon_16.png
new file mode 100644
index 00000000..45f0d6a5
Binary files /dev/null and b/static/images/lawEnforcement/new/index_icon_16.png differ
diff --git a/static/images/lawEnforcement/new/index_icon_17.png b/static/images/lawEnforcement/new/index_icon_17.png
new file mode 100644
index 00000000..46cbc035
Binary files /dev/null and b/static/images/lawEnforcement/new/index_icon_17.png differ
diff --git a/static/images/lawEnforcement/new/index_icon_18.png b/static/images/lawEnforcement/new/index_icon_18.png
new file mode 100644
index 00000000..b6228d33
Binary files /dev/null and b/static/images/lawEnforcement/new/index_icon_18.png differ
diff --git a/static/images/lawEnforcement/new/index_icon_19.png b/static/images/lawEnforcement/new/index_icon_19.png
new file mode 100644
index 00000000..a793b005
Binary files /dev/null and b/static/images/lawEnforcement/new/index_icon_19.png differ
diff --git a/static/images/lawEnforcement/new/list_head.png b/static/images/lawEnforcement/new/list_head.png
new file mode 100644
index 00000000..4b731d6c
Binary files /dev/null and b/static/images/lawEnforcement/new/list_head.png differ
diff --git a/static/images/lawEnforcement/new/list_icon_01.png b/static/images/lawEnforcement/new/list_icon_01.png
new file mode 100644
index 00000000..0107b23c
Binary files /dev/null and b/static/images/lawEnforcement/new/list_icon_01.png differ
diff --git a/static/images/lawEnforcement/new/list_icon_02.png b/static/images/lawEnforcement/new/list_icon_02.png
new file mode 100644
index 00000000..5d2e39e2
Binary files /dev/null and b/static/images/lawEnforcement/new/list_icon_02.png differ
diff --git a/static/images/lawEnforcement/new/list_icon_03.png b/static/images/lawEnforcement/new/list_icon_03.png
new file mode 100644
index 00000000..e6e69d91
Binary files /dev/null and b/static/images/lawEnforcement/new/list_icon_03.png differ
diff --git a/static/images/lawEnforcement/new/map.png b/static/images/lawEnforcement/new/map.png
new file mode 100644
index 00000000..9928b4fe
Binary files /dev/null and b/static/images/lawEnforcement/new/map.png differ