策略运行

src/views/ems/dzjk/clpz/clyx/index.vue

@@ -1,49 +1,81 @@
 
 <template>
- <cl-container>
-   <template v-slot:default>
-     <div class="cl-items cl-items-main">
-       <div class="cl-header">主策略</div>
-       <div class="cl-content">
-         <div class="cl-name">削峰填谷</div>
-       </div>
+   <div v-loading="loading">
+     <el-button type="primary" plain @click="settingStrategy" style="margin-bottom: 20px;">新增策略</el-button>
+     <cl-container v-for="(item,index) in list" :key="index+'clContainer'" :info="item" class="contain" @update="init" @showSetting="settingStrategy(item)">
+       <template v-slot:default>
+         <div class="cl-items cl-items-main" @click="toDetail(item.mainStrategyId)">
+           <div class="cl-header">主策略</div>
+           <div class="cl-content" >
+             <div class="cl-name">{{item.mainStrategyName}}</div>
+           </div>
+         </div>
+         <div class="cl-items" v-show="item.auxStrategyName" @click="toDetail(item.auxStrategyId)">
+           <div class="cl-header">辅助策略</div>
+           <div class="cl-content">
+             <div class="cl-name">{{item.auxStrategyName}}</div>
+           </div>
+         </div>
+       </template>
+     </cl-container>
+     <div v-if="list.length === 0">
+       <el-empty :image-size="200" ></el-empty>
      </div>
-     <div class="cl-items">
-       <div class="cl-header">辅助策略</div>
-       <div class="cl-content">
-         <div class="cl-name">需量控制</div>
-       </div>
-     </div>
-   </template>
- </cl-container>
+     <setting ref="setting"/>
+   </div>
 </template>
 
 
 <script>
+import Setting from './../Setting.vue'
 import ClContainer from './../ClContainer.vue'
 import getQuerySiteId from '@/mixins/ems/getQuerySiteId'
+import {strategyRunningList} from '@/api/ems/dzjk'
 export default {
   name:'DzjkClpzClyx',
-  components:{ClContainer},
+  components:{ClContainer,Setting},
   mixins: [getQuerySiteId],
   data() {
     return {
-
+      loading:false,
+      list:[],
     }
   },
-  methods:{
-    init(){}
+  provide(){
+    return {$home:this}
+  },
+  methods:{
+    settingStrategy(item=''){
+      this.$refs.setting.showSettingDialog(item)
+    },
+    init(){
+      this.loading = true
+      this.list = []
+      strategyRunningList(this.siteId).then(response => {
+        this.list =JSON.parse(JSON.stringify(response?.data || {}))
+      }).finally(() => {this.loading=false})
+    },
+    toDetail(id){
+      id && this.$router.push({
+        path:'/dzjk/clpz/xftg',
+        query:{
+          ...this.$route.query,
+          id
+        }
+      })
+    }
   },
-  mounted(){
-
-  }
 }
 </script>
 
 <style scoped lang="scss">
+.contain{
+  margin-bottom: 20px;
+}
   .clyx-main{
     padding:0 12px 0 12px;
     .cl-items{
+      cursor: pointer;
       width: 228px;
       height: 156px;
       display: inline-block;