From 03d1cc76db22863801f16b86bf2b94b3cca60df8 Mon Sep 17 00:00:00 2001
From: pengda <10266652509@qq.com>
Date: Tue, 6 May 2025 10:49:34 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=87=E8=B4=AD=E4=BB=B7=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=B8=B2=E6=9F=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                  |  6 ++--
 src/views/super/Ranking/Purchase.vue | 62 ++++++++++++++++++++++++------------
 2 files changed, 46 insertions(+), 22 deletions(-)

diff --git a/src/router/index.js b/src/router/index.js
index d58299f..8e66625 100755
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,11 +10,13 @@ const whiteSlideList = ['/', '/ui', '/siteList']; //侧边导航白名单
 const whiteHeaderList = ['/', '/ui', '/register', '/configureServicePrices', '/siteList','/siteSetting/siteBaseSetting','/siteSetting/sitePersonalization'
   ,'/siteSetting/siteH5','/siteSetting/siteSem','/pageTemplete','/demo',
   '/super/ranking/yearProfit', '/super/ranking/monthProfit', '/super/ranking/checkProfit', '/super/ranking/checkOrdernum',
-  '/super/ranking/checkRefund', '/super/ranking/agentProfit', '/super/ranking/agentRecharge', '/super/ranking/agentNew'
+  '/super/ranking/checkRefund', '/super/ranking/agentProfit', '/super/ranking/agentRecharge', '/super/ranking/agentNew',
+  '/super/ranking/purchase','/super/ranking/stagePurchase'
 ]; //头部导航白名单
 const whiteFooterList = ['/', '/ui', '/configureServicePrices',
   '/super/ranking/yearProfit', '/super/ranking/monthProfit', '/super/ranking/checkProfit', '/super/ranking/checkOrdernum',
-  '/super/ranking/checkRefund', '/super/ranking/agentProfit', '/super/ranking/agentRecharge', '/super/ranking/agentNew'
+  '/super/ranking/checkRefund', '/super/ranking/agentProfit', '/super/ranking/agentRecharge', '/super/ranking/agentNew',
+  '/super/ranking/purchase','/super/ranking/stagePurchase'
 ]; //底部白名单
 const routes = [{
     path: '/',
diff --git a/src/views/super/Ranking/Purchase.vue b/src/views/super/Ranking/Purchase.vue
index 9eecb47..298da20 100644
--- a/src/views/super/Ranking/Purchase.vue
+++ b/src/views/super/Ranking/Purchase.vue
@@ -5,15 +5,16 @@
             <el-button type="primary" @click="openDialog">新增</el-button>
 
             <GuipDialog :dialogVisible="dialogVisible" :title="dialogTitle" :show-close-button="false"
-                        :show-cancel-button="showCancelButton" @confirm="handleConfirm" @cancel="handleCancel" @close="handleClose"
+                        :show-cancel-button="showCancelButton" @confirm="handleConfirm" @cancel="handleCancel"
+                        @close="handleClose"
                         @dialogVisibleChange="dialogVisibleChange">
                 <el-form :model="form" class="el-row demo-ruleForm" ref="formRef">
                     <el-form-item label="检测类型" prop="type">
-                        <GuipSelect v-model="form.type" :options="type2nameOptions" :defaultValue="form.typename" />
+                        <GuipSelect v-model="form.type" :options="type2nameOptions" :defaultValue="form.typename"/>
                     </el-form-item>
                     <el-form-item label="采购单价" prop="type" label-width="73px">
                         <div style="display: flex; align-items: center; gap: 8px; width: 100%;">
-                            <GuipInput v-model="form.unit_price" style="flex: 1;" :default-value="form.unit_price" />
+                            <GuipInput v-model="form.unit_price" style="flex: 1;" :default-value="form.unit_price"/>
                             <span>元 /</span>
                             <GuipInput v-model="form.unit_num" style="flex: 1;" :default-value="form.unit_num"/>
                             <span>字（篇/页）</span>
@@ -28,8 +29,10 @@
                             </div>
                         </el-form-item>
                         <el-form-item label="起止日期" prop="type" label-width="73px">
-                            <el-date-picker v-model="form.date" type="daterange" range-separator="至" start-placeholder="开始日期"
-                                            end-placeholder="结束日期" value-format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" :default-value="form.date">
+                            <el-date-picker v-model="form.date" type="daterange" range-separator="至"
+                                            start-placeholder="开始日期"
+                                            end-placeholder="结束日期" value-format="yyyy-MM-dd HH:mm:ss"
+                                            style="width: 100%;" :default-value="form.date">
                             </el-date-picker>
                         </el-form-item>
                     </template>
@@ -39,8 +42,13 @@
         <div class=" flex-common">
             <el-form>
                 <el-table :data="tableData" style="width: 100%">
-                    <template  v-if="type == 'purchase'">
-                        <el-table-column label="检测类型">
+                    <template v-if="type == 'purchase'">
+                        <el-table-column prop="type">
+                            <template slot="header">
+                                <GuipSelect class="custom-select" v-model="chktype" :options="type2nameOptions"
+                                            defaultValue="检测类型" @change="changeSelectType"/>
+                            </template>
+
                             <template slot-scope="scope">
                                 {{ type2name[scope.row.type] }}
                             </template>
@@ -59,8 +67,13 @@
                         </el-table-column>
                     </template>
 
-                    <template  v-else>
-                        <el-table-column label="检测类型">
+                    <template v-else>
+                        <el-table-column prop="type">
+                            <template slot="header">
+                                <GuipSelect class="custom-select" v-model="chktype" :options="type2nameOptions"
+                                            defaultValue="检测类型" @change="changeSelectType"/>
+                            </template>
+
                             <template slot-scope="scope">
                                 {{ type2name[scope.row.type] }}
                             </template>
@@ -132,7 +145,8 @@ export default {
     },
     data() {
         return {
-            chktype:0,
+            id: 0,
+            chktype: 0,
             currentPage: 1,    //当前页
             pageSize: 5,   //每页的容量
             total: 0,   //列表总数
@@ -188,6 +202,9 @@ export default {
                 this.getStagePurchase()
             }
         },
+        changeSelectType() {
+            this.init()
+        },
         getPurchase() {
             const that = this
             that.tableData = []
@@ -240,12 +257,12 @@ export default {
         handleConfirm() {
             console.log('提交成功:', this.form);
             const that = this
-            if(!that.form.type){
+            if (!that.form.type) {
                 this.$message.warning('请选择检测类型');
                 return
             }
-            if(that.type == 'purchase'){
-                if(!that.form.unit_price || !that.form.unit_num){
+            if (that.type == 'purchase') {
+                if (!that.form.unit_price || !that.form.unit_num) {
                     this.$message.warning('请输入采购单价');
                     return
                 }
@@ -256,7 +273,7 @@ export default {
                     unit_num: that.form.unit_num,
                 }).then(response => {
                     this.$nextTick(() => {
-                        if(!response.status){
+                        if (!response.status) {
                             this.$message.warning(response.info);
                         }
                         this.dialogVisible = false;
@@ -265,13 +282,13 @@ export default {
                     this.$message.warning(error);
                     this.dialogVisible = false;
                 })
-            }else{
-                if((!that.form.unit_price || !that.form.unit_num) && !that.form.cost){
+            } else {
+                if ((!that.form.unit_price || !that.form.unit_num) && !that.form.cost) {
                     this.$message.warning('请输入采购单价或阶段成本');
                     return
                 }
 
-                if(!that.form.sdate || !that.form.edate){
+                if (!that.form.sdate || !that.form.edate) {
                     this.$message.warning('请选择起止日期');
                     return
                 }
@@ -285,7 +302,7 @@ export default {
                     edate: that.form.edate,
                 }).then(response => {
                     this.$nextTick(() => {
-                        if(!response.status){
+                        if (!response.status) {
                             this.$message.warning(response.info);
                         }
                         this.dialogVisible = false;
@@ -316,14 +333,16 @@ export default {
             const D = pad(date.getDate());
             return `${Y}-${M}-${D}`;
         },
-        editPurchase(row){
+        editPurchase(row) {
+            this.form.id = row.id
             this.form.type = row.type
             this.form.typename = this.type2name[row.type]
             this.form.unit_price = row.unit_price
             this.form.unit_num = row.unit_num
             this.dialogVisible = true;
         },
-        editStagePurchase(row){
+        editStagePurchase(row) {
+            this.form.id = row.id
             this.form.type = row.type
             this.form.typename = this.type2name[row.type]
             this.form.unit_price = row.unit_price
@@ -334,4 +353,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
+.custom-select {
+  width: 200px;
+}
 </style>
\ No newline at end of file