From 7948e742072980cc1a735beded1e5d55b46ac4a0 Mon Sep 17 00:00:00 2001
From: qb <1191961160@qq.com>
Date: Mon, 15 Apr 2024 17:34:57 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=B7=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/Pricesystem/index.js                 |   6 +-
 src/views/Pricesystem/ListOfPriceSystems.vue |   5 +-
 src/views/Pricesystem/PricesyHome.vue        | 160 ++++++++++---------
 3 files changed, 91 insertions(+), 80 deletions(-)

diff --git a/src/api/Pricesystem/index.js b/src/api/Pricesystem/index.js
index 5fa7398c..5992fc4d 100644
--- a/src/api/Pricesystem/index.js
+++ b/src/api/Pricesystem/index.js
@@ -56,10 +56,12 @@ export const $_putpriceTemplate = data => {
   });
 };
 
-// 查看详情
+/**
+ * 查看详情
+ */
 export const $_InfopriceTemplate = params => {
   return request({
-    url: '/api/logpm-basicdata/priceTemplate/' + params.id,
+    url: '/api/logpm-basicdata/basicdataPrice/' + params.id,
     method: 'get',
   });
 };
diff --git a/src/views/Pricesystem/ListOfPriceSystems.vue b/src/views/Pricesystem/ListOfPriceSystems.vue
index 34306065..71cc4dbf 100644
--- a/src/views/Pricesystem/ListOfPriceSystems.vue
+++ b/src/views/Pricesystem/ListOfPriceSystems.vue
@@ -413,14 +413,15 @@ const Deletetemplate = () => {
     });
 };
 
-// 修改模板
+// 设置价格
 const Modifytemplate = row => {
   console.log(row);
   $router.push({
     query: {
       id: row.id,
+      templateId: row.templateId,
     },
-    path: '/financialsector/FinanceHome',
+    path: '/Pricesystem/PricesyHome',
   });
 };
 
diff --git a/src/views/Pricesystem/PricesyHome.vue b/src/views/Pricesystem/PricesyHome.vue
index 13aff3dd..9ae5734c 100644
--- a/src/views/Pricesystem/PricesyHome.vue
+++ b/src/views/Pricesystem/PricesyHome.vue
@@ -1,59 +1,5 @@
 <template>
-  <div class="content_box" v-loading="ServiceTypeLoading">
-    <div class="header">
-      <!-- <div class="el_Template">
-          <span class="name">模板名称</span>
-          <el-input v-model="form.TemplateName" style="width: 240px" placeholder="请输入模板名称" />
-        </div>
-  
-  
- 
-        <div class="el_Service">
-          <span class="name">品牌</span>
-          <el-select
-            v-model="form.brand"
-            filterable
-            placeholder="请选择品牌"
-            :popper-append-to-body="false"
-            style="width: 340px"
-          >
-            <el-option
-              v-for="item in brand"
-              :key="item.value"
-              :label="item.brandName"
-              :value="item.id"
-            >
-            </el-option>
-          </el-select>
-        </div> -->
-
-      <!-- 服务类型  -->
-      <div class="el_Service">
-        <span class="name">服务类型</span>
-        <el-select
-          v-model="form.ServiceType"
-          filterable
-          placeholder="请选择服务类型"
-          :popper-append-to-body="false"
-          style="width: 340px"
-          multiple
-          @remove-tag="removeTag"
-          :loading="ServiceTypeLoading"
-        >
-          <el-option
-            v-for="item in ServiceList"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          >
-            <el-checkbox v-model="item.check" @change="isChecked(item)">
-              {{ item.label }}
-            </el-checkbox>
-          </el-option>
-        </el-select>
-      </div>
-    </div>
-
+  <basic-container v-loading="pageLoading">
     <!-- 模板内容 -->
     <div class="content">
       <el-tabs type="border-card" v-model="Tabmenu">
@@ -74,13 +20,19 @@
         </template>
       </el-tabs>
     </div>
-  </div>
+  </basic-container>
 </template>
 
 <script setup>
 import { ref, defineAsyncComponent } from 'vue';
 import { getDictionaryBiz } from '@/api/system/dict'; //字典
 import { $_basicdataBrande } from '@/api/financialsector/index'; //价格模板
