Squashed commit of the following:

commit 67ac067c30abec299a93fb1843a03eee5806bc46
Author: guoqing <1624870927@qq.com>
Date:   Mon Mar 27 17:50:47 2023 +0800

    宗教场所录入页面

commit 5e96eaac7e279865cf259ea0d053b93c8ada29cf
Author: guoqing <1624870927@qq.com>
Date:   Mon Mar 27 16:48:55 2023 +0800

    人员档案列表页和详情页

src/main.js

@@ -8,7 +8,7 @@ import axios from 'axios';
 
 
 
-import { NavBar, Button, Form, Field, CellGroup, Tabbar, TabbarItem, Icon, Toast, Image as VanImage, Grid, GridItem, Row, Col, Tab, Tabs, Popup, PickerGroup, DatePicker, TimePicker, Picker, Uploader, Dialog, List, Cell, Cascader, Search, RadioGroup, Radio, SwipeCell } from 'vant';
+import { NavBar, Button, Form, Field, CellGroup, Tabbar, TabbarItem, Icon, Toast, Image as VanImage, Grid, GridItem, Row, Col, Tab, Tabs, Popup, PickerGroup, DatePicker, TimePicker, Picker, Uploader, Dialog, List, Cell, Cascader, Search, RadioGroup, Radio, DropdownMenu, DropdownItem } from 'vant';
 import 'vant/lib/index.css';
 import store from './store';
 
@@ -46,6 +46,7 @@ app.use(router)
     .use(RadioGroup)
     .use(Radio)
     .use(SwipeCell)
+    .use(DropdownItem)
 
 app.config.globalProperties.$API = api
 app.config.globalProperties.$axios = axios

src/router/index.js

@@ -137,6 +137,33 @@ const routes = [{
         meta: {
             isShowTarbar: false,
         }
+    },
+    {
+        path: '/placePerson',
+        name: 'placePerson',
+        component: () =>
+            import ('../views/placeManage/placePerson.vue'),
+        meta: {
+            isShowTarbar: false,
+        }
+    },
+    {
+        path: '/placePersoninfo',
+        name: 'placePersoninfo',
+        component: () =>
+            import ('../views/placeManage/placePersoninfo.vue'),
+        meta: {
+            isShowTarbar: false,
+        }
+    },
+    {
+        path: '/placeRegister',
+        name: 'placeRegister',
+        component: () =>
+            import ('../views/placeManage/placeRegister.vue'),
+        meta: {
+            isShowTarbar: false,
+        }
     }
 ]
 

src/views/placeManage/placePerson.vue

