From ac3db5c05391fa2b28c6f9cde0550c09d33404a1 Mon Sep 17 00:00:00 2001
From: zz <2510566342@qq.com>
Date: Mon, 19 Aug 2024 15:02:03 +0800
Subject: [PATCH] =?UTF-8?q?8.19=20=E4=B8=8B=E5=8D=88=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../hoursAndMinutes/modelTimeForm.vue         |   2 +-
 .../hoursAndMinutes/modelTimeList.vue         |  45 ++++++--
 .../billingModel/index.vue                    |  12 ++-
 .../hoursAndMinutes/ElectricityTimeForm.vue   |   2 +-
 .../components/hoursAndMinutes/index.vue      |  47 +++++---
 .../components/month/index.vue                |  13 +--
 .../electricityPriceModel/index.vue           |  10 +-
 .../electricityPriceModel/yuanForm.vue        |   4 +-
 .../hoursAndMinutes/index.vue                 |  12 +--
 .../operationalModel/index.vue                |  17 ++-
 .../operationalModel/yuanForm.vue             | 102 ++++++++++++++++++
 11 files changed, 221 insertions(+), 45 deletions(-)
 create mode 100644 src/views/system/operationsManagement/operationalModel/yuanForm.vue

diff --git a/src/views/system/operationsManagement/billingModel/components/hoursAndMinutes/modelTimeForm.vue b/src/views/system/operationsManagement/billingModel/components/hoursAndMinutes/modelTimeForm.vue
index 0447c9e..7ce2fcb 100644
--- a/src/views/system/operationsManagement/billingModel/components/hoursAndMinutes/modelTimeForm.vue
+++ b/src/views/system/operationsManagement/billingModel/components/hoursAndMinutes/modelTimeForm.vue
@@ -269,7 +269,7 @@ const resetForm = () => {
 async function getbillingDateData(){
   const data = await ElectricityDateApi.getElectricityDatenew({modeId:props.selectId})//此处传月模型的id
   // const data = await ElectricityDateApi.getElectricityDatePage({modelId:props.selectId})
-  console.log(data,"----------")
+  // console.log(data,"----------")
   billingDateData.value=data||[]
 
 }
diff --git a/src/views/system/operationsManagement/billingModel/components/hoursAndMinutes/modelTimeList.vue b/src/views/system/operationsManagement/billingModel/components/hoursAndMinutes/modelTimeList.vue
index b97dd06..960958f 100644
--- a/src/views/system/operationsManagement/billingModel/components/hoursAndMinutes/modelTimeList.vue
+++ b/src/views/system/operationsManagement/billingModel/components/hoursAndMinutes/modelTimeList.vue
@@ -17,7 +17,25 @@
             class="!w-200px"
           />
         </el-form-item>
-        <el-form-item label="换电服务单价" prop="price">
+        <el-form-item label="计费模型名称" prop="billingDateId">
+          <el-select v-model="queryParams.billingDateId"    style="width: 100%;">
+            <el-option
+            v-for="item in namelist"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+              
+            />
+          </el-select>
+          <!-- <el-input
+            v-model="queryParams.name"
+            placeholder="请输入计费模型名称"
+            clearable
+            @keyup.enter="handleQuery"
+            class="!w-200px"
+          /> -->
+        </el-form-item>
+        <!-- <el-form-item label="换电服务单价" prop="price">
           <el-input
             v-model="queryParams.price"
             placeholder="请输入换电服务单价"
@@ -25,7 +43,7 @@
             @keyup.enter="handleQuery"
             class="!w-200px"
           />
-        </el-form-item>
+        </el-form-item> -->
 
        
         <!-- <el-form-item label="是否启用:0启用;1禁用" prop="status">
@@ -43,7 +61,7 @@
     
         
       
-        <el-form-item label="开始时刻" prop="startTime">
+        <!-- <el-form-item label="开始时刻" prop="startTime">
           <el-date-picker
             v-model="queryParams.startTime"
             value-format="YYYY-MM-DD HH:mm:ss"
@@ -64,7 +82,7 @@
             :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
             class="!w-200px"
           />
-        </el-form-item>
+        </el-form-item> -->
         <el-form-item>
           <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
           <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
@@ -98,7 +116,12 @@
         <!-- <el-table-column label="索引" align="center" prop="id" /> -->
         <el-table-column label="计费模型名称" align="center" prop="name" />
         <!-- <el-table-column label="计费模型id" align="center" prop="billingModelId" /> -->
-        <el-table-column label="换电服务单价" align="center" prop="price" />
+        <el-table-column label="换电服务单价" align="center" prop="price" >
+          <template #defaluut="scope">
+            {{scope.price / 100}}
+
+          </template>
+        </el-table-column>
         <el-table-column label="电池服务费" align="center" prop="batFee" />
         <el-table-column label="平台服务费" align="center" prop="platformFee" />
         <el-table-column label="是否启用" align="center" prop="status" >
@@ -158,7 +181,8 @@
   import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
   import download from '@/utils/download'
   import { BillingTimeApi, BillingTimeVO } from '@/api/operationsManagement/billingModel/timeModel'
-
+  // 获取单独模型月列表名称
+import { ElectricityDateApi, ElectricityDateVO } from '@/api/operationsManagement/billingModel/monthModel'
 //   import modelTimeForm from './hoursAndMinutes/modelTimeForm.vue'
   
   /** 换电计费分时模型 列表 */
@@ -174,6 +198,7 @@
   const { t } = useI18n() // 国际化
   
   const loading = ref(true) // 列表的加载中
+  const namelist = ref('') // 列表的加载中
   const list = ref<BillingTimeVO[]>([]) // 列表的数据
   // 列表的总页数
   const total = ref(0)
@@ -255,7 +280,12 @@
       exportLoading.value = false
     }
   }