+import { $_InfopriceTemplate as getInfo } from '@/api/Pricesystem/index.js';
+import { $_InfopriceTemplate } from '@/api/financialsector/index.js';
+import { useRoute } from 'vue-router';
+
+const $route = useRoute();
+
 //仓储模板
 const FinancialWarehousing = defineAsyncComponent(() =>
   import('@/views/Pricesystem/Price/PriceWarehousing.vue')
@@ -95,13 +47,18 @@ const FinancialTrunkLine = defineAsyncComponent(() =>
 const FinancialDelivery = defineAsyncComponent(() =>
   import('@/views/Pricesystem/Price/PriceDelivery.vue')
 );
-const ServiceTypeLoading = ref(true); //菜单加载
+/** 页面loading */
+const pageLoading = ref(true); //菜单加载
 const form = ref({});
-const brand = ref([]); //品牌
 const Tabmenu = ref('仓储');
 const templateInfo = ref({});
 // 菜单列表
 const ServiceList = ref([]);
+/** 车辆类型 */
+const VehicleTypeList = ref([]);
+
+const request = ref({}); //用于保存会显的值
+
 // 字典公共函数
 function updateDictionary(targetArray, dictionaryType) {
   getDictionaryBiz(dictionaryType)
@@ -119,32 +76,83 @@ function updateDictionary(targetArray, dictionaryType) {
         }
       }
     })
-    .catch(() => {})
-    .finally(() => {
-      ServiceTypeLoading.value = false;
-    });
+    .catch(() => {});
 }
+
+// 循环渲染菜单
+async function executeCheckedResults(results) {
+  await nextTick();
+  for (const res of results) {
+    await isChecked(res, false, false);
+    await provideData();
+  }
+  pageLoading.value = false;
+}
+
+/** 获取回显数据 */
+const initData = async () => {
+  try {
+    const res = await getInfo({ id: $route.query.id });
+
+    const { code, data } = res.data;
+
+    if (code !== 200) return;
+
+    // form.value = data;
+  } catch (error) {
+    console.log('error :>> ', error);
+  }
+};
+
 // 页面初始化必要请求
-const onLoad = () => {
-  updateDictionary(ServiceList.value, 'service_type'); //菜单加载
-  let data = {
-    current: 1,
-    size: 1000,
-  };
-  $_basicdataBrande(data).then(res => {
-    console.log(res, '品牌');
-    if (res.data.code == 200) {
-      brand.value = res.data.data;
-    }
-  });
+const onLoad = async () => {
+  try {
+    pageLoading.value = true;
+
+    const PromiseAll = [
+      /** 服务类型 */
+      updateDictionary(ServiceList.value, 'service_type'),
+      /** 车辆类型 */
+      updateDictionary(VehicleTypeList.value, 'price_vehicle_type'),
+    ];
+
+    await Promise.all(PromiseAll);
+
+    initData();
+
+    console.log('VehicleTypeList :>> ', VehicleTypeList);
+    let data = {
+      id: $route.query.templateId,
+    };
+    $_InfopriceTemplate(data).then(res => {
+      console.log(res, '获取详情');
+      if (res.data.code == 200) {
+        request.value = res.data.data; //发送回显数据
+        form.value.TemplateName = res.data.data.name || ''; //模板名称
+        form.value.ServiceType = res.data.data.serviceType.split(',') || []; //服务类型
+
+        console.log('form.value.ServiceType :>> ', form.value.ServiceType);
+        const result = ServiceList.value.filter(item =>
+          form.value.ServiceType.includes(item.value)
+        );
+        // 激活菜单设置为已经存在的
+        executeCheckedResults(result);
+      }
+    });
+  } catch (error) {
+    console.log('error :>> ', error);
+  } finally {
+    pageLoading.value = false;
+  }
 };
 onLoad();
+
 // 点击菜单
-const isChecked = val => {
+const isChecked = (val, isCheck = false) => {
   //菜单隐藏/显示
   val.state = !val.state;
   //设置激活菜单
-  Tabmenu.value = val.label;
+  if (!isCheck) Tabmenu.value = val.label;
   // 如果当前菜单被关闭则显示最新菜单
   if (!val.state && form.value.ServiceType.length) {
     Tabmenu.value = ServiceList.value.find(res => res.state).label;