退款申请

src/views/process/processApproval/index.vue

@@ -2,40 +2,21 @@
   <div class="processApproval">
     <div class="left-card">
       <div class="top">
-        <div class="commons-title title">流程标题</div>
-        <SendSubscribe
-          ref="makeDom"
-          v-if="flowForm.flowKey == 'subscribe_flow'"
-        ></SendSubscribe>
-        <SendPurchase
-          ref="makeDom"
-          v-else-if="flowForm.flowKey == 'purchase_flow'"
-          :queryData="queryData.data"
-        ></SendPurchase>
-        <SendFunds
-          ref="makeDom"
-          v-else-if="flowForm.flowKey == 'account_request_funds_flow'"
-          :queryData="queryData.data"
-        ></SendFunds>
-        <ReturnGood
-          ref="makeDom"
-          v-else-if="flowForm.flowKey == '40'"
-          :queryData="queryData.data"
-        ></ReturnGood>
+        <div class="commons-title title">{{ route.query.flowName || "流程标题" }}</div>
+        <SendSubscribe ref="makeDom" v-if="flowForm.flowKey == 'subscribe_flow'"></SendSubscribe>
+        <SendPurchase ref="makeDom" v-else-if="flowForm.flowKey == 'purchase_flow'" :queryData="queryData.data"></SendPurchase>
+        <SendFunds ref="makeDom" v-else-if="flowForm.flowKey == 'account_request_funds_flow'" :queryData="queryData.data"></SendFunds>
+        <ReturnGood ref="makeDom" v-else-if="flowForm.flowKey == '40'" :queryData="queryData.data"></ReturnGood>
+        <PurchaseRefund ref="makeDom" v-else-if="flowForm.flowKey == 'refund_flow'" :queryData="queryData.data"></PurchaseRefund>
       </div>
       <div class="bottom">
         <div class="commons-title title">处理意见</div>
         <el-form :model="flowForm" :rules="flowRules" ref="flowFormDom">
           <el-form-item prop="remark" label-width="0px" label="">
-            <el-input
-              type="textarea"
-              placeholder="请输入"
-              v-model="flowForm.remark"
-            >
-            </el-input>
+            <el-input type="textarea" placeholder="请输入" v-model="flowForm.remark"> </el-input>
           </el-form-item>
           <el-form-item>
-            <el-button type="primary" @click="handleSubmit"> 提交 </el-button>
+            <el-button type="primary" @click="handleSubmit">提交</el-button>
           </el-form-item>
         </el-form>
       </div>
@@ -50,10 +31,7 @@
                 <i class="iconfont icon-iconm_daohzj right-btm-status"></i>
               </div>
               <div class="right-conetnt">
-                <div class="name">
-                  发起人:{{ item.processedUser }}
-                  <!-- <span>2022-11-11 00:00:00</span> -->
-                </div>
+                <div class="name">发起人:{{ item.processedUser }}</div>
                 <div class="remark">
                   <div class="label">{{ item.nodeName }}</div>
                   {{ item.remark }}
@@ -70,35 +48,21 @@
   <el-dialog title="下一处理人" width="400" v-model="dialogVisible">
     <el-form :model="flowForm">
       <el-form-item prop="remark" label="处理人">
-        <el-select
-          v-model="flowForm.handleUserId"
-          placeholder="请选择"
-          filterable
-          style="width: 100%"
-        >
-          <el-option
-            v-for="item in nextHandleUser"
-            :label="item.name"
-            :value="item.id"
-          >
-          </el-option>
+        <el-select v-model="flowForm.handleUserId" placeholder="请选择" filterable style="width: 100%">
+          <el-option v-for="item in nextHandleUser" :label="item.name" :value="item.id"> </el-option>
         </el-select>
       </el-form-item>
       <el-form-item>
         <div style="width: 100%; text-align: center">
-          <el-button type="primary" @click="handleSelectUser">提交 </el-button>
+          <el-button type="primary" @click="handleSelectUser">提交</el-button>
         </div>
       </el-form-item>
     </el-form>
   </el-dialog>
 </template>
 
-
-
 <script setup>
 import { useRouter, useRoute } from "vue-router";
-const router = useRouter();
-const route = useRoute();
 //申购发起
 import SendSubscribe from "@/components/process/SendSubscribe";
 //采购发起
@@ -109,6 +73,11 @@ import SendFunds from "@/components/process/SendFunds";
 import ReturnGood from "@/components/process/ReturnGood";
 // 消息提示
 import { ElMessage, ElMessageBox } from "element-plus";
+//退款
+import PurchaseRefund from "@/components/process/PurchaseRefund";
+
+const router = useRouter();
+const route = useRoute();
 // tab切换逻辑
 const activeName = ref("first");
 const handleClick = (tab, event) => {
@@ -139,7 +108,6 @@ const handleSelectUser = () => {
   }
   handleSubmit();
 };
-
 const handleResult = (res) => {
   if (res !== null && res.success) {
     skipPage();
@@ -173,6 +141,7 @@ const handleSubmit = async () => {
             }));
           } else if (flowForm.flowKey == "account_request_funds_flow") {
           } else if (flowForm.flowKey == "40") {
+          } else if (flowForm.flowKey == "refund_flow") {
           }
           proxy
             .post("/flowProcess/initiate", {
@@ -207,9 +176,12 @@ const skipPage = () => {
     router.replace({
       path: "/finance/fundManage/funds",
     });
+  } else if (flowForm.flowKey == "refund_flow") {
+    router.replace({
+      path: "/purchaseManage/purchasePayment/invoice",
+    });
   }
 };
-
 let queryData = reactive({
   data: {},
 });
@@ -225,7 +197,6 @@ const getRecords = () => {
       recordList.value = res;
     });
 };
-
 onMounted(() => {
   queryData.data = { ...route.query };
   flowForm.flowKey = route.query.flowKey;
@@ -233,7 +204,7 @@ onMounted(() => {
 });
 </script>
 
-  <style lang="scss" scoped>
+<style lang="scss" scoped>
 .processApproval {
   display: flex;
   justify-content: space-between;
@@ -342,4 +313,3 @@ onMounted(() => {
   }
 }
 </style>
-