-  
+  async function getbillingDateData(){
+  const data = await ElectricityDateApi.getElectricityDatenew({modeId:props.selectId})//此处传月模型的id
+
+  namelist.value=data||[]
+
+}
   /** 初始化 **/
   // onMounted(() => {
   //   getList()
@@ -264,6 +294,7 @@
 
   watch(()=>props.selectId,async(newValue)=>{
   getList()
+  getbillingDateData()
 },{
   deep:true,
   immediate:true
diff --git a/src/views/system/operationsManagement/billingModel/index.vue b/src/views/system/operationsManagement/billingModel/index.vue
index 179c6e2..80951e1 100644
--- a/src/views/system/operationsManagement/billingModel/index.vue
+++ b/src/views/system/operationsManagement/billingModel/index.vue
@@ -33,10 +33,10 @@
       <el-form-item>
         <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
         <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
-        <!-- <el-button type="primary" plain @click="openForm('create')">
+       <el-button type="primary" plain @click="openFormone('create')">
           <Icon icon="ep:plus" class="mr-5px" /> 新增
         </el-button>
-        <el-button type="success" plain @click="handleExport" :loading="exportLoading">
+      <!--    <el-button type="success" plain @click="handleExport" :loading="exportLoading">
           <Icon icon="ep:download" class="mr-5px" /> 导出
         </el-button> -->
       </el-form-item>
@@ -113,6 +113,8 @@
 
   <!-- 表单弹窗：添加/修改 -->
   <BillingModelForm ref="formRef" @success="getList" />
+  <!-- 模型的新增 -->
+  <YuanForm ref="formRefone" @success="getList" />
   <!-- 详情 -->
   <billingModelDetails ref="detailRef" />
 </template>
@@ -125,6 +127,7 @@ import download from '@/utils/download'
 import { BillingModelApi, BillingModelVO } from '@/api/operationsManagement/billingModel'
 import BillingModelForm from './BillingModelForm.vue'
 import billingModelDetails from './billingModelDetails.vue'
+import YuanForm from './YuanForm.vue'
 
 /** 换电计费模型 列表 */
 defineOptions({ name: 'BillingModel' })
@@ -182,6 +185,11 @@ const formRef = ref()
 const openForm = (type: string, id?: number) => {
   formRef.value.open(type, id)
 }
+/** 添加*/
+const formRefone = ref()
+const openFormone = (type: string, id?: number) => {
+  formRefone.value.open(type, id)
+}
 
 /** 删除按钮操作 */
 const handleDelete = async (id: number) => {
diff --git a/src/views/system/operationsManagement/electricityPriceModel/components/hoursAndMinutes/ElectricityTimeForm.vue b/src/views/system/operationsManagement/electricityPriceModel/components/hoursAndMinutes/ElectricityTimeForm.vue
index 62eb609..6e280a8 100644
--- a/src/views/system/operationsManagement/electricityPriceModel/components/hoursAndMinutes/ElectricityTimeForm.vue
+++ b/src/views/system/operationsManagement/electricityPriceModel/components/hoursAndMinutes/ElectricityTimeForm.vue
@@ -63,7 +63,7 @@
           
         </el-col>
         <el-col :span="12">
-          <el-form-item label="电价模型名称" prop="dateId">
+          <el-form-item label="计费模型月名称" prop="dateId">
             <el-select v-model="formData.dateId"    style="width: 100%;">
             <el-option
             v-for="item in dateId"
diff --git a/src/views/system/operationsManagement/electricityPriceModel/components/hoursAndMinutes/index.vue b/src/views/system/operationsManagement/electricityPriceModel/components/hoursAndMinutes/index.vue
index 2aa0934..83c1c9c 100644
--- a/src/views/system/operationsManagement/electricityPriceModel/components/hoursAndMinutes/index.vue
+++ b/src/views/system/operationsManagement/electricityPriceModel/components/hoursAndMinutes/index.vue
@@ -6,17 +6,26 @@
       :model="queryParams"
       ref="queryFormRef"
       :inline="true"
-      label-width="100px"
+      label-width="110px"
     >
       
-      <el-form-item label="计费模型名称" prop="name">
-        <el-input
+      <el-form-item label="计费模型月名称" prop="name">
+        <el-select v-model="queryParams.dateId"    style="width: 100%;">
+            <el-option
+            v-for="item in namelist"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+              
+            />
+          </el-select>
+        <!-- <el-input
           v-model="queryParams.name"
           placeholder="请输入计费模型名称"
           clearable
           @keyup.enter="handleQuery"
           class="!w-200px"
-        />
+        /> -->
       </el-form-item>
       <!-- <el-form-item label="1尖2峰3平4谷" prop="type">
         <el-select
@@ -41,7 +50,7 @@
       <el-form-item>
         <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
         <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
-        <el-button
+        <!-- <el-button
           type="primary"
           plain
           @click="openForm('create')"
@@ -57,7 +66,7 @@
         
         >
           <Icon icon="ep:download" class="mr-5px" /> 导出
-        </el-button>
+        </el-button> -->
       </el-form-item>
     </el-form>
   </ContentWrap>
@@ -74,17 +83,17 @@
       <el-table-column label="尖电价开始时刻" align="center" prop="startTime" />
       <el-table-column label="尖电价结束时刻" align="center" prop="endTime" />
      
-      <el-table-column label="电价模型id" align="center" prop="electric5ityModelId" />
+      <!-- <el-table-column label="电价模型id" align="center" prop="electric5ityModelId" /> -->
       <el-table-column label="操作" align="center" width="120" fixed="right">
         <template #default="scope">
-          <el-button
+          <!-- <el-button
             link
             type="primary"
             @click="openForm('update', scope.row.id)"
       
           >
             编辑
-          </el-button>
+          </el-button> -->
           <el-button
             link
             type="danger"
@@ -114,7 +123,8 @@ import { dateFormatter } from '@/utils/formatTime'
 import download from '@/utils/download'
 import { ElectricityTimeApi, ElectricityTimeVO } from '@/api/operationsManagement/electricityPriceModel/timeModel'
 import ElectricityTimeForm from './ElectricityTimeForm.vue'
-
+// 获取名字列表所需
+import { ElectricityDateApi, ElectricityDateVO } from '@/api/operationsManagement/electricityPriceModel/monthModel'
 /** 电价模型小时 列表 */
 defineOptions({ name: 'ElectricityTime' })
 const emit=defineEmits(["open"])
@@ -131,16 +141,17 @@ const loading = ref(true) // 列表的加载中
 const list = ref<ElectricityTimeVO[]>([]) // 列表的数据
 // 列表的总页数
 const total = ref(0)
+const namelist = ref('')
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
-  dateId: props.selectId,
+  dateId:undefined ,
   name: undefined,
   type: undefined,
   startTime: [],
   endTime: [],
   createTime: [],
-  electricityModelId:undefined,
+  electricityModelId:props.selectId,
 })
 const queryFormRef = ref() // 搜索的表单
 const exportLoading = ref(false) // 导出的加载中
@@ -149,7 +160,7 @@ const exportLoading = ref(false) // 导出的加载中
 const getList = async () => {
   loading.value = true
   try {
-    queryParams.dateId=props.selectId
+    queryParams.electricityModelId=props.selectId
     const data = await ElectricityTimeApi.getElectricityTimePage(queryParams)
     list.value = data.list
     total.value = data.total
@@ -209,8 +220,18 @@ defineExpose({ getList })
 // onMounted(() => {
 //   getList()
 // })
+
+async function getbillingDateData(){
+  // const data = await ElectricityDateApi.getElectricityDatenew({modelId:props.selectId})
+  const data = await ElectricityDateApi.getElectricityList({modeId:props.selectId})
+  // console.log(data,"-++++++++++-")
+  namelist.value=data||[]
+  // electricityModel.value=data||[]
+
+}
 watch(()=>props.selectId,async(newValue)=>{
   getList()
+  getbillingDateData()
 },{
   deep:true,
   immediate:true
diff --git a/src/views/system/operationsManagement/electricityPriceModel/components/month/index.vue b/src/views/system/operationsManagement/electricityPriceModel/components/month/index.vue
index d4de772..7591ed2 100644
--- a/src/views/system/operationsManagement/electricityPriceModel/components/month/index.vue
+++ b/src/views/system/operationsManagement/electricityPriceModel/components/month/index.vue
@@ -104,10 +104,11 @@
       <el-table-column label="序列" align="center" prop="no" /> -->
       <el-table-column label="开始日期" align="center" prop="startDate" />
       <el-table-column label="结束日期" align="center" prop="endDate" />
-      <el-table-column label="尖电价" align="center" prop="theTipPrice" />
-      <el-table-column label="峰电价" align="center" prop="peakPrice" />
-      <el-table-column label="平电价" align="center" prop="flatPrice" />
-      <el-table-column label="谷电价" align="center" prop="theValleyPrice" />
+      <el-table-column label="尖电价(元)" align="center" prop="theTipPrice" />
+
+      <el-table-column label="峰电价(元)" align="center" prop="peakPrice" />
+      <el-table-column label="平电价(元)" align="center" prop="flatPrice" />
+      <el-table-column label="谷电价(元)" align="center" prop="theValleyPrice" />
       <!-- <el-table-column label="是否启用:0启用;1禁用" align="center" prop="status" /> -->
       <el-table-column label="备注" align="center" prop="remark" />
       <!-- <el-table-column label="数据来源:0:云平台;1;三方运营商" align="center" prop="source" />
@@ -115,14 +116,14 @@
      
       <el-table-column label="操作" align="center" width="120" fixed="right">
         <template #default="scope">
-          <el-button
+          <!-- <el-button
             link
             type="primary"
             @click="openForm('update', scope.row.id)"
            
           >
             编辑
-          </el-button>
+          </el-button> -->
           <el-button
             link
             type="danger"
diff --git a/src/views/system/operationsManagement/electricityPriceModel/index.vue b/src/views/system/operationsManagement/electricityPriceModel/index.vue
index 4b8cad1..29638c8 100644
--- a/src/views/system/operationsManagement/electricityPriceModel/index.vue
+++ b/src/views/system/operationsManagement/electricityPriceModel/index.vue
@@ -21,9 +21,9 @@
       <el-form-item>
         <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
         <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
-       <!-- <el-button type="primary" plain @click="openForm('create')">
+       <el-button type="primary" plain @click="openFormone('create')">
           <Icon icon="ep:plus" class="mr-5px" /> 新增
-        </el-button> -->
+        </el-button>
       <!--    <el-button type="success" plain @click="handleExport" :loading="exportLoading">
           <Icon icon="ep:download" class="mr-5px" /> 导出
         </el-button> -->
@@ -89,6 +89,7 @@
   
     <!-- 表单弹窗：添加/修改 -->
     <ElectricityPriceForm ref="formRef" @success="getList" />
+    <yuanForm ref="formRefone" @success="getList" />
     <!-- 详情 -->
     <electricityPriceModelDetails ref="detailRef" />
   </template>
@@ -102,6 +103,7 @@ import {
 } from '@/api/operationsManagement/electricityPriceModel'
 import ElectricityPriceForm from './ElectricityPriceForm.vue'
 import electricityPriceModelDetails from './electricityPriceModelDetails.vue'
+import yuanForm from './yuanForm.vue'
 
 /** 电价模型 列表 */
 defineOptions({ name: 'ElectricityPrice' })
@@ -159,6 +161,10 @@ const formRef = ref()
 const openForm = (type: string, id?: number) => {
   formRef.value.open(type, id)
 }
+const formRefone = ref()
+const openFormone = (type: string, id?: number) => {
+  formRefone.value.open(type, id)
+}
 
 /** 删除按钮操作 */
 const handleDelete = async (id: number) => {
diff --git a/src/views/system/operationsManagement/electricityPriceModel/yuanForm.vue b/src/views/system/operationsManagement/electricityPriceModel/yuanForm.vue
index f6f350f..a3f5d32 100644
--- a/src/views/system/operationsManagement/electricityPriceModel/yuanForm.vue
+++ b/src/views/system/operationsManagement/electricityPriceModel/yuanForm.vue
@@ -10,7 +10,7 @@
         <el-form-item label="计费模型名称" prop="name">
           <el-input v-model="formData.name" placeholder="请输入计费模型名称" />
         </el-form-item>
-        <el-form-item label="尖电价" prop="theTipPrice">
+        <!-- <el-form-item label="尖电价" prop="theTipPrice">
           <el-input v-model="formData.theTipPrice" placeholder="请输入尖电价" />
         </el-form-item>
         <el-form-item label="峰电价" prop="peakPrice">
@@ -30,7 +30,7 @@
         </el-form-item>
         <el-form-item label="运营商id" prop="operatorId">
           <el-input v-model="formData.operatorId" placeholder="请输入运营商id" />
-        </el-form-item>
+        </el-form-item> -->
       </el-form>
       <template #footer>
         <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
diff --git a/src/views/system/operationsManagement/operationalModel/hoursAndMinutes/index.vue b/src/views/system/operationsManagement/operationalModel/hoursAndMinutes/index.vue
index 7646301..4aecf85 100644
--- a/src/views/system/operationsManagement/operationalModel/hoursAndMinutes/index.vue
+++ b/src/views/system/operationsManagement/operationalModel/hoursAndMinutes/index.vue
@@ -22,11 +22,11 @@
       <el-form-item>
         <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
         <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
-        <el-button
+        <!-- <el-button
           type="primary"
           plain
           @click="openForm('create')"
-          v-hasPermi="['cloud:run-model-detail:create']"
+      
         >
           <Icon icon="ep:plus" class="mr-5px" /> 新增
         </el-button>
@@ -35,10 +35,10 @@
           plain
           @click="handleExport"
           :loading="exportLoading"
-          v-hasPermi="['cloud:run-model-detail:export']"
+         
         >
           <Icon icon="ep:download" class="mr-5px" /> 导出
-        </el-button>
+        </el-button> -->
       </el-form-item>
     </el-form>
   </ContentWrap>
@@ -60,14 +60,14 @@
       <el-table-column label="结束时刻" align="center" prop="endTime" />
       <el-table-column label="操作" align="center" width="120" fixed="right">
         <template #default="scope">
-          <el-button
+          <!-- <el-button
             link
             type="primary"
             @click="openForm('update', scope.row.id)"
            
           >
             编辑
-          </el-button>
+          </el-button> -->
           <el-button
             link
             type="danger"
diff --git a/src/views/system/operationsManagement/operationalModel/index.vue b/src/views/system/operationsManagement/operationalModel/index.vue
index 329f92d..5d86c7d 100644
--- a/src/views/system/operationsManagement/operationalModel/index.vue
+++ b/src/views/system/operationsManagement/operationalModel/index.vue
@@ -21,15 +21,15 @@
         <el-form-item>
           <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
           <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
-          <!-- <el-button
+        <el-button
             type="primary"
             plain
-            @click="openForm('create')"
-            v-hasPermi="['cloud:run-model:create']"
+            @click="openFormone('create')"
+       
           >
             <Icon icon="ep:plus" class="mr-5px" /> 新增
           </el-button>
-          <el-button
+ <!--            <el-button
             type="success"
             plain
             @click="handleExport"
@@ -104,8 +104,10 @@
   
     <!-- 表单弹窗：添加/修改 -->
     <RunModelForm ref="formRef" @success="getList" />
+    <!-- 模型新增 -->
+    <yuanForm ref="formRefone" @success="getList" />
         <!-- 详情 -->
-        <RunModelDetails ref="detailRef" />
+   <RunModelDetails ref="detailRef" />
   </template>
   
   <script setup lang="ts">
@@ -114,6 +116,7 @@
    import { RunModelApi, RunModelVO } from '@/api/operationsManagement/operationalModel'
   import RunModelForm from './RunModelForm.vue'
   import RunModelDetails from './RunModelDetails.vue'
+  import yuanForm from './yuanForm.vue'
   
   /** 场站运营模型 列表 */
   defineOptions({ name: 'RunModel' })
@@ -166,6 +169,10 @@ const detailRef = ref()
   const openForm = (type: string, id?: number) => {
     formRef.value.open(type, id)
   }
+  const formRefone = ref()
+  const openFormone = (type: string, id?: number) => {
+    formRefone.value.open(type, id)
+  }
   
   /** 删除按钮操作 */
   const handleDelete = async (id: number) => {
diff --git a/src/views/system/operationsManagement/operationalModel/yuanForm.vue b/src/views/system/operationsManagement/operationalModel/yuanForm.vue
new file mode 100644
index 0000000..f13c224
--- /dev/null
+++ b/src/views/system/operationsManagement/operationalModel/yuanForm.vue
@@ -0,0 +1,102 @@
+<template>
+    <Dialog :title="dialogTitle" v-model="dialogVisible">
+      <el-form
+        ref="formRef"
+        :model="formData"
+        :rules="formRules"
+        label-width="120px"
+        v-loading="formLoading"
+      >
+        <el-form-item label="运营模型名称" prop="name">
+          <el-input v-model="formData.name" placeholder="请输入运营模型名称" />
+        </el-form-item>
+        <!-- <el-form-item label="运营商id" prop="operatorId">
+          <el-input v-model="formData.operatorId" placeholder="请输入运营商id" />
+        </el-form-item>
+        <el-form-item label="时段数" prop="periodsAmount">
+          <el-input v-model="formData.periodsAmount" placeholder="请输入时段数" />
+        </el-form-item> -->
+      </el-form>
+      <template #footer>
+        <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
+        <el-button @click="dialogVisible = false">取 消</el-button>
+      </template>
+    </Dialog>
+  </template>
+  <script setup lang="ts">
+  import { RunModelApi, RunModelVO } from '@/api/operationsManagement/operationalModel'
+  
+  /** 场站运营模型 表单 */
+  defineOptions({ name: 'RunModelForm' })
+  
+  const { t } = useI18n() // 国际化
+  const message = useMessage() // 消息弹窗
+  
+  const dialogVisible = ref(false) // 弹窗的是否展示
+  const dialogTitle = ref('') // 弹窗的标题
+  const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+  const formType = ref('') // 表单的类型：create - 新增；update - 修改
+  const formData = ref({
+    id: undefined,
+    name: undefined,
+    operatorId: undefined,
+    periodsAmount: undefined,
+  })
+  const formRules = reactive({
+    name: [{ required: true, message: '运营模型名称不能为空', trigger: 'blur' }],
+  })
+  const formRef = ref() // 表单 Ref
+  
+  /** 打开弹窗 */
+  const open = async (type: string, id?: number) => {
+    dialogVisible.value = true
+    dialogTitle.value = t('action.' + type)
+    formType.value = type
+    resetForm()
+    // 修改时，设置数据
+    if (id) {
+      formLoading.value = true
+      try {
+        formData.value = await RunModelApi.getRunModel(id)
+      } finally {
+        formLoading.value = false
+      }
+    }
+  }
+  defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+  
+  /** 提交表单 */
+  const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+  const submitForm = async () => {
+    // 校验表单
+    await formRef.value.validate()
+    // 提交请求
+    formLoading.value = true
+    try {
+      const data = formData.value as unknown as RunModelApi.RunModelVO
+      if (formType.value === 'create') {
+        await RunModelApi.createRunModel(data)
+        message.success(t('common.createSuccess'))
+      } else {
+        await RunModelApi.updateRunModel(data)
+        message.success(t('common.updateSuccess'))
+      }
+      dialogVisible.value = false
+      // 发送操作成功的事件
+      emit('success')
+    } finally {
+      formLoading.value = false
+    }
+  }
+  
+  /** 重置表单 */
+  const resetForm = () => {
+    formData.value = {
+      id: undefined,
+      name: undefined,
+      operatorId: undefined,
+      periodsAmount: undefined,
+    }
+    formRef.value?.resetFields()
+  }
+  </script>
\ No newline at end of file