first commit

lawOrgPages/pages/action.vue

@@ -0,0 +1,117 @@
+<template>
+  <view class="min-height bg-linear">
+    <HeaderItem title="企业法治检查"/>
+    <view class="rounded-top min-height p-30 bg-gray-light">
+      <view class="my-20 card p-30">
+        <u-form label-width="140rpx">
+          <u-form-item label="企业名称" border-bottom>
+            <u-input v-model="formData.companyName" border="none" placeholder="请输入企业名称"/>
+          </u-form-item>
+          <u-form-item label="检查单位" border-bottom>
+            <u-input v-model="formData.checkCompanyName" border="none" placeholder="请输入检查单位"/>
+          </u-form-item>
+          <u-form-item label="检查日期" border-bottom @click="showDate = true">
+            <u-input v-model="formData.checkDate" border="none" placeholder="请选择检查日期" readonly>
+              <u-icon
+                slot="right"
+                name="arrow-right"
+              ></u-icon>
+            </u-input>
+          </u-form-item>
+          <u-form-item label="来访类型" border-bottom @click="showType = true">
+            <u-input v-model="formData.type" border="none" placeholder="请选择来访类型" readonly>
+              <u-icon
+                slot="right"
+                name="arrow-right"
+              ></u-icon>
+            </u-input>
+          </u-form-item>
+          <u-form-item label="本季度检查次数" border-bottom>
+            <u-input v-model="formData.checkNum" border="none" placeholder="请输入本季度检查次数"/>
+          </u-form-item>
+          <u-form-item label="来访评价" border-bottom>
+            <u-textarea maxlength="-1" v-model="formData.comment" border="none" placeholder="请输入来访评价"/>
+          </u-form-item>
+          <u-form-item label="备注说明">
+            <u-textarea maxlength="-1" v-model="formData.remark" border="none" placeholder="请输入备注说明"/>
+          </u-form-item>
+        </u-form>
+      </view>
+      <view class="mt-30">
+        <u-button type="primary" shape="circle" @click="save"
+                  :hairline="false"
+                  :custom-style="{border: 0, background: 'linear-gradient(91.28deg, rgba(14,146,252,1) 27.63%,rgba(29,188,188,1) 80.08%);'}">
+          提交
+        </u-button>
+      </view>
+    </view>
+    <u-picker :show="showType" :columns="[typeList]" @cancel="showType = false"
+              @confirm="selectType" key-name="dictDataCode"
+    />
+    <u-datetime-picker
+      :show="showDate"
+      v-model="checkDate"
+      mode="date"
+      @confirm="selectDate"
+    />
+  </view>
+</template>
+
+<script>
+import HeaderItem from "@/components/HeaderItem.vue";
+import {lawOrgCheckActionReq} from "@/api/lawOrg";
+import {dictDataReq} from "@/api/common";
+import dayjs from 'dayjs'
+
+export default {
+  name: "action",
+  components: {HeaderItem},
+  data() {
+    return {
+      formData: {
+        companyName: '',
+        checkCompanyName: '',
+        checkDate: '',
+        type: '',
+        checkNum: '',
+        comment: '',
+        remark: '',
+      },
+      typeList: [],
+      showType: false,
+      showDate: false,
+      checkDate: Number(new Date()),
+    }
+  },
+  methods: {
+    async getDictList() {
+      const {data} = await dictDataReq({dictId: '164'})
+      this.typeList = data
+    },
+    async save() {
+      if (!this.formData.checkCompanyName) return this.$toast('请输入检查单位')
+      if (!this.formData.checkDate) return this.$toast('请选择检查日期')
+      if (!this.formData.type) return this.$toast('请选择来访类型')
+      if (!this.formData.checkNum) return this.$toast('请输入本季度检查次数')
+      const res = await lawOrgCheckActionReq(this.formData)
+      if (res) {
+        this.$toast('提交成功')
+        setTimeout(() => {
+          uni.navigateBack()
+        }, 500)
+      }
+    },
+    selectType({value}) {
+      this.formData.type = value[0].dictDataCode
+      this.showType = false
+    },
+    selectDate({value}){
+      this.showDate = false
+      this.formData.checkDate = dayjs(value).format("YYYY-MM-DD")
+    }
+  },
+  onLoad() {
+    this.getDictList()
+  },
+}
+</script>