@@ -0,0 +1,179 @@
+<template>
+  <van-nav-bar title="人员档案信息" left-arrow @click-left="goback" />
+  <div class="serach">
+    <van-search
+      v-model="value"
+      show-action
+      shape="round"
+      placeholder="请输入姓名/身份证/场所名称"
+      @search="onSearch"
+    >
+      <template #action>
+        <div @click="onClickButton">
+          <van-dropdown-menu>
+            <van-dropdown-item overlay="false" v-model="value1" :options="option1" />
+          </van-dropdown-menu>
+        </div>
+      </template>
+    </van-search>
+  </div>
+  <div class="PersonList">
+    <div class="PersonItem" v-for="item in Person.PersonList" :key="item.id">
+      <van-row>
+        <van-col span="18">
+            <p>{{item.name}}（<span style="color:#36a7f3;">{{item.id}}</span>）</p>
+        </van-col>
+        <van-col span="6">
+            <p v-if="item.church == '基督教'" style="color:#36a7f3;">基督教</p>
+            <p v-else-if="item.church == '佛教'" style="color:#e4dd65;">佛教</p>
+            <p v-else-if="item.church == '伊斯兰教'" style="color:#52ca7d;">伊斯兰教</p>
+        </van-col>
+      </van-row>
+      <van-row>
+        <van-col span="18">
+            <p>{{item.address}}</p>
+        </van-col>
+        <van-col span="6">
+            <p>{{item.position}}</p>
+        </van-col>
+      </van-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import { reactive,ref } from "vue";
+export default {
+  setup() {
+    const value = ref("");
+    const value1 = ref(0);
+    const option1 = [
+      { text: "所有教别", value: 0 },
+      { text: "基督教", value: 1 },
+      { text: "佛教", value: 2 },
+      { text: "伊斯兰教", value: 3 },
+    ];
+    const Person = reactive({
+        PersonList:[
+            {
+                name:'孙辉',
+                id:'320902198901523010',
+                church:'基督教',
+                address:'盐都基督教总教',
+                position:'教职人员'
+            },
+            {
+                name:'孙辉',
+                id:'320902198901523010',
+                church:'佛教',
+                address:'盐城永宁寺',
+                position:'教职人员'
+            },
+            {
+                name:'孙辉',
+                id:'320902198901523010',
+                church:'基督教',
+                address:'盐都基督教总教',
+                position:'教职人员'
+            },
+            {
+                name:'孙辉',
+                id:'320902198901523010',
+                church:'基督教',
+                address:'盐都基督教总教',
+                position:'教职人员'
+            },
+            {
+                name:'孙辉',
+                id:'320902198901523010',
+                church:'伊斯兰教',
+                address:'盐都清真寺',
+                position:'教职人员'
+            },
+        ]
+    })
+    //返回
+    const goback = () => {
+      history.back();
+    };
+    return {
+      goback,
+      value,
+      value1,
+      option1,
+      Person
+    };
+  },
+};
+</script>
+<style lang="less">
+body,
+html {
+  margin: 0;
+  padding: 0;
+  background-color: #f2f2f2;
+}
+.van-nav-bar {
+  background-color: #36a7f3;
+  .van-nav-bar__title {
+    color: #fff;
+  }
+  .van-badge__wrapper {
+    color: #fff;
+  }
+}
+.search {
+  background-color: #fff;
+  .van-dropdown-menu__item {
+    width: 20px;
+    height: 50px;
+  }
+}
+.PersonList {
+  background-color: #fff;
+  margin-top: 20px;
+  height: 600px;
+  p{
+    margin: 0;
+    padding: 0;
+  }
+  .PersonItem{
+    padding: 10px 10px;
+    font-size: 16px;
+    border-bottom: 1px solid #f2f2f2;
+    .van-row{
+        &:nth-child(1){
+            margin-bottom: 10px;
+            .van-col{
+                &:nth-child(1){
+                    p{
+                        font-weight: 700;
+                    }
+                }
+                &:nth-child(2){
+                    p{
+                        text-align: right;
+                    }
+                }
+            }
+        }
+        &:nth-child(2){
+            .van-col{
+                &:nth-child(1){
+                    p{
+                        color: #d0d0d0;
+                    }
+                }
+                &:nth-child(2){
+                    p{
+                        text-align: right;
+                        color: #d0d0d0;
+                    }
+                }
+            }
+        }
+    }
+  }
+  
+}
+</style>

src/views/placeManage/placePersoninfo.vue

