Task 零工 游客

src/api/sunVillage_info/fixedAssets.js

@@ -425,6 +425,15 @@ export function listOddjob(query) {
   })
 }
 
+// 查询零工登记详细
+export function getOddjobDetail(bookId, id) {
+  return request({
+    url: '/open/villageAffairs/public/oddjobDetail',
+    method: 'get',
+    params: {bookId, id},
+  })
+}
+
 // 新增零工登记
 export function addOddjob(data) {
   return request({

src/permission.js

@@ -96,6 +96,7 @@ const whiteList = [
   '/sunVillage_info/list_photo_detail',  //详情页
   '/sunVillage_info/list_finance_ranking',   //详情页
   '/sunVillage_info/list_tourists_ranking',   //详情页
+  '/sunVillage_info/list_tourists_registration_detail_visitor',   //零工详情页
   '/sunVillage_info/login_code',   //详情页
   '/sunVillage_info/index_code_rights',   //详情页
   '/sunVillage_info/list_vote',   //详情页

src/router/index.js

@@ -3606,6 +3606,15 @@ export const constantRoutes = [
       },
       component: (resolve) => require(['@/views/sunVillage_info/list_tourists_registration_detail'], resolve)
   },
+  { ////阳光村务（新）-- 零工登记详情(游客)
+    path: '/sunVillage_info/list_tourists_registration_detail_visitor',
+    name: 'sunVillageInfoListTouristsRegistrationDetailVisitor',
+    meta: {
+      title: '查看零工登记',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_tourists_registration_detail_visitor'], resolve)
+  },
   { ////阳光村务（新）-- 零工登记修改
       path: '/sunVillage_info/list_tourists_registration_edit',
       name: 'sunVillageInfoListTouristsRegistrationEdit',

src/views/sunVillage_info/list_tourists_ranking.vue

@@ -121,7 +121,7 @@
       },
       viewItem(id){
         this.$router.push({
-          path: "/sunVillage_info/list_tourists_registration_detail",
+          path: "/sunVillage_info/list_tourists_registration_detail_visitor",
           query: {
             id: id,
             intent: 'view',

src/views/sunVillage_info/list_tourists_registration_detail.vue

@@ -50,7 +50,7 @@
      </div>
  </template>
  <script>
- import {addOddjob, getOddjob, updateOddjob} from "@/api/sunVillage_info/fixedAssets";
+ import {getOddjob, } from "@/api/sunVillage_info/fixedAssets";
    import CommonUpload from "@/components/form/CommonUpload.vue";
    export default {
      name: "listTouristsRegistrationDetail",

src/views/sunVillage_info/list_tourists_registration_detail_visitor.vue

@@ -0,0 +1,190 @@
+ <template>
+     <div class="home_wrapper">
+         <div class="header_main">
+             零工登记
+             <div class="return_btn" @click="back"></div>
+         </div>
+       <van-form  ref="formData" :readonly="true">
+         <div class="list_main">
+
+           <van-field v-model="form.jobTime" label="出工日期" input-align="right" :border="false" />
+           <van-field v-model="form.workerName" label="出工姓名" input-align="right" :border="false" />
+           <van-field v-model="form.workReason" label="出工事由" input-align="right" :border="false" />
+           <van-field v-model="form.workerNote" label="记工员" input-align="right" :border="false" />
+           <van-field v-model="form.workNum" label="出工数" input-align="right" :border="false" type="number" />
+           <van-field v-model="form.perMoney" label="工日值" input-align="right" :border="false" type="number" />
+           <van-field v-model="form.totalMoney" label="金额（元）" input-align="right" :border="false" type="number" />
+
+           <van-field
+             name="openPic"
+             label="事前公开"
+             input-align="right"
+             :border="false"
+           >
+           </van-field>
+           <CommonUpload name="openPic" v-model="form.openPic" multiple :deletable="false" :show-upload="false"/>
+
+             <van-field
+                     name="openPic2"
+                     label="事中公开"
+                     input-align="right"
+                     :border="false"
+             >
+             </van-field>
+             <CommonUpload name="openPic2" v-model="form.openPic2" multiple :deletable="false" :show-upload="false"/>
+
+             <van-field
+                     name="openPic3"
+                     label="事后公开"
+                     input-align="right"
+                     :border="false"
+             >
+             </van-field>
+             <CommonUpload name="openPic3" v-model="form.openPic3" multiple :deletable="false" :show-upload="false"/>
+
+           <van-field v-model="form.remark" label="备注" input-align="left" :border="false" />
+
+         </div>
+
+       </van-form>
+     </div>
+ </template>
+ <script>
+ import {getOddjob, getOddjobDetail,} from "@/api/sunVillage_info/fixedAssets";
+   import CommonUpload from "@/components/form/CommonUpload.vue";
+ import Cookies from "js-cookie";
+   export default {
+     name: "listTouristsRegistrationDetailVisitor",
+     components: {CommonUpload},
+     data() {
+       return {
+         form: {
+             id: null,
+             bookId: null,
+             deptId: null,
+             deptName: null,
+             jobNy: null,
+             jobTime: null,
+             workerName: null,
+             workReason: null,
+             workerNote: null,
+             workNum: null,
+             perMoney: null,
+             totalMoney: null,
+             remark: null,
+             openPic: null,
+             openPic2: null,
+             openPic3: null,
+             createBy: null,
+             createTime: null,
+             updateBy: null,
+             updateTime: null
+         },
+         id:'',
+       };
+     },
+     created() {
+        this.id = this.$route.query.id;
+        this.getDetail();
+     },
+     methods: {
+       getDetail() {
+         if(!this.id)
+         {
+           this.back();
+           return;
+         }
+
+         let bookId = Cookies.get('bookId');
+         getOddjobDetail(bookId, this.id).then((resp) => {
+           this.form = resp.data;
+         });
+       },
+       back() {
+         this.$router.back();
+       },
+     },
+   }
+ </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>