|
|
@@ -18,8 +18,8 @@
|
|
|
</div>
|
|
|
</HcCardItem>
|
|
|
|
|
|
- <HcCardItem title="操作任务" class="mt-4">
|
|
|
- <el-form ref="formRef" :model="formModel" :rules="formRules" label-width="" :disabled="dataType !== 'to-do'">
|
|
|
+ <HcCardItem title="操作任务" class="mt-4" v-if="dataType === '1'">
|
|
|
+ <el-form ref="formRef" :model="formModel" :rules="formRules" label-width="" :disabled="tabsKey !== 'to-do'">
|
|
|
<el-form-item label="变更类别：" prop="type" size="large">
|
|
|
<el-radio-group v-model="formModel.type" size="large">
|
|
|
<el-radio label="1">已完成</el-radio>
|
|
|
@@ -41,20 +41,80 @@
|
|
|
</el-form>
|
|
|
</HcCardItem>
|
|
|
|
|
|
+ <HcCardItem title="数据详情" class="mt-4" v-if="dataType > 1">
|
|
|
+ <div class="hc-info-list">
|
|
|
+ <HcListItem title="报销金额：" content="1520元"/>
|
|
|
+ <HcListItem title="发生日期：" content="2023-05-15"/>
|
|
|
+ <HcListItem title="费用类型：" content="水电"/>
|
|
|
+ <HcListItem title="费用说明：" content="这是费用说明"/>
|
|
|
+ <HcListItem title="电子发票：" >
|
|
|
+ <HcImg ui="img" :index="0"
|
|
|
+ src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
|
|
|
+ :srcs="['https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg']"
|
|
|
+ />
|
|
|
+ <HcImg ui="img" :index="0"
|
|
|
+ src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
|
|
|
+ :srcs="['https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg']"
|
|
|
+ />
|
|
|
+ </HcListItem>
|
|
|
+ <HcListItem title="附件文件：" >
|
|
|
+ <HcImg ui="img" :index="0"
|
|
|
+ src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
|
|
|
+ :srcs="['https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg']"
|
|
|
+ />
|
|
|
+ <HcImg ui="img" :index="0"
|
|
|
+ src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
|
|
|
+ :srcs="['https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg']"
|
|
|
+ />
|
|
|
+ <HcImg ui="img" :index="0"
|
|
|
+ src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
|
|
|
+ :srcs="['https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg']"
|
|
|
+ />
|
|
|
+ <HcImg ui="img" :index="0"
|
|
|
+ src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
|
|
|
+ :srcs="['https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg']"
|
|
|
+ />
|
|
|
+ </HcListItem>
|
|
|
+ <HcListItem title="归属人：" content="张三"/>
|
|
|
+ <HcListItem title="备注信息：" content="备注数据"/>
|
|
|
+ </div>
|
|
|
+ </HcCardItem>
|
|
|
+
|
|
|
+ <HcCardItem title="操作任务" class="mt-4" v-if="dataType !== '1' && authType">
|
|
|
+ <HcListItem ui="items-center" title="支付状态：">
|
|
|
+ <el-radio-group v-model="formPay" size="large">
|
|
|
+ <el-radio label="1">已支付</el-radio>
|
|
|
+ <el-radio label="2" class="ml-4">待支付</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </HcListItem>
|
|
|
+ </HcCardItem>
|
|
|
+
|
|
|
<template #action>
|
|
|
<el-button size="large" type="info" hc-btn @click="goBackClick">
|
|
|
<HcIcon name="arrow-go-back"/>
|
|
|
- <span v-if="dataType === 'to-do'">取消并返回</span>
|
|
|
+ <span v-if="tabsKey === 'to-do'">取消并返回</span>
|
|
|
<span v-else>返回</span>
|
|
|
</el-button>
|
|
|
- <el-button size="large" type="danger" hc-btn @click="groundsShow" v-if="dataType === 'to-do'">
|
|
|
+ <el-button size="large" type="danger" hc-btn @click="groundsShow" v-if="tabsKey === 'to-do'">
|
|
|
<HcIcon name="arrow-go-forward"/>
|
|
|
<span>驳回申请</span>
|
|
|
</el-button>
|
|
|
- <el-button size="large" type="primary" hc-btn @click="doubleClick" v-if="dataType === 'to-do'">
|
|
|
+ <el-button size="large" type="primary" hc-btn @click="doubleClick" v-if="tabsKey === 'to-do'">
|
|
|
<HcIcon name="check-double"/>
|
|
|
<span>审核通过</span>
|
|
|
</el-button>
|
|
|
+
|
|
|
+ <!--模拟效果-->
|
|
|
+ <div class="w-36 mx-6 inline-block">
|
|
|
+ <el-select v-model="dataType" block placeholder="选择模拟类型" size="large">
|
|
|
+ <el-option label="任务详情" value="1"/>
|
|
|
+ <el-option label="财务报销" value="2"/>
|
|
|
+ <el-option label="采购" value="3"/>
|
|
|
+ <el-option label="外包支付" value="4"/>
|
|
|
+ <el-option label="借款审批" value="5"/>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <el-button hc-btn @click="authTypeClick">模拟财务审核</el-button>
|
|
|
</template>
|
|
|
|
|
|
<HcDialog bgColor="#ffffff" isToBody :loading="groundsLoading" :show="groundsModal" title="请填写驳回理由" widths="600px" @close="closeGroundsClick" @save="saveGroundsClick">
|
|
|
@@ -64,26 +124,34 @@
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</HcDialog>
|
|
|
+
|
|
|
</HcCard>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-import {onActivated, ref} from "vue";
|
|
|
+import {onMounted, ref} from "vue";
|
|
|
import {useRouter, useRoute} from 'vue-router'
|
|
|
|
|
|
//初始变量
|
|
|
const router = useRouter()
|
|
|
const useRoutes = useRoute()
|
|
|
+const tabsKey = ref(useRoutes?.query?.tabKey ?? '')
|
|
|
const dataType = ref(useRoutes?.query?.type ?? '')
|
|
|
const dataId = ref(useRoutes?.query?.id ?? '')
|
|
|
+const authType = ref(false)
|
|
|
|
|
|
//缓存页面被激活时
|
|
|
-onActivated(() => {
|
|
|
+onMounted(() => {
|
|
|
+ tabsKey.value = useRoutes?.query?.tabKey ?? ''
|
|
|
dataType.value = useRoutes?.query?.type ?? ''
|
|
|
dataId.value = useRoutes?.query?.id ?? ''
|
|
|
console.log(useRoutes.query)
|
|
|
})
|
|
|
|
|
|
+const authTypeClick = () => {
|
|
|
+ authType.value = !authType.value
|
|
|
+}
|
|
|
+
|
|
|
//任务表格
|
|
|
const tableColumn = [
|
|
|
{key: 'taskName', name: '所属项目'},
|
|
|
@@ -108,6 +176,7 @@ const formRules = {
|
|
|
message: "请输入节点名称"
|
|
|
},
|
|
|
}
|
|
|
+const formPay = ref('1')
|
|
|
|
|
|
const groundsShow = () => {
|
|
|
groundsLoading.value = false
|
