产品进销存-前端
blame | 历史 | 补丁 | 提交 | 提交对比 | 忽略空白
spring
6 小时以前 b3af089315a98903163a394a3b1ca0e4c634b9ab 
 src/views/collaborativeApproval/approvalProcess/components/approvalDia.vue


@@ -32,7 +32,7 @@


                  </el-form-item>


               </el-col>


            </el-row>


            <el-row>


            <el-row v-if="!isQuotationApproval">


               <el-col :span="24">


                  <el-form-item label="审批事由：" prop="approveReason">


                     <el-input v-model="form.approveReason" placeholder="请输入" clearable type="textarea" disabled/>


@@ -73,6 +73,54 @@


               </el-col>


            </el-row>


         </el-form>




      <!-- 报价审批：展示报价详情（复用销售报价“查看详情对话框”内容结构） -->


      <div v-if="isQuotationApproval" style="margin: 10px 0 18px;">


        <el-divider content-position="left">报价详情</el-divider>


        <el-skeleton :loading="quotationLoading" animated>


          <template #template>


            <el-skeleton-item variant="h3" style="width: 30%" />


            <el-skeleton-item variant="text" style="width: 100%" />


            <el-skeleton-item variant="text" style="width: 100%" />


          </template>


          <template #default>


            <el-empty v-if="!currentQuotation || !currentQuotation.quotationNo" description="未查询到对应报价详情" />


            <template v-else>


              <el-descriptions :column="2" border>


                <el-descriptions-item label="报价单号">{{ currentQuotation.quotationNo }}</el-descriptions-item>


                <el-descriptions-item label="客户名称">{{ currentQuotation.customer }}</el-descriptions-item>


                <el-descriptions-item label="业务员">{{ currentQuotation.salesperson }}</el-descriptions-item>


                <el-descriptions-item label="报价日期">{{ currentQuotation.quotationDate }}</el-descriptions-item>


                <el-descriptions-item label="有效期至">{{ currentQuotation.validDate }}</el-descriptions-item>


                <el-descriptions-item label="付款方式">{{ currentQuotation.paymentMethod }}</el-descriptions-item>


                <el-descriptions-item label="报价总额" :span="2">


                  <span style="font-size: 18px; color: #e6a23c; font-weight: bold;">


                    ¥{{ Number(currentQuotation.totalAmount ?? 0).toFixed(2) }}


                  </span>


                </el-descriptions-item>


              </el-descriptions>




              <div style="margin-top: 20px;">


                <h4>产品明细</h4>


                <el-table :data="currentQuotation.products || []" border style="width: 100%">


                  <el-table-column prop="product" label="产品名称" />


                  <el-table-column prop="specification" label="规格型号" />


                  <el-table-column prop="unit" label="单位" />


                  <el-table-column prop="unitPrice" label="单价">


                    <template #default="scope">¥{{ Number(scope.row.unitPrice ?? 0).toFixed(2) }}</template>


                  </el-table-column>


                </el-table>


              </div>




              <div v-if="currentQuotation.remark" style="margin-top: 20px;">


                <h4>备注</h4>


                <p>{{ currentQuotation.remark }}</p>


              </div>


            </template>


          </template>


        </el-skeleton>


      </div>




      <el-form :model="{ activities }" ref="formRef" label-position="top">


        <el-steps :active="getActiveStep()" finish-status="success" process-status="process" align-center direction="vertical">


          <el-step


@@ -130,7 +178,7 @@


</template>




<script setup>


import { getCurrentInstance, reactive, ref, toRefs } from "vue";


import { computed, getCurrentInstance, reactive, ref, toRefs } from "vue";


import {


   approveProcessDetails,


   getDept,


@@ -139,8 +187,16 @@


import useUserStore from "@/store/modules/user.js";


import {userListNoPageByTenantId} from "@/api/system/user.js";


import { WarningFilled, Edit, Check, MoreFilled } from '@element-plus/icons-vue'


import { getQuotationList } from "@/api/salesManagement/salesQuotation.js";


const emit = defineEmits(['close'])


const { proxy } = getCurrentInstance()




const props = defineProps({


  approveType: {


    type: [Number, String],


    default: 0


  }


})




const dialogFormVisible = ref(false);


const operationType = ref('')


@@ -149,6 +205,10 @@


const userStore = useUserStore()


const productOptions = ref([]);


const userList = ref([])


const quotationLoading = ref(false)


const currentQuotation = ref({})


const isQuotationApproval = computed(() => Number(props.approveType) === 6)




const data = reactive({


   form: {


      approveTime: "",


@@ -186,11 +246,27 @@


const openDialog = (type, row) => {


  operationType.value = type;


  dialogFormVisible.value = true;


  currentQuotation.value = {}


   userListNoPageByTenantId().then((res) => {


      userList.value = res.data;


   });


   form.value = {...row}


   getProductOptions()




  // 报价审批：用审批事由字段承载的“报价单号”去查报价列表


  if (isQuotationApproval.value) {


    const quotationNo = row?.approveReason;


    if (quotationNo) {


      quotationLoading.value = true


      getQuotationList({ quotationNo }).then((res) => {


        const records = res?.data?.records || []


        currentQuotation.value = records[0] || {}


      }).finally(() => {


        quotationLoading.value = false


      })


    }


  }




  approveProcessDetails(row.approveId).then((res) => {


    activities.value = res.data


    // 增加isApproval字段


@@ -230,6 +306,8 @@


const closeDia = () => {


  proxy.resetForm("formRef");


  dialogFormVisible.value = false;


  quotationLoading.value = false


  currentQuotation.value = {}


  emit('close')


};


defineExpose({