@@ -0,0 +1,303 @@
+<template>
+  <van-nav-bar title="人员档案信息" left-arrow @click-left="goback" />
+  <div class="banner">
+    <h2>扎实提升“三力”</h2>
+    <h2>深入推进“三化”</h2>
+    <h2>坚持“三个思维”</h2>
+  </div>
+  <div class="content">
+    <div class="itemInfo">
+    <h3 style="color: #40abf4">个人信息-孙辉</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"> 孙辉 </van-col>
+              </van-row>
+            </van-col>
+          </van-row>
+          <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"> 男 </van-col>
+              </van-row>
+            </van-col>
+          </van-row>
+          <van-row class="item">
+            <van-col span="24">
+              <van-row justify="space-between">
+                <van-col span="12"> 证件类型： </van-col>
+                <van-col span="6" style="text-align: right"> 身份证 </van-col>
+              </van-row>
+            </van-col>
+          </van-row>
+        </van-col>
+        <van-col span="8">
+          <img class="personImg" src="../../assets/logo.png" alt="" />
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10"> 证件号码： </van-col>
+            <van-col span="14" style="text-align: right">
+              320911198904021563
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10"> 手机号： </van-col>
+            <van-col span="14" style="text-align: right">
+              18356568569
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10"> 所属场所： </van-col>
+            <van-col span="14" style="text-align: right">
+              盐都基督教总教
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10"> 人员类型： </van-col>
+            <van-col span="14" style="text-align: right">
+              教职人员
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10"> 从业类型： </van-col>
+            <van-col span="14" style="text-align: right">
+              场所负责人
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10"> 籍贯： </van-col>
+            <van-col span="14" style="text-align: right">
+              中国/江苏/盐城
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10"> 现居地： </van-col>
+            <van-col span="14" style="text-align: right">
+              中国/江苏省/盐城市/盐都区
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10"> 详细地址： </van-col>
+            <van-col span="14" style="text-align: right">
+              世纪大道3838号
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <h3 style="color: #40abf4;margin-top:10px;">拓展信息</h3>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10"> 法名： </van-col>
+            <van-col span="14" style="text-align: right">
+              普宁居士
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10">教别： </van-col>
+            <van-col span="14" style="text-align: right">
+              基督教
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10"> 教职名称： </van-col>
+            <van-col span="14" style="text-align: right">
+              传教士
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10"> 教职证书号： </van-col>
+            <van-col span="14" style="text-align: right">
+              JS25645784
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10"> 备案时间： </van-col>
+            <van-col span="14" style="text-align: right">
+              2020-10-26
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10"> 备案部门： </van-col>
+            <van-col span="14" style="text-align: right">
+              盐城市民宗局
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10"> 证书备案编号： </van-col>
+            <van-col span="14" style="text-align: right">
+              20201026302
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10"> 证书有效期： </van-col>
+            <van-col span="14" style="text-align: right">
+              2023-10-26
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row justify="space-between">
+            <van-col span="10"> 教职人员类型： </van-col>
+            <van-col span="14" style="text-align: right">
+              负责人
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+      <van-row class="item">
+        <van-col span="24">
+          <van-row>
+            <van-col span="10"> 证书照片： </van-col>
+          </van-row>
+          <van-row>
+            <van-col span="10">
+                <img class="personImg" src="../../assets/logo.png" alt="" />
+            </van-col>
+          </van-row>
+        </van-col>
+      </van-row>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="less">
+body,
+html {
+  margin: 0;
+  padding: 0;
+  background-color: #f2f2f2;
+}
+.van-nav-bar {
+  background-color: #36a7f3;
+  .van-nav-bar__title {
+    color: #fff;
+  }
+  .van-badge__wrapper {
+    color: #fff;
+  }
+}
+.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;
+    }
+  }
+}
+.content {
+  position: fixed;
+  width: 85%;
+  top: 240px;
+  left: 50%;
+  padding: 20px 10px;
+  transform: translateX(-50%);
+  background-color: #fff;
+  border-radius: 10px;
+  font-size: 16px;
+  height: 680px;
+  overflow: auto;
+  h3 {
+    margin: 0;
+    padding: 0;
+  }
+  .itemInfo{
+    height: 100%;
+    .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%;
+    }
+  }
+}
+</style>

src/views/placeManage/placeRegister.vue

