页面更新

src/views/placeManage/ManageList.vue

@@ -101,7 +101,6 @@ export default {
           }
         });
     };
-
     //获取宗教部门数组
     function Getzj(list) {
       list.forEach((item) => {

src/views/placeManage/placePerson.vue

@@ -1,4 +1,7 @@
 <template>
+<div>
+    <van-nav-bar title="人员档案管理" left-arrow @click-left="onClickLeft" />
+  </div>
   <div class="serach">
     <van-search
       v-model="value"
@@ -260,11 +263,11 @@ export default {
       }
     };
     //返回
-    const goback = () => {
+    const onClickLeft = () => {
       history.back();
     };
     return {
-      goback,
+      onClickLeft,
       value,
       value1,
       option1,

src/views/placeManage/placePersoninfo.vue

@@ -1,19 +1,22 @@
 <template>
+  <div>
+    <van-nav-bar title="人员档案管理" left-arrow @click-left="onClickLeft" />
+  </div>
   <div class="banner">
-    <h2>扎实提升“三力”</h2>
-    <h2>深入推进“三化”</h2>
-    <h2>坚持“三个思维”</h2>
+      <img src="../../../public/loginbg/banner.jpg" alt="" />
   </div>
   <div class="content">
     <div class="itemInfo">
-    <h3 style="color: #40abf4">个人信息-{{data.data.name}}</h3>
+      <h3 style="color: #40abf4">个人信息-{{ data.data.name }}</h3>
       <van-row justify="space-between">
         <van-col span="14">
           <van-row class="item">
             <van-col span="24">
               <van-row justify="space-between">
                 <van-col span="8"> 姓名： </van-col>
-                <van-col span="8" style="text-align: right"> {{data.data.name}} </van-col>
+                <van-col span="8" style="text-align: right">
+                  {{ data.data.name }}
+                </van-col>
               </van-row>
             </van-col>
           </van-row>
@@ -21,7 +24,9 @@
             <van-col span="24">
               <van-row justify="space-between">
                 <van-col span="8"> 性别： </van-col>
-                <van-col span="8" style="text-align: right"> {{data.data.sex == 1?'男':'女'}} </van-col>
+                <van-col span="8" style="text-align: right">
+                  {{ data.data.sex == 1 ? "男" : "女" }}
+                </van-col>
               </van-row>
             </van-col>
           </van-row>
@@ -30,10 +35,10 @@
               <van-row justify="space-between">
                 <van-col span="12"> 证件类型： </van-col>
                 <van-col span="6" style="text-align: right">
-                   <span v-if="data.data.idType==1">身份证</span>
-                   <span v-if="data.data.idType==2">护照</span>
-                   <span v-if="data.data.idType==3">港澳通行证</span>
-                   <span v-if="data.data.idType==4">其他</span>
+                  <span v-if="data.data.idType == 1">身份证</span>
+                  <span v-if="data.data.idType == 2">护照</span>
+                  <span v-if="data.data.idType == 3">港澳通行证</span>
+                  <span v-if="data.data.idType == 4">其他</span>
                 </van-col>
               </van-row>
             </van-col>
@@ -48,7 +53,7 @@
           <van-row justify="space-between">
             <van-col span="10"> 证件号码： </van-col>
             <van-col span="14" style="text-align: right">
-              {{data.data.idcard}}
+              {{ data.data.idcard }}
             </van-col>
           </van-row>
         </van-col>
@@ -58,7 +63,7 @@
           <van-row justify="space-between">
             <van-col span="10"> 手机号： </van-col>
             <van-col span="14" style="text-align: right">
-              {{data.data.phone}}
+              {{ data.data.phone }}
             </van-col>
           </van-row>
         </van-col>
@@ -68,7 +73,7 @@
           <van-row justify="space-between">
             <van-col span="10"> 所属场所： </van-col>
             <van-col span="14" style="text-align: right">
-              {{data.data.locationName}}
+              {{ data.data.locationName }}
             </van-col>
           </van-row>
         </van-col>
@@ -78,27 +83,43 @@
           <van-row justify="space-between">
             <van-col span="10"> 人员类型： </van-col>
             <van-col span="14" style="text-align: right">
-              <span v-if="data.data.personnelType==1">宗教从业人员</span>
-              <span v-else-if="data.data.personnelType==2">民族场所从业人员</span>
-              <span v-else-if="data.data.personnelType==3">教职人员</span>
-              <span v-else-if="data.data.personnelType==4">固定信徒</span>
-              <span v-else-if="data.data.personnelType==5">场所居住人员</span>
-              <span v-else-if="data.data.personnelType==6">境外人员</span>
-              <span v-else-if="data.data.personnelType==7">非本市人员</span>
-              <span v-else-if="data.data.personnelType==8">非本教人员</span>
-              <span v-else-if="data.data.personnelType==9">新增信徒人员</span>
-              <span v-else-if="data.data.personnelType==10">临时人员</span>
-              <span v-else-if="data.data.personnelType==11">异常人员</span>
-              <span v-else-if="data.data.personnelType==12">邪教人员</span>
-              <span v-else-if="data.data.personnelType==13">管理人员</span>
-              <span v-else-if="data.data.personnelType==14">全能神离家人员</span>
-              <span v-else-if="data.data.personnelType==15">全能神骨干人员</span>
-              <span v-else-if="data.data.personnelType==16">网络运营人员</span>
-              <span v-else-if="data.data.personnelType==17">涉政有害活动人员</span>
-              <span v-else-if="data.data.personnelType==18">境内外记者</span>
-              <span v-else-if="data.data.personnelType==19">境外法轮功骨干人员</span>
-              <span v-else-if="data.data.personnelType==20">其他邪教骨干人员</span>
-              <span v-else-if="data.data.personnelType==21">心灵法门骨干人员</span>
+              <span v-if="data.data.personnelType == 1">宗教从业人员</span>
+              <span v-else-if="data.data.personnelType == 2"
+                >民族场所从业人员</span
+              >
+              <span v-else-if="data.data.personnelType == 3">教职人员</span>
+              <span v-else-if="data.data.personnelType == 4">固定信徒</span>
+              <span v-else-if="data.data.personnelType == 5">场所居住人员</span>
+              <span v-else-if="data.data.personnelType == 6">境外人员</span>
+              <span v-else-if="data.data.personnelType == 7">非本市人员</span>
+              <span v-else-if="data.data.personnelType == 8">非本教人员</span>
+              <span v-else-if="data.data.personnelType == 9">新增信徒人员</span>
+              <span v-else-if="data.data.personnelType == 10">临时人员</span>
+              <span v-else-if="data.data.personnelType == 11">异常人员</span>
+              <span v-else-if="data.data.personnelType == 12">邪教人员</span>
+              <span v-else-if="data.data.personnelType == 13">管理人员</span>
+              <span v-else-if="data.data.personnelType == 14"
+                >全能神离家人员</span
+              >
+              <span v-else-if="data.data.personnelType == 15"
+                >全能神骨干人员</span
+              >
+              <span v-else-if="data.data.personnelType == 16"
+                >网络运营人员</span
+              >
+              <span v-else-if="data.data.personnelType == 17"
+                >涉政有害活动人员</span
+              >
+              <span v-else-if="data.data.personnelType == 18">境内外记者</span>
+              <span v-else-if="data.data.personnelType == 19"
+                >境外法轮功骨干人员</span
+              >
+              <span v-else-if="data.data.personnelType == 20"
+                >其他邪教骨干人员</span
+              >
+              <span v-else-if="data.data.personnelType == 21"
+                >心灵法门骨干人员</span
+              >
               <span v-else>“精神控制”有害培训骨干人员</span>
             </van-col>
           </van-row>
@@ -109,13 +130,13 @@
           <van-row justify="space-between">
             <van-col span="10"> 从业类型： </van-col>
             <van-col span="14" style="text-align: right">
-              <span v-if="data.data.typeOfEmployees==1">场所负责人</span>
-              <span v-if="data.data.typeOfEmployees==2">堂管会成员</span>
-              <span v-if="data.data.typeOfEmployees==3">小组负责人</span>
-              <span v-if="data.data.typeOfEmployees==4">财会</span>
-              <span v-if="data.data.typeOfEmployees==5">义工</span>
-              <span v-if="data.data.typeOfEmployees==6">保安</span>
-              <span v-if="data.data.typeOfEmployees==7">信息审核员</span>
+              <span v-if="data.data.typeOfEmployees == 1">场所负责人</span>
+              <span v-if="data.data.typeOfEmployees == 2">堂管会成员</span>
+              <span v-if="data.data.typeOfEmployees == 3">小组负责人</span>
+              <span v-if="data.data.typeOfEmployees == 4">财会</span>
+              <span v-if="data.data.typeOfEmployees == 5">义工</span>
+              <span v-if="data.data.typeOfEmployees == 6">保安</span>
+              <span v-if="data.data.typeOfEmployees == 7">信息审核员</span>
             </van-col>
           </van-row>
         </van-col>
@@ -125,7 +146,7 @@
           <van-row justify="space-between">
             <van-col span="10"> 籍贯： </van-col>
             <van-col span="14" style="text-align: right">
-              {{data.data.nativePlace}}
+              {{ data.data.nativePlace }}
             </van-col>
           </van-row>
         </van-col>
@@ -135,7 +156,7 @@
           <van-row justify="space-between">
             <van-col span="10"> 现居地： </van-col>
             <van-col span="14" style="text-align: right">
-              {{data.data.currentResidence}}
+              {{ data.data.currentResidence }}
             </van-col>
           </van-row>
         </van-col>
@@ -145,58 +166,75 @@
           <van-row justify="space-between">
             <van-col span="10"> 详细地址： </van-col>
             <van-col span="14" style="text-align: right">
-              {{data.data.currentResidenceDetail}}
+              {{ data.data.currentResidenceDetail }}
             </van-col>
           </van-row>
         </van-col>
       </van-row>
-      <h3 style="color: #40abf4;margin-top:10px;">拓展信息</h3>
-      <van-row class="item" v-for="(item,index) in data.data.userManagenmetDetailsDTOList" :key="index">
-        <van-col span="24" v-if="item.dataType === '1' && item.dataDictionary==''">
+      <h3 style="color: #40abf4; margin-top: 10px">拓展信息</h3>
+      <van-row
+        class="item"
+        v-for="(item, index) in data.data.userManagenmetDetailsDTOList"
+        :key="index"
+      >
+        <van-col
+          span="24"
+          v-if="item.dataType === '1' && item.dataDictionary == ''"
+        >
           <van-row justify="space-between">
-            <van-col span="10"> {{item.chineseName}} </van-col>
+            <van-col span="10"> {{ item.chineseName }} </van-col>
             <van-col span="14" style="text-align: right">
-              {{item.value}}
+              {{ item.value }}
             </van-col>
           </van-row>
         </van-col>
-        <van-col span="24" v-if="item.dataType === '1' && item.dataDictionary=='hs_religion_type'">
+        <van-col
+          span="24"
+          v-if="
+            item.dataType === '1' && item.dataDictionary == 'hs_religion_type'
+          "
+        >
           <van-row justify="space-between">
-            <van-col span="10"> {{item.chineseName}} </van-col>
+            <van-col span="10"> {{ item.chineseName }} </van-col>
             <van-col span="14" style="text-align: right">
-              <span v-if="item.value==1">伊斯兰教</span>
-              <span v-if="item.value==2">基督教</span>
-              <span v-if="item.value==3">天主教</span>
-              <span v-if="item.value==4">佛教</span>
-              <span v-if="item.value==5">道教</span>
+              <span v-if="item.value == 1">伊斯兰教</span>
+              <span v-if="item.value == 2">基督教</span>
+              <span v-if="item.value == 3">天主教</span>
+              <span v-if="item.value == 4">佛教</span>
+              <span v-if="item.value == 5">道教</span>
             </van-col>
           </van-row>
         </van-col>
-        <van-col span="24" v-if="item.dataType === '1' && item.dataDictionary=='hs_faculty_type'">
+        <van-col
+          span="24"
+          v-if="
+            item.dataType === '1' && item.dataDictionary == 'hs_faculty_type'
+          "
+        >
           <van-row justify="space-between">
-            <van-col span="10"> {{item.chineseName}} </van-col>
+            <van-col span="10"> {{ item.chineseName }} </van-col>
             <van-col span="14" style="text-align: right">
-              <span v-if="item.value==1">负责人</span>
-              <span v-if="item.value==2">牧师</span>
-              <span v-if="item.value==3">长老</span>
-              <span v-if="item.value==4">传道员</span>
-              <span v-if="item.value==5">神学生</span>
+              <span v-if="item.value == 1">负责人</span>
+              <span v-if="item.value == 2">牧师</span>
+              <span v-if="item.value == 3">长老</span>
+              <span v-if="item.value == 4">传道员</span>
+              <span v-if="item.value == 5">神学生</span>
             </van-col>
           </van-row>
         </van-col>
         <van-col span="24" v-if="item.dataType === '5'">
           <van-row justify="space-between">
-            <van-col span="10"> {{item.chineseName}} </van-col>
+            <van-col span="10"> {{ item.chineseName }} </van-col>
             <van-col span="14" style="text-align: right">
-              {{item.value}}
+              {{ item.value }}
             </van-col>
           </van-row>
         </van-col>
         <van-col span="24" v-if="item.dataType === '6'">
           <van-row justify="space-between">
-            <van-col span="10"> {{item.chineseName}} </van-col>
+            <van-col span="10"> {{ item.chineseName }} </van-col>
             <van-col span="14" style="text-align: right">
-              {{item.value}}
+              {{ item.value }}
             </van-col>
           </van-row>
         </van-col>
@@ -206,52 +244,54 @@
           </van-row>
           <van-row>
             <van-col span="10">
-                <img style="width: 100px;height: 100px;" :src="item.value" alt="" />
+              <img
+                style="width: 100px; height: 100px"
+                :src="item.value"
+                alt=""
+              />
             </van-col>
           </van-row>
         </van-col>
       </van-row>
-      
     </div>
   </div>
 </template>
 
 <script>
-import { useRouter } from 'vue-router'
-import {onMounted, reactive,ref} from "vue"
-import $base from "@/utils/config"
+import { useRouter } from "vue-router";
+import { onMounted, reactive, ref } from "vue";
+import $base from "@/utils/config";
 export default {
-  setup(){
+  setup() {
     const data = reactive({
       //个人数据
-      data:{},
-    })
+      data: {},
+    });
     //数据接收
     const router = useRouter();
-    onMounted(()=>{
-      var item = JSON.parse(router.currentRoute.value.query.data)
+    onMounted(() => {
+      var item = JSON.parse(router.currentRoute.value.query.data);
       data.data = item;
-      data.data.workPicture = `${$base}` + data.data.workPicture
-      data.data.userManagenmetDetailsDTOList.forEach(item2 => {
-        if(item2.dataType === '4'){
-          item2.value = `${$base}` + item2.value
+      data.data.workPicture = `${$base}` + data.data.workPicture;
+      data.data.userManagenmetDetailsDTOList.forEach((item2) => {
+        if (item2.dataType === "4") {
+          item2.value = `${$base}` + item2.value;
         }
       });
-
-    })
+    });
     //返回
-    const goback = () => {
+    const onClickLeft = () => {
       history.back();
     };
-    return{
-      goback,
-      data
-    }
-  }
+    return {
+      onClickLeft,
+      data,
+    };
+  },
 };
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
 body,
 html {
   margin: 0;
@@ -269,30 +309,14 @@ html {
 }
 .banner {
   background-color: #36a7f3;
-  padding: 20px 50px 40px 50px;
-  color: #fff;
-  h2 {
-    &:nth-child(1) {
-      margin-top: 0px;
-      text-align: left;
-      font-size: 21pt;
-    }
-    &:nth-child(2) {
-      text-align: center;
-      font-size: 21pt;
-    }
-    &:nth-child(3) {
-      text-align: right;
-      font-size: 21pt;
-    }
-  }
+  width: 100%;
 }
 .content {
   position: fixed;
   width: 90%;
   // margin: 0 auto;
   height: 600px;
-  top: 140px;
+  top: 200px;
   left: 50%;
   padding: 20px 10px;
   transform: translateX(-50%);
@@ -304,24 +328,24 @@ html {
     margin: 0;
     padding: 0;
   }
-  .itemInfo{
+  .itemInfo {
     height: 100%;
-    .item{
-        padding: 15px 0;
-        border-bottom: 1px solid #f2f2f2;
-        .van-col{
-            .van-row{
-                .van-col{
-                    &:nth-child(2){
-                        color: #7f7f7f;
-                    }
-                }
+    .item {
+      padding: 15px 0;
+      border-bottom: 1px solid #f2f2f2;
+      .van-col {
+        .van-row {
+          .van-col {
+            &:nth-child(2) {
+              color: #7f7f7f;
             }
+          }
         }
+      }
     }
-    .personImg{
-        width: 100%;
-        height: 100%;
+    .personImg {
+      width: 100%;
+      height: 100%;
     }
   }
 }

src/views/placeManage/placeRegister.vue

@@ -1,4 +1,7 @@
 <template>
+  <div>
+    <van-nav-bar title="场所录入" left-arrow @click-left="onClickLeft" />
+  </div>
   <div class="main">
     <p class="title">宗教场所录入</p>
     <div class="formArea">
@@ -8,7 +11,7 @@
           v-model="placeActivity.religiousType"
           readonly
           label="宗教教别:"
-          name = "validator"
+          name="validator"
           placeholder="请选择宗教"
           input-align="right"
           right-icon="arrow-down"
@@ -231,7 +234,7 @@ import PlaceRegister from "@/api/placeRegister/placeRegister";
 export default {
   components: { ManageList },
   setup() {
-    const goback = () => {
+    const onClickLeft = () => {
       history.back();
     };
 
@@ -242,7 +245,7 @@ export default {
         name: "", //场所名称
         contact: "", //场所联系人
         contactNumber: "", //联系电话
-        placeSelectId:"",//场所地点id
+        placeSelectId: "", //场所地点id
         placeSelectName: "", //场所地点
         place: "", //详细场所地点
         siteType: "", //场所类型
@@ -342,7 +345,7 @@ export default {
         selectedOptions[1].id +
         "/" +
         selectedOptions[2].id;
-      placeActivity.placeData.placeSelectId = placeAddress.value
+      placeActivity.placeData.placeSelectId = placeAddress.value;
       showPlace1.value = false;
       placeActivity.placeData.placeSelectName =
         selectedOptions[0].name +
@@ -413,7 +416,7 @@ export default {
       //图片上传
       afterRead,
       // 返回
-      goback,
+      onClickLeft,
       // 地区选择
       placeAddress,
       customFieldName,

src/views/placeManage/placeTablet.vue

@@ -1,6 +1,14 @@
 <template>
+  <div>
+    <van-nav-bar title="牌位管理" left-arrow @click-left="onClickLeft" />
+  </div>
   <div class="PersonList">
-    <div class="PersonItem" v-for="item in TabletData.data" :key="item.id" @click="goTabletInfo(item)">
+    <div
+      class="PersonItem"
+      v-for="item in TabletData.data"
+      :key="item.id"
+      @click="goTabletInfo(item)"
+    >
       <van-row>
         <van-col span="18">
           <p>
@@ -38,25 +46,25 @@ export default {
     //获取牌位数据
     new TabletServer().list({}).then((res) => {
       TabletData.data = res.records;
-    //   console.log(TabletData.data);
+      //   console.log(TabletData.data);
     });
     //页面跳转以及数据传递
     let router = useRouter();
-    const goTabletInfo = (item)=>{
-        var data = JSON.stringify(item)
-        router.push({
-            path:'/placeTabletInfo',
-            query:{'data':data}
-        })
-    }
+    const goTabletInfo = (item) => {
+      var data = JSON.stringify(item);
+      router.push({
+        path: "/placeTabletInfo",
+        query: { data: data },
+      });
+    };
     //返回
-    const goback = () => {
+    const onClickLeft = () => {
       history.back();
     };
     return {
-      goback,
+      onClickLeft,
       TabletData,
-      goTabletInfo
+      goTabletInfo,
     };
   },
 };

src/views/placeManage/placeTabletInfo.vue

@@ -1,8 +1,9 @@
 <template>
+  <div>
+    <van-nav-bar title="牌位管理" left-arrow @click-left="onClickLeft" />
+  </div>
   <div class="banner">
-    <h2>扎实提升“三力”</h2>
-    <h2>深入推进“三化”</h2>
-    <h2>坚持“三个思维”</h2>
+      <img src="../../../public/loginbg/banner.jpg" alt="" />
   </div>
   <div class="content">
     <div class="itemInfo">
@@ -135,15 +136,17 @@
         <van-col span="24">
           <van-row justify="space-between">
             <van-col span="10">被供奉者信息： </van-col>
-            <van-col span="14" style="text-align: right">{{ dataitem.information}}</van-col>
+            <van-col span="14" style="text-align: right">{{
+              dataitem.information
+            }}</van-col>
           </van-row>
         </van-col>
       </van-row>
       <van-row class="item">
         <van-col span="24">
           <van-row>
-            <van-col span="24" style="margin-bottom:10px;">牌位照片： </van-col>
-            <van-col span="8" v-for="(item,index) in data.pic" :key="index">
+            <van-col span="24" style="margin-bottom: 10px">牌位照片： </van-col>
+            <van-col span="8" v-for="(item, index) in data.pic" :key="index">
               <img class="personImg" :src="item" alt="" />
             </van-col>
           </van-row>
@@ -155,13 +158,13 @@
 
 <script>
 import { useRouter } from "vue-router";
-import { onMounted, reactive ,ref} from "vue";
-import $base from "@/utils/config"
+import { onMounted, reactive, ref } from "vue";
+import $base from "@/utils/config";
 export default {
   setup() {
     const data = reactive({
       siteName: {},
-      pic:[]
+      pic: [],
     });
     //牌位数据
     let dataitem = ref({});
@@ -170,27 +173,27 @@ export default {
     onMounted(() => {
       var item = JSON.parse(router.currentRoute.value.query.data);
       dataitem.value = item;
-      data.siteName = dataitem.value.siteName; 
-      let pic = []
-      pic=dataitem.value.pic.split("|");
-      dataitem.value.pic = pic
-      data.pic = dataitem.value.pic
-      let picList = []
-      data.pic.forEach(item1=>{
+      data.siteName = dataitem.value.siteName;
+      let pic = [];
+      pic = dataitem.value.pic.split("|");
+      dataitem.value.pic = pic;
+      data.pic = dataitem.value.pic;
+      let picList = [];
+      data.pic.forEach((item1) => {
         // item1 = `${$base}`+item1
-        picList.push(`${$base}`+item1)
-      })
-      data.pic = picList
-      console.log(data.pic);
+        picList.push(`${$base}` + item1);
+      });
+      data.pic = picList;
+      // console.log(data.pic);
     });
     //返回
-    const goback = () => {
+    const onClickLeft = () => {
       history.back();
     };
     return {
-      goback,
+      onClickLeft,
       data,
-      dataitem
+      dataitem,
     };
   },
 };
@@ -214,30 +217,14 @@ html {
 }
 .banner {
   background-color: #36a7f3;
-  padding: 20px 50px 40px 50px;
-  color: #fff;
-  h2 {
-    &:nth-child(1) {
-      margin-top: 0px;
-      text-align: left;
-      font-size: 21pt;
-    }
-    &:nth-child(2) {
-      text-align: center;
-      font-size: 21pt;
-    }
-    &:nth-child(3) {
-      text-align: right;
-      font-size: 21pt;
-    }
-  }
+  width: 100%;
 }
 .content {
   position: fixed;
   width: 90%;
   // margin: 0 auto;
   height: 600px;
-  top: 140px;
+  top: 200px;
   left: 50%;
   padding: 20px 10px;
   transform: translateX(-50%);

src/views/toBeDone/toBeDone.vue

@@ -1,4 +1,7 @@
 <template>
+  <div>
+    <van-nav-bar title="我的待办" left-arrow @click-left="onClickLeft" />
+  </div>
   <van-tabs
     v-model:active="active"
     title-inactive-color="#bdbdbd"
@@ -6,50 +9,93 @@
   >
     <van-tab title="待处理">
       <div class="list1">
-        <van-row class="list-item" v-for="item in toBeDone.toBeDoneList" :key="item.id" @click="goToBeDoneinfo(item)">
+        <van-row
+          class="list-item"
+          v-for="item in toBeDone.toBeDoneList"
+          :key="item.id"
+          @click="goToBeDoneinfo(item)"
+        >
           <van-col span="6" class="list-item-left">
             <div>
-              <p style="color: #a3a3a3">{{item.createDate.split(' ')[0]}}</p>
-              <p style="color: #a3a3a3">{{item.createDate.split(' ')[1]}}</p>
+              <p style="color: #a3a3a3">{{ item.createDate.split(" ")[0] }}</p>
+              <p style="color: #a3a3a3">{{ item.createDate.split(" ")[1] }}</p>
             </div>
-            <p v-if="item.assignState==1" style="color: red; margin-top: 10px">已发起</p>
-            <p v-else-if="item.assignState==2" style="color: red; margin-top: 10px">待办中</p>
-            <p v-if="item.assignState==5" style="color: red; margin-top: 10px">已超期</p>
+            <p
+              v-if="item.assignState == 1"
+              style="color: red; margin-top: 10px"
+            >
+              已发起
+            </p>
+            <p
+              v-else-if="item.assignState == 2"
+              style="color: red; margin-top: 10px"
+            >
+              待办中
+            </p>
+            <p
+              v-if="item.assignState == 5"
+              style="color: red; margin-top: 10px"
+            >
+              已超期
+            </p>
           </van-col>
-          <van-col span="18" style="border-left: 1px solid #e3e3e3" class="list-item-right">
+          <van-col
+            span="18"
+            style="border-left: 1px solid #e3e3e3"
+            class="list-item-right"
+          >
             <van-row>
-              <van-col span="24" style="height:50px;overflow: hidden;">
+              <van-col span="24" style="height: 50px; overflow: hidden">
                 <span v-html="item.problemContent"></span>
               </van-col>
             </van-row>
             <van-row justify="space-between">
-              <van-col span="12">{{item.areaSelectName}}</van-col>
-              <van-col span="8">{{item.assignTypeName}}</van-col>
+              <van-col span="12">{{ item.areaSelectName }}</van-col>
+              <van-col span="8">{{ item.assignTypeName }}</van-col>
             </van-row>
           </van-col>
-        </van-row> 
+        </van-row>
       </div>
     </van-tab>
     <van-tab title="已处理">
       <div class="list1">
-        <van-row class="list-item" v-for="item in toBeDone.toBeDoneList2" :key="item.id" @click="goToBeDoneinfo(item)">
+        <van-row
+          class="list-item"
+          v-for="item in toBeDone.toBeDoneList2"
+          :key="item.id"
+          @click="goToBeDoneinfo(item)"
+        >
           <van-col span="6" class="list-item-left">
             <div>
-              <p style="color: #a3a3a3">{{item.createDate.split(' ')[0]}}</p>
-              <p style="color: #a3a3a3">{{item.createDate.split(' ')[1]}}</p>
+              <p style="color: #a3a3a3">{{ item.createDate.split(" ")[0] }}</p>
+              <p style="color: #a3a3a3">{{ item.createDate.split(" ")[1] }}</p>
             </div>
-            <p v-if="item.assignState==3" style="color: red; margin-top: 10px">已反馈</p>
-            <p v-if="item.assignState==4" style="color: red; margin-top: 10px">已归档</p>
+            <p
+              v-if="item.assignState == 3"
+              style="color: red; margin-top: 10px"
+            >
+              已反馈
+            </p>
+            <p
+              v-if="item.assignState == 4"
+              style="color: red; margin-top: 10px"
+            >
+              已归档
+            </p>
           </van-col>
-          <van-col span="18" style="border-left: 1px solid #e3e3e3" class="list-item-right">
+          <van-col
+            span="18"
+            style="border-left: 1px solid #e3e3e3"
+            class="list-item-right"
+          >
             <van-row>
-              <van-col span="24" style="height:50px;overflow: hidden;">
+              <van-col span="24" style="height: 50px; overflow: hidden">
                 <span v-html="item.problemContent"></span>
               </van-col>
             </van-row>
             <van-row justify="space-between">
-              <van-col span="12">{{item.areaSelectName}}</van-col>
-              <van-col span="8">{{item.assignTypeName}}</van-col>
+              <van-col span="12">{{ item.areaSelectName }}</van-col>
+              <van-col span="8">{{ item.assignTypeName }}</van-col>
             </van-row>
           </van-col>
         </van-row>
@@ -59,55 +105,53 @@
 </template>
 
 <script>
-import {onMounted,reactive,ref} from "vue"
-import { useRouter } from 'vue-router'
-import ToBeDone from '@/api/toBeDone/toBeDone'
+import { onMounted, reactive, ref } from "vue";
+import { useRouter } from "vue-router";
+import ToBeDone from "@/api/toBeDone/toBeDone";
 export default {
-  
   setup() {
-    const toBeDone =reactive({
+    const toBeDone = reactive({
       //未处理
-      toBeDoneList:[],
+      toBeDoneList: [],
       //已处理
-      toBeDoneList2:[]
-    })
+      toBeDoneList2: [],
+    });
     const active = ref(0);
     //获取待办列表
-    let workDBList = ref([])
-    new ToBeDone().list({}).then((res)=>{
-      workDBList.value.push(...res.records)
+    let workDBList = ref([]);
+    new ToBeDone().list({}).then((res) => {
+      workDBList.value.push(...res.records);
       toBeDone.toBeDoneList = workDBList;
-      
-    })
-    new ToBeDone().list2({}).then((res)=>{
+    });
+    new ToBeDone().list2({}).then((res) => {
       toBeDone.toBeDoneList2.push(...res.records);
-    })
+    });
     //跳转
-    let router = useRouter()
+    let router = useRouter();
     //数据接收
-    onMounted(()=>{
-      var item = JSON.parse(router.currentRoute.value.query.name)
-      if(item==1){
-        active.value = 1
+    onMounted(() => {
+      var item = JSON.parse(router.currentRoute.value.query.name);
+      if (item == 1) {
+        active.value = 1;
       }
-    })
-    const goToBeDoneinfo = (item)=>{
-      let data = JSON.stringify(item)
+    });
+    const goToBeDoneinfo = (item) => {
+      let data = JSON.stringify(item);
       router.push({
-        path:"/toBeDone_details",
-        query:{'data':data}
-      })
-    }
-    const goback = ()=>{
+        path: "/toBeDone_details",
+        query: { data: data },
+      });
+    };
+    const onClickLeft = () => {
       history.back();
-    }
+    };
     return {
-      goback,
+      onClickLeft,
       toBeDone,
       goToBeDoneinfo,
-      active 
-    }
-  }
+      active,
+    };
+  },
 };
 </script>
 
@@ -117,7 +161,6 @@ html {
   margin: 0;
   padding: 0;
   background-color: #f2f2f2;
-  
 }
 .van-nav-bar {
   background-color: #36a7f3;
@@ -144,21 +187,21 @@ html {
         padding: 0;
       }
     }
-    .list-item-right{
-      .van-row{
-        &:nth-child(1){
+    .list-item-right {
+      .van-row {
+        &:nth-child(1) {
           padding: 0 10px;
           font-size: 16px;
           font-weight: 700;
-          letter-spacing:2px
+          letter-spacing: 2px;
         }
-        &:nth-child(2){
+        &:nth-child(2) {
           margin-top: 10px;
           padding: 0 10px;
           color: #c0c0c0;
           font-size: 14px;
-          .van-col{
-            &:nth-child(2){
+          .van-col {
+            &:nth-child(2) {
               text-align: right;
             }
           }

src/views/toBeDone/toBeDone_details.vue

@@ -1,8 +1,9 @@
 <template>
+  <div>
+    <van-nav-bar title="我的待办" left-arrow @click-left="onClickLeft" />
+  </div>
   <div class="banner">
-    <h2>扎实提升“三力”</h2>
-    <h2>深入推进“三化”</h2>
-    <h2>坚持“三个思维”</h2>
+      <img src="../../../public/loginbg/banner.jpg" alt="" />
   </div>
   <div class="content">
     <div class="content-top">
@@ -16,9 +17,7 @@
       <p>详细地址：{{ PersonInfo.data.areaSelectName }}</p>
       <p>发生时间：{{ PersonInfo.data.problemTime }}</p>
       <p>截止时间：{{ PersonInfo.data.deadlineTime }}</p>
-      <p>
-        问题附件：{{PersonInfo.data.problemAccessory}}
-      </p>
+      <p>问题附件：{{ PersonInfo.data.problemAccessory }}</p>
     </div>
     <div class="content-bottom">
       <p>处理结果：</p>
@@ -79,7 +78,7 @@ export default {
       // })
     });
     //返回事件
-    const goback = () => {
+    const onClickLeft = () => {
       history.back();
     };
     //待办反馈提交
@@ -98,14 +97,14 @@ export default {
             path: "/toBeDone",
           });
         });
-      }else{
+      } else {
         router.push({
-          path:'/toBeDone'
-        })
+          path: "/toBeDone",
+        });
       }
     };
     return {
-      goback,
+      onClickLeft,
       PersonInfo,
       submit,
     };
@@ -132,27 +131,13 @@ html {
 }
 .banner {
   background-color: #36a7f3;
-  padding: 20px 50px 40px 50px;
-  color: #fff;
-  h2 {
-    &:nth-child(1) {
-      margin-top: 0px;
-      text-align: left;
-    }
-    &:nth-child(2) {
-      text-align: center;
-    }
-    &:nth-child(3) {
-      text-align: right;
-    }
-  }
+  width: 100%;
 }
 .content {
   position: fixed;
-  // width: 85%;
-  margin: 0 auto;
+  width: 85%;
   height: 600px;
-  top: 140px;
+  top: 200px;
   left: 50%;
   padding: 20px 10px;
   transform: translateX(-50%);