审核流程

2024-04-27 23:09:15 +08:00 · 2024-04-27 23:09:15 +08:00 · 57aa557e2b
parent 2e7bd9d7d0
commit 57aa557e2b
10 changed files with 170 additions and 214 deletions
--- a/src/pages/audits/data.data.js
+++ b/src/pages/audits/data.data.js
@ -9,65 +9,79 @@ export default {
      // },
      {
        title: '所属门店',
-        dataIndex: 'taskable.store.title',
+        dataIndex: 'check.subject.store.title',
        // borderBottom: false,
        // labelPosition: 'top'
      },
      {
        title: '电话号码',
-        dataIndex: '',
+        dataIndex: 'check.subject.store_master.phone',
      },
      {
        title: '申请时间',
-        dataIndex: 'created_at',
+        dataIndex: 'check.subject.created_at',
        format: timeFormat,
      },
      {
        title: '清洁范围',
-        dataIndex: 'taskable.description',
+        dataIndex: 'check.subject.description',
        labelPosition: 'top',
      },
      {
        title: '清洁结果',
-        dataIndex: 'taskable.photos',
+        dataIndex: 'check.subject.photos',
        type: 'album',
      },
    ],
+    params: { include: 'check.subject.task,check.subject.storeMaster,check.subject.store' }
  },
  reimbursements: {
    params: {
-      include: 'employee,store,type',
+      include: 'check.subject.type,check.subject.employee,check.subject.store',
    },
    data: [
      {
-        title: '审核状态',
-        dataIndex: 'workflow_check.check_status_text',
+        title: "申请人",
+        dataIndex: "check.subject.employee.name"
      },
      {
-        title: '未通过理由',
-        dataIndex: 'workflow_check.check_remarks',
-        isShow: (item) => {
-          return item?.workflow_check?.check_status == 4
-        },
+        title: "所属门店",
+        dataIndex: "check.subject.store.title"
+      },
+      {
+        title: "电话号码",
+        dataIndex: "check.subject.employee.phone"
+      },
+      {
+        title: "申请时间",
+        dataIndex: "check.subject.created_at_format"
      },
      {
        title: '报销分类',
-        dataIndex: 'type.name',
+        dataIndex: 'check.subject.type.name',
      },
      {
        title: '报销金额',
-        dataIndex: 'expense',
+        dataIndex: 'check.subject.expense',
      },
      {
        title: '报销原因',
-        dataIndex: 'reason',
+        dataIndex: 'check.subject.reason',
        labelPosition: 'top',
      },
      {
        title: '报销凭证',
-        dataIndex: 'photos',
+        dataIndex: 'check.subject.photos',
        type: 'album',
      },
+      {
+        title: '未通过原因',
+        dataIndex: 'remarks',
+        labelPosition: 'top',
+        isShow: (item) => {
+          return item?.check_status == 4
+        },
+      },
    ]
  }
 }
--- a/src/pages/audits/detail.vue
+++ b/src/pages/audits/detail.vue
@ -2,11 +2,7 @@
  <view>
    <CuNavbar title="审核详情">
      <template #right>
-        <view
-          class="text-sm text-white"
-          @click="goPath(`/pages/audits/log?id=${id}&type=${type}`)"
-          >审核流程</view
-        >
+        <view class="text-sm text-white" @click="goPath(`/pages/audits/log?id=${data.check_id}`)">审核流程</view>
      </template>
    </CuNavbar>
    <view class="px-base mt-30rpx">
