审批流程显示方式更新,多个视图页面及组件修改。
This commit is contained in:
parent
ab8a6b1911
commit
12baa264bf
@ -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'
|
||||
|
||||
|
||||
|
||||
|
92
src/views/oa_Initiate/form/jk/cg.vue
Normal file
92
src/views/oa_Initiate/form/jk/cg.vue
Normal 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>
|
94
src/views/oa_Initiate/form/jk/fk.vue
Normal file
94
src/views/oa_Initiate/form/jk/fk.vue
Normal 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>
|
90
src/views/oa_Initiate/form/jk/hdjf.vue
Normal file
90
src/views/oa_Initiate/form/jk/hdjf.vue
Normal 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>
|
100
src/views/oa_Initiate/form/jk/jk.vue
Normal file
100
src/views/oa_Initiate/form/jk/jk.vue
Normal 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>
|
72
src/views/oa_Initiate/form/jk/jl.vue
Normal file
72
src/views/oa_Initiate/form/jk/jl.vue
Normal 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>
|
@ -37,7 +37,6 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import uploadAnnex from './../../../components/uploadAnnex/index.vue'
|
||||
const qjlxList = reactive(['事假', '年假', '调休假', '病假', '婚假', '产假', '陪产假', '其他'])
|
||||
const formData = ref({})
|
||||
const formRef = ref(null)
|
||||
|
@ -37,7 +37,6 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import uploadAnnex from './../../../components/uploadAnnex/index.vue'
|
||||
const qjlxList = reactive(['事假', '年假', '调休假', '病假', '婚假', '产假', '陪产假', '其他'])
|
||||
const formData = ref({})
|
||||
const formRef = ref(null)
|
||||
|
@ -45,7 +45,6 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import uploadAnnex from './../../../components/uploadAnnex/index.vue'
|
||||
const qjlxList = reactive(['事假', '年假', '调休假', '病假', '婚假', '产假', '陪产假', '其他'])
|
||||
const formData = ref({})
|
||||
const formRef = ref(null)
|
||||
|
@ -42,7 +42,6 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import uploadAnnex from './../../../components/uploadAnnex/index.vue'
|
||||
const qjlxList = reactive(['事假', '年假', '调休假', '病假', '婚假', '产假', '陪产假', '其他'])
|
||||
const formData = ref({})
|
||||
const formRef = ref(null)
|
||||
|
@ -42,7 +42,6 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import uploadAnnex from './../../../components/uploadAnnex/index.vue'
|
||||
const qjlxList = reactive(['普通', '紧急', '特急'])
|
||||
const formData = ref({})
|
||||
const formRef = ref(null)
|
||||
|
@ -43,7 +43,6 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import uploadAnnex from './../../../components/uploadAnnex/index.vue'
|
||||
const qjlxList = reactive(['普通', '紧急', '特急'])
|
||||
const formData = ref({})
|
||||
const formRef = ref(null)
|
||||
|
Loading…
x
Reference in New Issue
Block a user