审批流程显示方式更新,多个视图页面及组件修改。

This commit is contained in:
zmj 2024-05-29 15:06:42 +08:00
parent ab8a6b1911
commit 12baa264bf
12 changed files with 450 additions and 8 deletions

View File

@ -6,7 +6,7 @@
审批内容
</template>
<!-- <generateForm :config="formData.data" :extend="extend" :form-data="formData.extends" :type="type"> -->
<zzjy></zzjy>
<jk></jk>
<!-- </generateForm> -->
</el-card>
<oaFlow :form-data="formData" :flow_cate="formData.id"></oaFlow>
@ -19,7 +19,7 @@ import generateForm from './../../components/generateForm/index.vue'
import Popup from "@/components/popup/index.vue";
import { apiOaoaApproveAdd } from "@/api/oa_Initiate"
import zzjy from './form/xz/zzjy.vue'
import jk from './form/jk/jk.vue'

View File

@ -0,0 +1,92 @@
<template>
<el-form ref="formRef" :model="formData" label-width="110px" :rules="formRules">
<el-row>
<el-col :span="8">
<el-form-item label="物品名称" prop="wpmc">
<el-input v-model="formData.wpmc" clearable placeholder="请输入物品名称" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="期望交互日期" prop="kssj">
<el-date-picker class="flex-1 !flex" v-model="formData.kssj" clearable type="datetime"
value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择期望交互日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="采购数量" prop="chsl">
<el-input v-model="formData.chsl" clearable placeholder="请输入采购数量" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="采购金额" prop="chje">
<el-input v-model="formData.chje" clearable placeholder="请输入采购金额" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="采购事由" prop="jlsy">
<el-input v-model="formData.jlsy" clearable placeholder="请输入采购事由" type="textarea" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="备注">
<el-input v-model="formData.bz" clearable placeholder="请输入备注" type="textarea" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="附件">
<uploadAnnex :form-data="formData"></uploadAnnex>
</el-form-item>
</el-col>
</el-row>
</el-form>
</template>
<script setup>
const qjlxList = reactive(['会议室一', '会议室二', '会议室三'])
const formData = ref({})
const formRef = ref(null)
//
const formRules = reactive({
wpmc: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
chsl: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
chje: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
jssj: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
jbsy: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
})
</script>

View File

@ -0,0 +1,94 @@
<template>
<el-form ref="formRef" :model="formData" label-width="110px" :rules="formRules">
<el-row>
<el-col :span="8">
<el-form-item label="付款金额" prop="jkje">
<el-input v-model="formData.wjmc" clearable placeholder="请输入借款金额" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="付款方式" prop="jjlx">
<el-select v-model="formData.jjlx" placeholder="请选择付款方式" class="flex-1">
<el-option :label="item" :value="index" v-for="(item, index) in qjlxList" :key="index">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="付款日期" prop="lwrq">
<el-date-picker class="flex-1 !flex" v-model="formData.lwrq" clearable type="datetime"
value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择付款日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="收款人全称" prop="jyr">
<el-input v-model="formData.jyr" clearable placeholder="请输入收款人全称" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="银行账号" prop="yhzh">
<el-input v-model="formData.yhzh" clearable placeholder="请输入银行账号" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="开户行" prop="khh">
<el-input v-model="formData.yhzh" clearable placeholder="请输入开户行" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="付款事由" prop="bz">
<el-input v-model="formData.bz" clearable placeholder="请输入借款事由" type="textarea" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="备注">
<el-input v-model="formData.bz1" clearable placeholder="请输入备注" type="textarea" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="附件">
<uploadAnnex :form-data="formData"></uploadAnnex>
</el-form-item>
</el-col>
</el-row>
</el-form>
</template>
<script setup>
let list = ['jkje', 'jjlx', 'jyr', 'yhzh', 'khh', "bz"]
const qjlxList = reactive(['银行卡', '现金', '汇票', '电汇', '贷记', '支票', '其他'])
const formData = reactive({})
const formRef = ref(null)
//
const formRules = reactive({
})
const setRules = () => {
list.forEach(item => {
formRules[item] = [{
required: true,
message: '不可为空',
trigger: ['blur']
}]
})
}
setRules()
const showPerDialog = ref(false)
const personnel = ref(null)
</script>

View File

@ -0,0 +1,90 @@
<template>
<el-form ref="formRef" :model="formData" label-width="110px" :rules="formRules">
<el-row>
<el-col :span="8">
<el-form-item label="活动名称" prop="jlje">
<el-input v-model="formData.jlje" clearable placeholder="请输入活动名称" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="活动预算" prop="jlje1">
<el-input v-model="formData.jlje" clearable placeholder="请输入活动预算" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="活动说明" prop="hdsm">
<el-input v-model="formData.hdsm" clearable placeholder="请输入活动说明" type="textarea" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="开始时间" prop="kssj">
<el-date-picker class="flex-1 !flex" v-model="formData.kssj" clearable type="datetime"
value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择开始时间">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="结束时间" prop="jssj">
<el-date-picker class="flex-1 !flex" v-model="formData.jssj" clearable type="datetime"
value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择结束时间">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="备注">
<el-input v-model="formData.bz" clearable placeholder="请输入备注" type="textarea" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="附件">
<uploadAnnex :form-data="formData"></uploadAnnex>
</el-form-item>
</el-col>
</el-row>
</el-form>
</template>
<script setup>
const qjlxList = reactive(['会议室一', '会议室二', '会议室三'])
const formData = ref({})
const formRef = ref(null)
//
const formRules = reactive({
jlje: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
jlje1: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
kssj: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
jssj: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
jbsy: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
})
</script>