@ -74,20 +70,11 @@ const modelOptions = reactive({

 const onConfirm = async () => {
  try {
-    await http.post(
-      `/workflow/${id.value}/check`,
-      {
-        subject_type: type.value,
-        status: !modelOptions.isValue,
-        remarks: modelOptions.isValue ? value.value : '',
-      },
-      {
-        header: {
-          Accept: 'application/json',
-        },
-      }
-    )
-    uni.$emit('audits:onRefresh')
+    await http.post(`/workflow/${id.value}/check`, {
+      status: !modelOptions.isValue,
+      remarks: modelOptions.isValue ? value.value : '',
+    })
+    // uni.$emit('audits:onRefresh')
    uni.navigateBack()
  } catch (error) {}
 }
@ -124,7 +111,6 @@ const getData = async () => {
  })
  data.value = resData.data
  checkable.value = resData.checkable
-  console.log(resData)
 }

 const goPath = (url) => {
--- a/src/pages/audits/log.vue
+++ b/src/pages/audits/log.vue
@ -21,7 +21,6 @@
                <view> {{ item.check_user ? item.check_user.name : item.check_name }}</view>
              </view>
              <view
-                v-if="item.checked_at"
                class="text-24rpx"
                :style="{
                  color: statusFun(item.check_status, 'statusExpense', 'color'),
@ -51,9 +50,7 @@ const list = ref([])
 // const currentStop = computed(()=>list.value.filter(e=>e.check_status>=3))
 onLoad((options) => {
  http
-    .get(`/workflow/${options.id}/logs`, {
-      params: { subject_type: options.type },
-    })
+    .get(`/workflow/${options.id}/logs`)
    .then((res) => {
      list.value = res
    })
--- a/src/pages/expense-account/detail.vue
+++ b/src/pages/expense-account/detail.vue
@ -41,15 +41,24 @@ const actionlist = ref([

 const colums = [
  {
-    title: '审核状态',
-    dataIndex: 'workflow_check.check_status_text',
+    title: "审核状态",
+    dataIndex: "workflow_check.check_status_text",
  },
  {
-    title: '未通过理由',
-    dataIndex: 'workflow_check.check_remarks',
-    isShow: (item) => {
-      return item?.workflow_check?.check_status == 4
-    },
+    title: "申请人",
+    dataIndex: "employee.name"
+  },
+  {
+    title: "所属门店",
+    dataIndex: "store.title"
+  },
+  {
+    title: "电话号码",
+    dataIndex: "employee.phone"
+  },
+  {
+    title: "申请时间",
+    dataIndex: "created_at_format"
  },
  {
    title: '报销分类',
@ -69,6 +78,14 @@ const colums = [
    dataIndex: 'photos',
    type: 'album',
  },
+  {
+    title: '未通过原因',
+    dataIndex: 'remarks',
+    labelPosition: 'top',
+    isShow: (item) => {
+      return item?.check_status == 4
+    },
+  },
 ]
 const actionSheet = ref(null)
 const data = ref(null)
--- a/src/pages/expense-account/index.vue
+++ b/src/pages/expense-account/index.vue
@ -2,11 +2,7 @@
  <view>
    <CuNavbar title="报销管理">
      <template #right>
-        <view
-          @click="goPath('/pages/expense-account/submit')"
-          class="text-24rpx text-white"
-          >申请</view
-        >
+        <view @click="goPath('/pages/expense-account/submit')" class="text-24rpx text-white">申请</view>
      </template>
    </CuNavbar>
    <uv-sticky bgColor="#fff">
@ -29,8 +25,25 @@
      >
        <template v-slot="{ list }">
          <view class="space-y-15rpx p-base">
-            <view v-for="item in list" :key="item.id">
-              <Item :item="item" />
+            <view v-for="item in list" :key="item.id" class="card-shadow bg-white rounded-19rpx p-base space-y-10rpx" @click="applyDetail(item)">
+              <view class="flex items-center justify-between">
+                <view class="text-30rpx"> {{ item.type?.name }} </view>
+                <view :style="{color: statusFun(item.workflow_check?.check_status,'statusExpense','color'),}" class="text-24rpx">{{ item.workflow_check?.check_status_text }}</view>
+              </view>
+              <view class="text-24rpx text-hex-999999 flex">
+                <view class="w-140rpx">报销金额</view>
+                <view class="text-primary">{{ item.expense }}</view>
+              </view>
+              <view class="text-24rpx text-hex-999999 flex">
+                <view class="w-140rpx">报销时间</view>
+                <view class="text-hex-333">{{ timeFormat(item.created_at) }}</view>
+              </view>
+              <view class="text-24rpx text-hex-999999">
+                <view class="">
+                  <text class="w-140rpx inline-block">报销原因:</text>
+                  <text class="text-hex-333 leading-27rpx">{{ item.reason }}</text>
+                </view>
+              </view>
            </view>
          </view>
        </template>
@ -45,13 +58,27 @@
      >
        <template v-slot="{ list }">
          <view class="space-y-15rpx p-base">
-            <view v-for="item in list" :key="item.id">
-              <Item
-                :item="item"
-                :type="tabList[1].params.subject_type"
-                status="statusExpense"
-              /> </view
-          ></view>
+            <view v-for="item in list" :key="item.id" class="card-shadow bg-white rounded-19rpx p-base space-y-10rpx" @click="checkDetail(item)">
+              <view class="flex items-center justify-between">
+                <view class="text-30rpx"> {{ item.check.subject.type.name }} </view>
+                <view :style="{color: statusFun(item.check_status,'statusExpense','color'),}" class="text-24rpx">{{ item.check_status_text }}</view>
+              </view>
+              <view class="text-24rpx text-hex-999999 flex">
+                <view class="w-140rpx">报销金额</view>
+                <view class="text-primary">{{ item.check.subject.expense }}</view>
+              </view>
+              <view class="text-24rpx text-hex-999999 flex">
+                <view class="w-140rpx">报销时间</view>
+                <view class="text-hex-333">{{ timeFormat(item.check.subject.created_at) }}</view>
+              </view>
+              <view class="text-24rpx text-hex-999999">
+                <view class="">
+                  <text class="w-140rpx inline-block">报销原因:</text>
+                  <text class="text-hex-333 leading-27rpx">{{ item.check.subject.reason }}</text>
+                </view>
+              </view>
+            </view>
+          </view>
        </template>
      </MescrollItem>
    </view>
@ -63,7 +90,8 @@ import { ref } from 'vue'
 import { onPageScroll, onReachBottom } from '@dcloudio/uni-app'
 import useMescrollMore from '@/uni_modules/mescroll-uni/hooks/useMescrollMore.js'
 import MescrollItem from '@/components/mescroll-api/more.vue'
-import Item from './item.vue'
+import { timeFormat } from '@climblee/uv-ui/libs/function'
+import statusFun from '@/utils/status'

 const mescrollItem0 = ref(null)
 const mescrollItem1 = ref(null)
@ -83,7 +111,7 @@ const tabList = ref([
  {
    name: '报销审核',
    apiUrl: '/workflow',
-    params: { subject_type: 'reimbursements', include: 'employee,store,type' },
+    params: { subject_type: 'reimbursements', include: 'check.subject.type' },
  },
 ])

@ -97,4 +125,16 @@ const goPath = (url) => {
    url,
  })
 }
+
+const applyDetail = (item) => {
+  uni.navigateTo({
+    url: `/pages/expense-account/detail?id=${item.id}`
+  })
+}
+
+const checkDetail = (item) => {
+  uni.navigateTo({
+    url: `/pages/audits/detail?id=${item.id}&type=${item.check.subject_type}`
+  })
+}
 </script>
--- a/src/pages/expense-account/item.vue
+++ b/src/pages/expense-account/item.vue
@ -1,61 +0,0 @@
-<template>
-  <view
-    class="card-shadow bg-white rounded-19rpx p-base space-y-10rpx"
-    @click="detail(item)"
-  >
-    <view class="flex items-center justify-between">
-      <view class="text-30rpx"> {{ item.type?.name }} </view>
-      <view
-        :style="[
-          {
-            color: statusFun(
-              item.workflow_check?.check_status,
-              status || 'statusExpense',
-              'color'
-            ),
-          },
-        ]"
-        class="text-24rpx"
-        >{{ item.workflow_check?.check_status_text }}</view
-      >
-    </view>
-    <view class="text-24rpx text-hex-999999 flex">
-      <view class="w-140rpx">报销金额</view>
-      <view class="text-primary">{{ item.expense }}</view>
-    </view>
-    <view class="text-24rpx text-hex-999999 flex">
-      <view class="w-140rpx">报销时间</view>
-      <view class="text-hex-333">{{ timeFormat(item.created_at) }}</view>
-    </view>
-    <view class="text-24rpx text-hex-999999">
-      <view class="">
-        <text class="w-140rpx inline-block">报销原因:</text>
-        <text class="text-hex-333 leading-27rpx">{{ item.reason }}</text>
-      </view>
-    </view>
-  </view>
-</template>
-<script setup>
-import { timeFormat } from '@climblee/uv-ui/libs/function'
-import statusFun from '@/utils/status'
-const emits = defineEmits(['click'])
-
-const props = defineProps({
-  item: Object,
-  type: String,
-  status: String,
-})
-
-const detail = (item) => {
-  let url
-  if (props.type) {
-    url = `/pages/audits/detail?id=${props.item.id}&type=${props.type}`
-  } else {
-    url = `/pages/expense-account/detail?id=${props.item.id}`
-  }
-
-  uni.navigateTo({
-    url: url,
-  })
-}
-</script>
--- a/src/pages/task/components/item.vue
+++ b/src/pages/task/components/item.vue
@ -1,70 +0,0 @@
-<template>
-  <view
-    class="card-shadow bg-white rounded-19rpx p-base space-y-10rpx"
-    @click.stop="onClick"
-  >
-    <view class="flex items-center justify-between">
-      <view class="text-30rpx">{{ item.name }}</view>
-      <view
-        :style="{
-          color: statusFun(
-            item.taskable.status,
-            isCheck ? 'task_hygienes' : item.taskable_type,
-            'color'
-          ),
-        }"
-        class="text-24rpx"
-        >{{
-          statusFun(
-            item.taskable.status,
-            isCheck ? 'task_hygienes' : item.taskable_type,
-            'name'
-          )
-        }}</view
-      >
-    </view>
-    <view class="text-24rpx text-hex-999999">
-      任务时间：{{ timeFormat(item.start_at, 'yyyy年mm月dd日') }} -
-      {{ timeFormat(item.end_at, 'yyyy年mm月dd日') }}
-    </view>
-  </view>
-</template>
-<script setup>
-import { computed } from 'vue'
-import statusFun from '@/utils/status'
-import { timeFormat } from '@climblee/uv-ui/libs/function/index'
-const props = defineProps({
-  item: Object,
-  isCheck: Boolean,
-  type: String,
-})
-
-const onClick = () => {
-  const type = props.item.taskable_type
-  const { status } = props.item.taskable
-  let url
-  if (props.isCheck) {
-    url = `/pages/audits/detail?id=${props.item.id}&type=${type}`
-  } else {
-    if (type === 'task_hygienes') {
-      if (status === 2 || status == 4) {
-        url = `/pages/task/task_hygienes_submit?id=${props.item.id}`
-      } else {
-        url = `/pages/task/detail?id=${props.item.id}`
-      }
-    } else if (type === 'task_ledgers') {
-      url = `/pages/task/${type}_submit?id=${props.item.id}`
-    }
-  }
-  uni.navigateTo({
-    url: url,
-  })
-}
-
-const onTask = (e) => {
-  const type = props.item.taskable_type
-  uni.navigateTo({
-    url: `/pages/task/${type}_submit?id=${props.item.id}`,
-  })
-}
-</script>
--- a/src/pages/task/detail.vue
+++ b/src/pages/task/detail.vue
@ -57,7 +57,7 @@ import { timeFormat } from '@climblee/uv-ui/libs/function'
 const baseColums = [
  {
    title: '申请人',
-    dataIndex: 'name',
+    dataIndex: 'taskable.store_master.name',
  },
  {
    title: '所属门店',
@ -65,7 +65,7 @@ const baseColums = [
  },
  {
    title: '电话号码',
-    dataIndex: '',
+    dataIndex: 'taskable.store_master.phone',
  },
  {
    title: '申请时间',
--- a/src/pages/task/index.vue
+++ b/src/pages/task/index.vue
@ -22,8 +22,15 @@
    >
      <template v-slot="{ list }">
        <view class="space-y-15rpx p-base">
-          <view v-for="(item, i) in list" :key="i">
-            <Item :item="item"></Item>
+          <view v-for="item in list" :key="item.id" class="card-shadow bg-white rounded-19rpx p-base space-y-10rpx" @click.stop="applyClick(item)">
+            <view class="flex items-center justify-between">
+              <view class="text-30rpx">{{ item.name }}</view>
+              <view class="text-24rpx" :style="{color: statusFun(item.taskable.status, 'task_hygienes' ,'color')}">{{ item.taskable.status_text }}</view>
+            </view>
+            <view class="text-24rpx text-hex-999999">
+              任务时间：{{ timeFormat(item.start_at, 'yyyy年mm月dd日') }} -
+              {{ timeFormat(item.end_at, 'yyyy年mm月dd日') }}
+            </view>
          </view>
        </view>
      </template>
@ -38,12 +45,15 @@
    >
      <template v-slot="{ list }">
        <view class="space-y-15rpx p-base">
-          <view v-for="(item, i) in list" :key="i">
-            <Item
-              :item="item"
-              isCheck
-              :type="tabList[1].params.subject_type"
-            ></Item>
+          <view v-for="item in list" :key="item.id" class="card-shadow bg-white rounded-19rpx p-base space-y-10rpx" @click.stop="checkClick(item)">
+            <view class="flex items-center justify-between">
+              <view class="text-30rpx">{{ item.check.subject.task.name }}</view>
+              <view class="text-24rpx" :style="{color: statusFun(item.check_status, 'statusExpense' ,'color')}">{{ item.check_status_text }}</view>
+            </view>
+            <view class="text-24rpx text-hex-999999">
+              任务时间：{{ timeFormat(item.check.subject.task.start_at, 'yyyy年mm月dd日') }} -
+              {{ timeFormat(item.check.subject.task.end_at, 'yyyy年mm月dd日') }}
+            </view>
          </view>
        </view>
      </template>
@ -53,10 +63,11 @@
 <script setup>
 import CuNavbar from '@/components/cu-navbar/index'
 import { computed, reactive, ref } from 'vue'
-import Item from './components/item.vue'
 import { onPageScroll, onReachBottom, onShow } from '@dcloudio/uni-app'
 import useMescrollMore from '@/uni_modules/mescroll-uni/hooks/useMescrollMore.js'
 import MescrollItem from '@/components/mescroll-api/more.vue'
+import statusFun from '@/utils/status'
+import { timeFormat } from '@climblee/uv-ui/libs/function/index'

 const mescrollItem0 = ref(null)
 const mescrollItem1 = ref(null)
@ -76,7 +87,8 @@ const tabList = ref([
    name: '任务审核',
    apiUrl: '/workflow',
    params: {
-      subject_type: 'task_hygienes'
+      subject_type: 'task_hygienes',
+      include: 'check.subject.task'
    },
  },
 ])
@ -85,4 +97,24 @@ const tabChange = ({ index }) => {
  tabIndex.value = index
  scrollToLastY()
 }
+
+const applyClick = (item) => {
+  const type = item.taskable_type
+  const status = item.taskable.status
+  let url
+  if (status === 2 || status == 4) {
+    url = `/pages/task/${type}_submit?id=${item.id}`
+  } else {
+    url = `/pages/task/detail?id=${item.id}`
+  }
+  uni.navigateTo({
+    url: url,
+  })
+}
+
+const checkClick = (item) => {
+  uni.navigateTo({
+    url: `/pages/audits/detail?id=${item.id}&type=${item.check.subject_type}`,
+  })
+}
 </script>
--- a/src/pages/task/task_hygienes_submit.vue
+++ b/src/pages/task/task_hygienes_submit.vue
@ -21,14 +21,15 @@
        </uv-form-item>
        <uv-line color="#f5f5f5"></uv-line>
        <uv-form-item
-          label="报销凭证"
+          label="清洁结果"
          labelPosition="top"
          prop="photos"
          required
        >
+          <template #right>{{ form.photos.length }} / {{ maxCount }}</template>
          <view class="w-full mt-15rpx">
            <uv-upload
-              :maxCount="9"
+              :maxCount="maxCount"
              multiple
              :fileList="form.photos"
              @afterRead="afterRead"
@ -65,12 +66,13 @@ const form = reactive({
  description: '',
  photos: [],
 })
+const maxCount = ref(9)
 const rules = reactive({
  description: [{ required: true, message: '请输入清洁范围' }],
  photos: {
    type: 'array',
    required: true,
-    message: '请上传报销凭证',
+    message: '请上传清洁结果',
  },
 })
 onLoad((options) => {
@ -80,6 +82,8 @@ onLoad((options) => {
 const submit = () => {
  formRef.value.validate().then((res) => {
    modalRef.value.open()
+  }).catch(error => {
+    console.log(error)
  })
 }

@ -90,9 +94,6 @@ const onSubmit = async () => {
    await http.request({
      url: `/tasks/${id.value}/submit`,
      method: 'POST',
-      header: {
-        Accept: 'application/json',
-      },
      data: {
        task_hygiene: {
          description: form.description,
@ -105,7 +106,7 @@ const onSubmit = async () => {
      icon: 'none',
    })
    formRef.value.resetFields()
-    uni.$emit('task:submit', resData)
+    uni.$emit('task:submit')
    uni.navigateBack()
  } catch (error) {
    console.log(error)