lawOrgPages/pages/aiChat.vue

@@ -0,0 +1,13 @@
+<template>
+
+</template>
+
+<script>
+export default {
+  name: "aiChat",
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>

lawOrgPages/pages/index.vue

@@ -0,0 +1,78 @@
+<template>
+  <view class="min-height bg-main-light p-25">
+    <HeaderItem title="人员机构查询"/>
+    <TitleItem title="法律服务机构"/>
+    <view class="flex justify-start items-center flex-wrap mt-20">
+      <view v-for="(item, index) in orgTypeList" :key="index" class="mr-15 mb-15 pos-r"
+            style="width: 220rpx; height: 120rpx" @click="$jump(`/lawOrgPages/pages/orgList?type=${item.dictDataCode}`)">
+        <view class="pos-a" style="left: 0;top: 0">
+          <u-image src="/lawOrgPages/static/ticket.png" width="220rpx" height="120rpx"/>
+        </view>
+        <view class="flex justify-center items-center flex-col pos-a text-25"
+              style="z-index: 1;left: 0;top: 0; width: 220rpx; padding-top: 25rpx">
+          <text class="text-20">{{ item.dictDataCode }}</text>
+          <text class="text-red mt-30" v-if="orgList && orgList.length">{{ orgList.filter(o => o.type === item.dictDataCode).length }}</text>
+        </view>
+      </view>
+    </view>
+    <TitleItem title="法律服务人员"/>
+    <view class="flex justify-start items-center flex-wrap mt-20">
+      <view v-for="(item, index) in orgPeopleTypeList" :key="index" class="mr-15 mb-15 pos-r"
+            style="width: 220rpx; height: 120rpx" @click="$jump(`/lawOrgPages/pages/peopleList?type=${item.dictDataCode}`)">
+        <view class="pos-a" style="left: 0;top: 0">
+          <u-image src="/lawOrgPages/static/ticket.png" width="220rpx" height="120rpx"/>
+        </view>
+        <view class="flex justify-center items-center flex-col pos-a text-25"
+              style="z-index: 1;left: 0;top: 0; width: 220rpx; padding-top: 25rpx">
+          <text class="text-20">{{ item.dictDataCode }}</text>
+          <text class="text-red mt-30">{{ orgPeopleList.filter(o => o.type === item.dictDataCode).length }}</text>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import HeaderItem from "@/components/HeaderItem.vue";
+import {dictDataReq} from "@/api/common";
+import {listLawOrgPeopleReq, listLawOrgReq} from "@/api/lawOrg";
+import TitleItem from "@/components/TitleItem.vue";
+
+export default {
+  name: "index",
+  components: {TitleItem, HeaderItem},
+  data() {
+    return {
+      orgTypeList: [],
+      orgPeopleTypeList: [],
+      orgList: [],
+      orgPeopleList: [],
+    }
+  },
+  methods: {
+    async getOrgTypeList() {
+      const {data} = await dictDataReq({dictId: '161'})
+      this.orgTypeList = data
+    },
+    async getPeopleTypeList() {
+      const {data} = await dictDataReq({dictId: '162'})
+      this.orgPeopleTypeList = data
+    },
+    async getOrgList() {
+      const {data} = await listLawOrgReq()
+      this.orgList = data
+    },
+    async getPeopleList() {
+      const {data} = await listLawOrgPeopleReq()
+      this.orgPeopleList = data
+    },
+
+  },
+  async onLoad() {
+    await this.getOrgTypeList()
+    await this.getOrgList()
+    await this.getPeopleTypeList()
+    await this.getPeopleList()
+  },
+}
+</script>

lawOrgPages/pages/map.vue

@@ -0,0 +1,141 @@
+<template>
+  <view class="min-height bg-main-light">
+    <HeaderItem title="法律服务地图"/>
+    <view class="p-20 pos-r bg-linear">
+      <u-input v-model="keyword" shape="circle" :custom-style="{background: 'white', height: '65rpx'}"
+               placeholder="请输入您要查找的机构姓名"/>
+      <view class="pos-a" style="right: 30rpx; top: 25rpx">
+        <u-button shape="circle" type="primary" :custom-style="{width: '200rpx', zIndex: 9999}" @click="getList">
+          搜索
+        </u-button>
+      </view>
+    </view>
+    <view class="card m-20 flex justify-center items-center" @click="showType = true">
+      <u-icon name="arrow-down" :label="type" label-pos="left" label-size="25rpx"/>
+    </view>
+    <map style="width: 100%; height: calc(100vh - 410rpx);"
+         @markertap="onClickedMarker"
+         :scale="scale"
+         :longitude="longitude"
+         :latitude="latitude"
+         :markers="markers">
+    </map>
+    <view class="bottom pos-r" v-if="showBottom">
+      <view style="position:absolute; right: 20rpx; top: 20rpx" @click="showBottom = false">
+        <u-icon name="close"/>
+      </view>
+      <view class="p-50 flex justify-between items-center text-25">
+        <view class="flex flex-col justify-start items-start" v-if="showBottom && clickedItem">
+          <text class="text-28 font-bold">{{ clickedItem.title }}</text>
+          <text class="mt-15 text-25">{{ clickedItem.province }}{{ clickedItem.city }}{{ clickedItem.region }}</text>
+        </view>
+        <view>
+          <u-icon name="/lawOrgPages/static/map-circle.png" size="100rpx" @click="toNav" label="到这去" label-size="25rpx"
+                  space="10rpx" label-pos="bottom"/>
+        </view>
+      </view>
+    </view>
+    <u-picker :show="showType" :columns="[typeList]" @cancel="showType = false"
+              :default-index="defaultIndex"
+              @confirm="selectType" key-name="dictDataCode"
+    />
+  </view>
+</template>
+
+<script>
+import HeaderItem from "@/components/HeaderItem.vue";
+import {dictDataReq} from "@/api/common";
+import {listLawOrgReq} from "@/api/lawOrg";
+import {MAIN} from "@/config/color";
+import coordtransform from 'coordtransform'
+
+export default {
+  name: "peopleList",
+  components: {HeaderItem},
+  data() {
+    return {
+      type: '全部机构类型',
+      keyword: '',
+      list: [],
+      typeList: [],
+      defaultIndex: [0],
+      showType: false,
+      longitude: null,
+      latitude: null,
+      clickedItem: null,
+      showBottom: null,
+      scale: 13,
+      markers: []
+    }
+  },
+  methods: {
+    MAIN() {
+      return MAIN
+    },
+    async getTypeList() {
+      const {data} = await dictDataReq({dictId: '161'})
+      this.typeList = [{dictDataCode: '全部机构类型'}, ...data]
+    },
+    selectType({value}) {
+      this.type = value[0].dictDataCode
+      this.showType = false
+      this.getList()
+    },
+    async getList() {
+      const {data} = await listLawOrgReq({
+        keywords: this.keyword
+      })
+      this.markers = []
+      this.list = this.type !== '全部机构类型' ? data.filter(item => item.type === this.type) : data
+      if (this.list.length) {
+        this.markers = this.list.map(item => {
+          const [lng, lat] = coordtransform.wgs84togcj02(item.lng, item.lat)
+          return {
+            id: item.id,
+            width: 20,
+            height: 30,
+            latitude: parseFloat(lat),
+            longitude: parseFloat(lng)
+          }
+        })
+        this.latitude = parseFloat(this.list[0].lat)
+        this.longitude = parseFloat(this.list[0].lng)
+      }else this.$toast('暂无数据')
+    },
+    call(phoneNumber) {
+      uni.makePhoneCall({
+        phoneNumber: phoneNumber
+      })
+    },
+    onClickedMarker({markerId}) {
+      this.clickedItem = this.list.find(item => item.id === markerId)
+      this.showBottom = true
+    },
+    toNav(){
+      const [lng, lat] = coordtransform.wgs84togcj02(this.clickedItem.lng, this.clickedItem.lat)
+      uni.openLocation({
+        latitude: parseFloat(lat),
+        longitude: parseFloat(lng),
+        name: this.clickedItem.title,
+        address: `${this.clickedItem.province}${this.clickedItem.city}${this.clickedItem.region}${this.clickedItem.address}`,
+      })
+    }
+  },
+  onLoad() {
+    this.getTypeList()
+    this.getList()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.bottom {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  border-radius: 30rpx 30rpx 0 0;
+  background-color: white;
+  width: 100%;
+  height: 300rpx;
+}
+</style>

lawOrgPages/pages/orgList.vue

@@ -0,0 +1,107 @@
+<template>
+  <view class="min-height bg-main-light">
+    <HeaderItem title="机构"/>
+    <view class="p-20 pos-r bg-linear">
+      <u-input v-model="keyword" shape="circle" :custom-style="{background: 'white', height: '65rpx'}"
+               placeholder="请输入您要查找的机构姓名"/>
+      <view class="pos-a" style="right: 30rpx; top: 30rpx">
+        <u-button shape="circle" type="primary" :custom-style="{width: '200rpx', zIndex: 9999}" @click="getList">
+          搜索
+        </u-button>
+      </view>
+    </view>
+    <view class="card m-20 flex justify-center items-center" @click="showType = true">
+      <u-icon name="arrow-down" :label="type" label-pos="left" label-size="25rpx"/>
+    </view>
+    <template v-if="list.length">
+      <view class="bg-white rounded m-20 flex flex-col justify-start items-start" v-for="(item, index) in list"
+            :key="index" style="padding: 25rpx 0">
+        <text class="text-28 text-main m-15 mx-25">{{ item.title }}</text>
+        <view class="flex justify-start items-center text-25 text-gray-weight w-100p pb-20"
+              style="border-bottom: 1px dotted #6EA5D1">
+          <u-icon name="/lawOrgPages/static/building.png" size="100rpx"/>
+          <view class="flex flex-col justify-start items-start w-80p ml-15">
+            <view class="flex justify-between items-center mt-15 w-100p" @click="call(item.phone)">
+              <text>联系方式: {{ item.phone }}</text>
+              <u-icon name="phone" :color="MAIN()" size="40rpx"/>
+            </view>
+            <text class="mt-15">机构地址: {{ item.province }}{{ item.city }}{{ item.region }}</text>
+            <text class="mt-15">详细地址: {{ item.address }}</text>
+          </view>
+        </view>
+        <view class="py-15 flex justify-center items-center w-100p" @click="toMap(item)">
+          <u-icon name="/lawOrgPages/static/position.png" size="40rpx" label="到这去" :label-color="MAIN()"
+                  label-pos="right" label-size="28rpx"/>
+        </view>
+      </view>
+    </template>
+    <u-empty v-else icon="/lawOrgPages/static/empty.png"/>
+    <u-picker :show="showType" :columns="[typeList]" @cancel="showType = false"
+              :default-index="defaultIndex"
+              @confirm="selectType" key-name="dictDataCode"
+    />
+  </view>
+</template>
+
+<script>
+import HeaderItem from "@/components/HeaderItem.vue";
+import {dictDataReq} from "@/api/common";
+import {listLawOrgPeopleReq, listLawOrgReq} from "@/api/lawOrg";
+import {MAIN} from "@/config/color";
+import coordtransform from 'coordtransform'
+
+export default {
+  name: "peopleList",
+  components: {HeaderItem},
+  data() {
+    return {
+      type: '',
+      keyword: '',
+      list: [],
+      typeList: [],
+      defaultIndex: [0],
+      showType: false
+    }
+  },
+  methods: {
+    MAIN() {
+      return MAIN
+    },
+    async getTypeList() {
+      const {data} = await dictDataReq({dictId: '161'})
+      this.typeList = data
+      this.defaultIndex = [data.findIndex(item => item.dictDataCode === this.type)]
+    },
+    selectType({value}) {
+      this.type = value[0].dictDataCode
+      this.showType = false
+      this.getList()
+    },
+    async getList() {
+      const {data} = await listLawOrgReq({
+        keywords: this.keyword
+      })
+      this.list = data.filter(item => item.type === this.type)
+    },
+    call(phoneNumber) {
+      uni.makePhoneCall({
+        phoneNumber: phoneNumber
+      })
+    },
+    toMap(item){
+      const [lng, lat] = coordtransform.wgs84togcj02(item.lng, item.lat)
+      uni.openLocation({
+        latitude: parseFloat(lat),
+        longitude: parseFloat(lng),
+        name: item.title,
+        address: `${item.province}${item.city}${item.region}${item.address}`,
+      })
+    }
+  },
+  onLoad({type}) {
+    this.type = type
+    this.getTypeList()
+    this.getList()
+  }
+}
+</script>

lawOrgPages/pages/peopleList.vue

@@ -0,0 +1,90 @@
+<template>
+  <view class="min-height bg-main-light">
+    <HeaderItem title="人员"/>
+    <view class="p-20 pos-r bg-linear">
+      <u-input v-model="keyword" shape="circle" :custom-style="{background: 'white', height: '65rpx'}"
+               placeholder="请输入您要查找的人员姓名"/>
+      <view class="pos-a" style="right: 30rpx; top: 30rpx">
+        <u-button shape="circle" type="primary" :custom-style="{width: '200rpx', zIndex: 9999}" @click="getList">
+          搜索
+        </u-button>
+      </view>
+    </view>
+    <view class="card m-20 flex justify-center items-center" @click="showType = true">
+      <u-icon name="arrow-down" :label="type" label-pos="left" label-size="25rpx"/>
+    </view>
+    <template v-if="list.length">
+      <view class="card m-20 flex justify-start items-start" v-for="(item, index) in list" :key="index">
+        <u-icon name="/lawOrgPages/static/header.png" size="80rpx"/>
+        <view class="ml-15 flex flex-col justify-start text-25 text-gray-weight w-100p">
+          <text class="text-28">{{ item.name }}</text>
+          <view class="flex justify-between items-center mt-15 w-100p" @click="call(item.phone)">
+            <text>联系方式: {{ item.phone }}</text>
+            <u-icon name="phone" :color="MAIN()" size="50rpx"/>
+          </view>
+          <text class="mt-15">技术职称: {{ item.position }}</text>
+          <text class="mt-15">执业类别: {{ item.positionType }}</text>
+          <text class="mt-15">执业机构: {{ item.lawOrg ? item.lawOrg.title : '' }}</text>
+        </view>
+      </view>
+    </template>
+    <u-empty v-else icon="/lawOrgPages/static/empty.png"/>
+    <u-picker :show="showType" :columns="[typeList]" @cancel="showType = false"
+              :default-index="defaultIndex"
+              @confirm="selectType" key-name="dictDataCode"
+    />
+  </view>
+</template>
+
+<script>
+import HeaderItem from "@/components/HeaderItem.vue";
+import {dictDataReq} from "@/api/common";
+import {listLawOrgPeopleReq} from "@/api/lawOrg";
+import {MAIN} from "@/config/color";
+
+export default {
+  name: "peopleList",
+  components: {HeaderItem},
+  data() {
+    return {
+      type: '',
+      keyword: '',
+      list: [],
+      typeList: [],
+      defaultIndex: [0],
+      showType: false
+    }
+  },
+  methods: {
+    MAIN() {
+      return MAIN
+    },
+    async getTypeList() {
+      const {data} = await dictDataReq({dictId: '162'})
+      this.typeList = data
+      this.defaultIndex = [data.findIndex(item => item.dictDataCode === this.type)]
+    },
+    selectType({value}) {
+      this.type = value[0].dictDataCode
+      this.showType = false
+      this.getList()
+    },
+    async getList() {
+      const {data} = await listLawOrgPeopleReq({
+        keywords: this.keyword
+      })
+      this.list = data.filter(item => item.type === this.type)
+    },
+    call(phoneNumber){
+      uni.makePhoneCall({
+        phoneNumber: phoneNumber
+      })
+    }
+  },
+  onLoad({type}) {
+    this.type = type
+    this.getTypeList()
+    this.getList()
+  }
+}
+</script>