View File

@ -0,0 +1,100 @@
<template>
<el-form ref="formRef" :model="formData" label-width="110px" :rules="formRules">
<el-row>
<el-col :span="8">
<el-form-item label="借款金额" prop="jkje">
<el-input v-model="formData.wjmc" clearable placeholder="请输入借款金额" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="借款类型" prop="jjlx">
<el-select v-model="formData.jjlx" placeholder="请选择借款类型" class="flex-1">
<el-option :label="item" :value="index" v-for="(item, index) in qjlxList" :key="index">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="申请日期" prop="lwrq">
<el-date-picker class="flex-1 !flex" v-model="formData.lwrq" clearable type="datetime"
value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择申请日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="借款人" prop="jyr">
<el-input v-model="formData.jyr" clearable placeholder="请输入借用人" @click="userclick('jyr')" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="银行账号" prop="yhzh">
<el-input v-model="formData.yhzh" clearable placeholder="请输入银行账号" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="开户行" prop="khh">
<el-input v-model="formData.yhzh" clearable placeholder="请输入开户行" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="借款事由" prop="bz">
<el-input v-model="formData.bz" clearable placeholder="请输入借款事由" type="textarea" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="备注">
<el-input v-model="formData.bz1" clearable placeholder="请输入备注" type="textarea" />
</el-form-item>
</el-col>
</el-row>
<div v-if="showPerDialog">
<personnelselector ref="personnel" @confirm="submituser" type="1">
</personnelselector>
</div>
</el-form>
</template>
<script setup>
let list = ['jkje', 'jjlx', 'jyr', 'yhzh', 'khh', "bz"]
const qjlxList = reactive(['差旅费', '办公费', '招待费', '交通费', '通讯费', '采购付款', '其他'])
const formData = reactive({})
const formRef = ref(null)
//
const formRules = reactive({
})
const setRules = () => {
list.forEach(item => {
formRules[item] = [{
required: true,
message: '不可为空',
trigger: ['blur']
}]
})
}
setRules()
const showPerDialog = ref(false)
const personnel = ref(null)
let value
const userclick = async (val) => {
showPerDialog.value = true
value = val
await nextTick()
personnel.value.open()
}
const submituser = (e) => {
formData[value] = e.name
formData[value + "_id"] = e.id
showPerDialog.value = false
}
</script>

View File

@ -0,0 +1,72 @@
<template>
<el-form ref="formRef" :model="formData" label-width="110px" :rules="formRules">
<el-row>
<el-col :span="8">
<el-form-item label="奖励金额" prop="jlje">
<el-input v-model="formData.jlje" clearable placeholder="请输入奖励金额" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="奖励日期" prop="kssj">
<el-date-picker class="flex-1 !flex" v-model="formData.kssj" clearable type="datetime"
value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择奖励日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="奖励事由" prop="jlsy">
<el-input v-model="formData.jlsy" clearable placeholder="请输入奖励事由" type="textarea" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="备注">
<el-input v-model="formData.bz" clearable placeholder="请输入备注" type="textarea" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="附件">
<uploadAnnex :form-data="formData"></uploadAnnex>
</el-form-item>
</el-col>
</el-row>
</el-form>
</template>
<script setup>
const qjlxList = reactive(['会议室一', '会议室二', '会议室三'])
const formData = ref({})
const formRef = ref(null)
//
const formRules = reactive({
jlje: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
kssj: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
jssj: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
jbsy: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
})
</script>

View File

@ -37,7 +37,6 @@
</template>
<script setup>
import uploadAnnex from './../../../components/uploadAnnex/index.vue'
const qjlxList = reactive(['事假', '年假', '调休假', '病假', '婚假', '产假', '陪产假', '其他'])
const formData = ref({})
const formRef = ref(null)

View File

@ -37,7 +37,6 @@
</template>
<script setup>
import uploadAnnex from './../../../components/uploadAnnex/index.vue'
const qjlxList = reactive(['事假', '年假', '调休假', '病假', '婚假', '产假', '陪产假', '其他'])
const formData = ref({})
const formRef = ref(null)

View File

@ -45,7 +45,6 @@
</template>
<script setup>
import uploadAnnex from './../../../components/uploadAnnex/index.vue'
const qjlxList = reactive(['事假', '年假', '调休假', '病假', '婚假', '产假', '陪产假', '其他'])
const formData = ref({})
const formRef = ref(null)

View File

@ -42,7 +42,6 @@
</template>
<script setup>
import uploadAnnex from './../../../components/uploadAnnex/index.vue'
const qjlxList = reactive(['事假', '年假', '调休假', '病假', '婚假', '产假', '陪产假', '其他'])
const formData = ref({})
const formRef = ref(null)

View File

@ -42,7 +42,6 @@
</template>
<script setup>
import uploadAnnex from './../../../components/uploadAnnex/index.vue'
const qjlxList = reactive(['普通', '紧急', '特急'])
const formData = ref({})
const formRef = ref(null)

View File

@ -43,7 +43,6 @@
</template>
<script setup>
import uploadAnnex from './../../../components/uploadAnnex/index.vue'
const qjlxList = reactive(['普通', '紧急', '特急'])
const formData = ref({})
const formRef = ref(null)