MOC

ui/src/views/process/moc/aquifier/index.vue

@@ -1482,6 +1482,9 @@
   #status:hover{
     cursor: pointer;
   }
+  #tempState:hover{
+    cursor: pointer;
+  }
   #moc-type:hover{
     cursor: pointer;
   }

ui/src/views/process/moc/facility/index.vue

@@ -296,6 +296,14 @@
         <el-button type="primary" @click="mocTypeInfo.open = false">{{ $t('确 定') }}</el-button>
       </div>
     </el-dialog>
+
+    <!-- 临时MOC状态统计对话框 -->
+    <el-dialog v-dialogDrag :title="tempStateChart.title" :visible.sync="tempStateChart.open" width="500px" append-to-body>
+      <temp-state-chart :timeliness="2"></temp-state-chart>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="tempStateChart.open = false">{{ $t('确 定') }}</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -305,12 +313,13 @@
   import { getToken } from "@/utils/auth";
   import Treeselect from "@riophae/vue-treeselect";
   import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+  import tempStateChart from "../chart/tempStateChart";
 
   import {addCommonfile, allFileList, delCommonfile, updateCommonfile} from "@/api/common/commonfile";
 
   export default {
     name: "Facility",
-    components: { Treeselect },
+    components: { tempStateChart, Treeselect },
     data() {
       var validateDocUpdate = (rule, value, callback) => {
         if (value == 1) {
@@ -324,6 +333,10 @@
         }
       };
       return {
+        tempStateChart: {
+          open: false,
+          title: '临时MOC状态数据统计'
+        },
         mocTypeInfo: {
           open: false,
           title: 'MOC类型说明'
@@ -1056,6 +1069,9 @@
     width: 40px !important;
     height: 20px !important;
   }
+  #tempState:hover{
+    cursor: pointer;
+  }
   #moc-type:hover{
     cursor: pointer;
   }

ui/src/views/process/moc/interlock/index.vue

@@ -300,89 +300,14 @@
         <el-button type="primary" @click="mocTypeInfo.open = false">{{ $t('确 定') }}</el-button>
       </div>
     </el-dialog>
-    <el-drawer
-      :title="$t('数据分析')"
-      size="600px"
-      :visible.sync="drawer"
-      :direction="direction">
-      <!--      <el-row style="padding-left: 20px;">-->
-      <!--      <el-form :model="chartParams" :inline="true"  label-width="68px">-->
-      <!--        <el-form-item :label="$t('年份')" label-width="50" prop="year">-->
-      <!--          <el-select v-model="chartParams.year" placeholder="请选择年份" clearable size="small">-->
-      <!--            <el-option-->
-      <!--              v-for="item in yearOption"-->
-      <!--              :key="item"-->
-      <!--              :label="item"-->
-      <!--              :value="item"-->
-      <!--            />-->
-      <!--          </el-select>-->
-      <!--        </el-form-item>-->
-      <!--        <el-form-item>-->
-      <!--          <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">{{ $t('搜索') }}</el-button>-->
-      <!--        </el-form-item>-->
-      <!--      </el-form>-->
-      <!--      </el-row>-->
-      <el-row>
-        <el-col>
-          <el-card class="box-card" shadow="hover">
-            <div slot="header" class="clearfix">
-              <span>{{ $t('实施情况统计') }}</span>
-            </div>
-            <div class="text item">
-              <true-state-data> </true-state-data>
-            </div>
-          </el-card>
-        </el-col>
-      </el-row>
-      <el-row>
-        <el-col>
-          <el-card class="box-card" shadow="hover">
-            <div slot="header" class="clearfix">
-              <span>{{ $t('申请统计') }}</span>
-            </div>
-            <div class="text item">
-              <year-chart> </year-chart>
-            </div>
-          </el-card>
-        </el-col>
-      </el-row>
-      <el-row>
-        <el-col>
-          <el-card class="box-card" shadow="hover">
-            <div slot="header" class="clearfix">
-              <span>{{ $t('变更性质') +$t('空格')+ $t('统计') }}</span>
-            </div>
-            <div class="text item">
-              <change-data> </change-data>
-            </div>
-          </el-card>
-        </el-col>
-      </el-row>
-      <el-row>
-        <el-col>
-          <el-card class="box-card" shadow="hover">
-            <div slot="header" class="clearfix">
-              <span>{{ $t('类别') +$t('空格')+ $t('统计') }}</span>
-            </div>
-            <div class="text item">
-              <category-data> </category-data>
-            </div>
-          </el-card>
-        </el-col>
-      </el-row>
-      <el-row>
-        <el-col>
-          <el-card class="box-card" shadow="hover">
-            <div slot="header" class="clearfix">
-              <span>{{ $t('风险等级统计') }}</span>
-            </div>
-            <div class="text item">
-              <risk-data></risk-data>
-            </div>
-          </el-card>
-        </el-col>
-      </el-row>
-    </el-drawer>
+
+    <!-- 临时MOC状态统计对话框 -->
+    <el-dialog v-dialogDrag :title="tempStateChart.title" :visible.sync="tempStateChart.open" width="500px" append-to-body>
+      <temp-state-chart :timeliness="2"></temp-state-chart>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="tempStateChart.open = false">{{ $t('确 定') }}</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -392,12 +317,13 @@
   import { getToken } from "@/utils/auth";
   import Treeselect from "@riophae/vue-treeselect";
   import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+  import tempStateChart from "../chart/tempStateChart";
 
   import {addCommonfile, allFileList, delCommonfile, updateCommonfile} from "@/api/common/commonfile";
 
   export default {
     name: "Interlock",
-    components: { Treeselect },
+    components: { tempStateChart, Treeselect },
     data() {
       var validateDocUpdate = (rule, value, callback) => {
         if (value == 1) {
@@ -411,6 +337,10 @@
         }
       };
       return {
+        tempStateChart: {
+          open: false,
+          title: '临时MOC状态数据统计'
+        },
         mocTypeInfo: {
           open: false,
           title: 'MOC类型说明'

ui/src/views/process/moc/temporaryMoc/index.vue

@@ -1420,6 +1420,9 @@
     width: 40px !important;
     height: 20px !important;
   }
+  #tempState:hover{
+    cursor: pointer;
+  }
   #question:hover{
     cursor: pointer;
   }