@@ -0,0 +1,256 @@
+<template>
+  <van-nav-bar title="智慧“和顺”" left-arrow @click-left="goback" />
+  <div class="main">
+    <p class="title">宗教场所录入</p>
+    <div class="formArea">
+      <p class="miniTitle">基础信息</p>
+      <van-cell-group>
+        <van-field
+          v-model="placeActivity.place"
+          readonly
+          label="所属宗教:"
+          placeholder="请选择宗教"
+          input-align="right"
+          right-icon="arrow-down"
+          @click="showPlace = true"
+        />
+        <van-popup v-model:show="showPlace" round position="bottom">
+          <van-picker
+            title="宗教选择"
+            :columns="places"
+            @cancel="showPlace = false"
+            @confirm="getPlace"
+          />
+        </van-popup>
+      </van-cell-group>
+      <van-cell-group>
+        <van-field
+          v-model="placeActivity.activityPlace"
+          center
+          readonly
+          label="所属县(区):"
+          placeholder="请填写所属县(区)"
+          input-align="right"
+          right-icon="arrow-down"
+          @click="showArea = true"
+        />
+        <van-popup v-model:show="showArea" round position="bottom">
+          <van-cascader
+            v-model="cascaderValue"
+            title="请选择所在地区"
+            :options="options"
+            @close="showArea = false"
+            @finish="onFinish"
+          />
+        </van-popup>
+      </van-cell-group>
+      <van-cell-group>
+        <van-field
+          v-model="placeActivity.address"
+          center
+          label="具体地址:"
+          placeholder="请填写具体地址"
+          input-align="right"
+          right-icon="location"
+        />
+      </van-cell-group>
+      <van-cell-group>
+        <van-field
+          v-model="placeActivity.money"
+          center
+          label="场所名称:"
+          placeholder="请填写场所名称"
+          input-align="right"
+        />
+      </van-cell-group>
+      <van-cell-group>
+        <van-field
+          v-model="placeActivity.money"
+          center
+          label="联络人姓名:"
+          placeholder="请填写联络人姓名"
+          input-align="right"
+        />
+      </van-cell-group>
+      <van-cell-group>
+        <van-field
+          v-model="placeActivity.money"
+          center
+          label="联系方式:"
+          placeholder="请填写联络人联系方式"
+          input-align="right"
+        />
+      </van-cell-group>
+      <van-cell-group>
+        <van-field name="uploader" label="外景照片:">
+          <template #input>
+            <van-uploader :after-read="afterRead" />
+          </template>
+        </van-field>
+      </van-cell-group>
+      <van-cell-group>
+        <van-field name="uploader" label="内景照片:">
+          <template #input>
+            <van-uploader :after-read="afterRead" />
+          </template>
+        </van-field>
+      </van-cell-group>
+    </div>
+    <div class="subbtn">
+      <van-button type="primary">提交</van-button>
+      <van-button type="default" hairline>取消</van-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { reactive, ref } from "vue";
+export default {
+  setup() {
+    const goback = () => {
+      history.back();
+    };
+    //场所录入
+    const placeActivity = reactive({
+      activity: "",
+      place: "",
+      activityTime: "",
+      countPerson: "",
+      list: "",
+      portname: "",
+      area: "",
+      activityPlace: "",
+      address: "",
+      money: "",
+      activityName: "",
+      tel: "",
+      file: "",
+      into: "",
+    });
+    // 宗教名称
+    const places = [
+      { text: "基督教", value: "基督教" },
+      { text: "佛教", value: "佛教" },
+      { text: "伊斯兰教", value: "伊斯兰教" },
+    ];
+    let showPlace = ref(false);
+    const getPlace = ({ selectedOptions }) => {
+      showPlace.value = false;
+      placeActivity.place = selectedOptions[0].text;
+    };
+    //图片上传
+    const afterRead = (file) => {
+      // 此时可以自行将文件上传至服务器
+      console.log(file);
+    };
+
+    // 地区选择
+    let showArea = ref(false);
+    const cascaderValue = ref("");
+    // 选项列表，children 代表子选项，支持多级嵌套
+    const options = [
+      {
+        text: "浙江省",
+        value: "330000",
+        children: [{ text: "杭州市", value: "330100" }],
+      },
+      {
+        text: "江苏省",
+        value: "320000",
+        children: [{ text: "南京市", value: "320100" }],
+      },
+    ];
+    // 全部选项选择完毕后，会触发 finish 事件
+    const onFinish = ({ selectedOptions }) => {
+      showArea.value = false;
+      placeActivity.activityPlace = selectedOptions
+        .map((option) => option.text)
+        .join("/");
+    };
+    return {
+      placeActivity,
+      // 活动场所
+      showPlace,
+      places,
+      getPlace,
+      //图片上传
+      afterRead,
+      // 返回
+      goback,
+      // 地区选择
+      showArea,
+      options,
+      onFinish,
+      cascaderValue,
+    };
+  },
+};
+</script>
+
+<style lang="less">
+body,
+html {
+  margin: 0;
+  padding: 0;
+}
+.van-nav-bar {
+  background-color: #36a7f3;
+  .van-nav-bar__title {
+    color: #fff;
+  }
+  .van-badge__wrapper {
+    color: #fff;
+  }
+}
+.main p {
+  height: 40px;
+  line-height: 40px;
+  color: #36a7f3;
+  border-bottom: 1px solid #eee;
+}
+.title {
+  font-size: 20px;
+  font-weight: 700;
+  padding-left: 20px;
+}
+.miniTitle {
+  font-size: 16px;
+}
+.formArea {
+  padding: 0px 20px;
+}
+.formArea .van-cell-group .van-field__label {
+  height: 40px;
+}
+.formArea .van-cell-group .van-cell {
+  line-height: 40px;
+}
+.van-cell__value .van-field__right-icon .van-icon-location {
+  color: #36a7f3 !important;
+}
+.rowTextArea::v-deep .van-field__value {
+  width: 98%;
+  border: 2px solid #ccc;
+  border-radius: 10px;
+}
+.rowTextArea::v-deep .van-cell {
+  display: flow-root;
+}
+.subbtn {
+  margin: 20px;
+  text-align: center;
+}
+.subbtn .van-button {
+  width: 40%;
+  margin: 5px;
+}
+.van-uploader .van-button {
+  border: none;
+  color: #36a7f3;
+  top: -4px;
+}
+.van-dialog {
+  width: 80%;
+  top: 50%;
+}
+</style>

src/views/toBeDone/toBeDone.vue

@@ -1,12 +1,5 @@
 <template>
-  <van-row class="header">
-    <van-col span="2">
-      <van-icon name="arrow-left" color="#ffffff" @click="goback"/>
-    </van-col>
-    <van-col span="22">
-      <h3 style="color: #fff">我的待办</h3>
-    </van-col>
-  </van-row>
+  <van-nav-bar title="我的待办" left-arrow @click-left="goback" />
   <van-tabs
     v-model:active="active"
     title-inactive-color="#bdbdbd"
@@ -212,11 +205,13 @@ html {
   padding: 0;
   background-color: #f2f2f2;
 }
-.header {
-  background-color: #39a9ed;
-  .van-col {
-    text-align: center;
-    margin: auto;
+.van-nav-bar {
+  background-color: #36a7f3;
+  .van-nav-bar__title {
+    color: #fff;
+  }
+  .van-badge__wrapper {
+    color: #fff;
   }
 }
 .list1 {

src/views/toBeDone/toBeDone_details.vue

@@ -1,12 +1,5 @@
 <template>
-  <van-row class="header">
-    <van-col span="2">
-      <van-icon name="arrow-left" color="#ffffff" @click="goback" />
-    </van-col>
-    <van-col span="22">
-      <h3 style="color: #fff">我的待办</h3>
-    </van-col>
-  </van-row>
+  <van-nav-bar title="我的待办" left-arrow @click-left="goback" />
   <div class="banner">
     <h2>扎实提升“三力”</h2>
     <h2>深入推进“三化”</h2>
@@ -65,16 +58,19 @@ html {
   padding: 0;
   background-color: #f2f2f2;
 }
-.header {
-  background-color: #39a9ed;
-  .van-col {
-    text-align: center;
-    margin: auto;
+.van-nav-bar {
+  background-color: #36a7f3;
+  border: none;
+  .van-nav-bar__title {
+    color: #fff;
+  }
+  .van-badge__wrapper {
+    color: #fff;
   }
 }
 .banner{
-    background-color: #39a9ed;
-    padding: 0px 50px 40px 50px;
+    background-color: #36a7f3;
+    padding: 20px 50px 40px 50px;
     color: #fff;
     h2{
         &:nth-child(1){