投资进展样式修改

src/renderer/src/views/system/set.vue

@@ -70,14 +70,14 @@
                                                     <div class="triangle" />
                                                 </div>
                                             </div>
-                                            <div class="hc-flex">
+                                            <div class="hc-flex ml-16px">
                                                 <span class="mr-1"> < </span>
-                                                <HcInputNumber v-model="projectWarning[0].twoThree" />
+                                                <HcInputNumber v-model="projectWarning[0].twoThree" style="width: 120px;" />
                                                 <span class="ml-1">%</span>
                                             </div>
-                                            <div class="hc-flex">
+                                            <div class="hc-flex ml-1">
                                                 <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].twoThreeAll" />
+                                                <HcInputNumber v-model="projectWarning[0].twoThreeAll" style="width: 120px;" />
                                                 <span class="ml-1">%</span>
                                             </div>
                                         </div>
@@ -88,14 +88,14 @@
                                                     <div class="triangle" />
                                                 </div>
                                             </div>
-                                            <div class="hc-flex">
+                                            <div class="hc-flex ml-16px">
                                                 <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].twoTwo" />
+                                                <HcInputNumber v-model="projectWarning[0].twoTwo" style="width: 120px;" />
                                                 <span class="ml-1">%</span>
                                             </div>
-                                            <div class="hc-flex">
+                                            <div class="hc-flex ml-1">
                                                 <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].twoTwoAll" />
+                                                <HcInputNumber v-model="projectWarning[0].twoTwoAll" style="width: 120px;" />
                                                 <span class="ml-1">%</span>
                                             </div>
                                         </div>
@@ -106,14 +106,14 @@
                                                     <div class="triangle" />
                                                 </div>
                                             </div>
-                                            <div class="hc-flex">
+                                            <div class="hc-flex ml-16px">
                                                 <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].twoOne" />
+                                                <HcInputNumber v-model="projectWarning[0].twoOne" style="width: 120px;" />
                                                 <span class="ml-1">%</span>
                                             </div>
-                                            <div class="hc-flex">
+                                            <div class="hc-flex ml-1">
                                                 <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].twoOneAll" />
+                                                <HcInputNumber v-model="projectWarning[0].twoOneAll" style="width: 120px;" />
                                                 <span class="ml-1">%</span>
                                             </div>
                                         </div>
@@ -138,17 +138,18 @@
                                                     <div class="triangle" />
                                                 </div>
                                             </div>
-                                            <div class="hc-flex">
+                                            <div class="hc-flex ml-16px">
                                                 <span class="mr-1"> < </span>
-                                                <HcInputNumber v-model="projectWarning[0].threeThree" />
+                                                <HcInputNumber v-model="projectWarning[0].threeThree" style="width: 120px;" />
                                                 <span class="ml-1">%</span>
                                             </div>
                                             <div class="hc-flex">
                                                 <span class="mr-1"> < </span>
-                                                <HcInputNumber v-model="projectWarning[0].threeThreeAll" />
+                                                <HcInputNumber v-model="projectWarning[0].threeThreeAll" style="width: 120px;" />
                                                 <span class="ml-1">%</span>
                                             </div>
                                         </div>
+                                   
                                         <div class="warn-item-inner-box-detail">
                                             <div>
                                                 <div class="arrow arrow-oringe"> 二级</div>
@@ -156,14 +157,14 @@
                                                     <div class="triangle" />
                                                 </div>
                                             </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].threeTwo" />
+                                            <div class="hc-flex ml-16px">
+                                                <span class="mr-1"> < </span>
+                                                <HcInputNumber v-model="projectWarning[0].threeTwo" style="width: 120px;" />
                                                 <span class="ml-1">%</span>
                                             </div>
                                             <div class="hc-flex">
-                                                <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].threeTwoAll" />
+                                                <span class="mr-1"> < </span>
+                                                <HcInputNumber v-model="projectWarning[0].threeTwoAll" style="width: 120px;" />
                                                 <span class="ml-1">%</span>
                                             </div>
                                         </div>
@@ -174,14 +175,14 @@
                                                     <div class="triangle" />
                                                 </div>
                                             </div>
-                                            <div class="hc-flex">
+                                            <div class="hc-flex ml-16px">
                                                 <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].threeOne" />
+                                                <HcInputNumber v-model="projectWarning[0].threeOne" style="width: 120px;" />
                                                 <span class="ml-1">%</span>
                                             </div>
                                             <div class="hc-flex">
                                                 <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].threeOneAll" />
+                                                <HcInputNumber v-model="projectWarning[0].threeOneAll" style="width: 120px;" />
                                                 <span class="ml-1">%</span>
                                             </div>
                                         </div>
@@ -199,6 +200,7 @@
                                                 当年度累计投资计化完成比例
                                             </div>
                                         </div>
+                                      
                                         <div class="warn-item-inner-box-detail">
                                             <div>
                                                 <div class="arrow"> 三级</div>
@@ -206,14 +208,14 @@
                                                     <div class="triangle" />
                                                 </div>
                                             </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"> < </span>
-                                                <HcInputNumber v-model="projectWarning[0].fourThree" />
+                                            <div class="hc-flex ml-16px">
+                                                <span class="mr-1"><</span>
+                                                <HcInputNumber v-model="projectWarning[0].fourThree" style="width: 120px;" />
                                                 <span class="ml-1">%</span>
                                             </div>
                                             <div class="hc-flex">
                                                 <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].fourThreeAll" />
+                                                <HcInputNumber v-model="projectWarning[0].fourThreeAll" style="width: 120px;" />
                                                 <span class="ml-1">%</span>
                                             </div>
                                         </div>
@@ -224,14 +226,14 @@
                                                     <div class="triangle" />
                                                 </div>
                                             </div>
-                                            <div class="hc-flex">
+                                            <div class="hc-flex ml-16px">
                                                 <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].fourTwo" />
+                                                <HcInputNumber v-model="projectWarning[0].fourTwo" style="width: 120px;" />
                                                 <span class="ml-1">%</span>
                                             </div>
                                             <div class="hc-flex">
                                                 <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].fourTwoAll" />
+                                                <HcInputNumber v-model="projectWarning[0].fourTwoAll" style="width: 120px;" />
                                                 <span class="ml-1">%</span>
                                             </div>
                                         </div>
@@ -242,14 +244,14 @@
                                                     <div class="triangle" />
                                                 </div>
                                             </div>
-                                            <div class="hc-flex">
+                                            <div class="hc-flex ml-16px">
                                                 <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].fourOne" />
+                                                <HcInputNumber v-model="projectWarning[0].fourOne" style="width: 120px;" />
                                                 <span class="ml-1">%</span>
                                             </div>
                                             <div class="hc-flex">
                                                 <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].fourOneAll" />
+                                                <HcInputNumber v-model="projectWarning[0].fourOneAll" style="width: 120px;" />
                                                 <span class="ml-1">%</span>
                                             </div>
                                         </div>

src/renderer/src/views/system2/set.vue

@@ -1,698 +0,0 @@
-<template>
-    <hc-card scrollbar class="hc-system-set-box">
-        <div class="hc-system-set-title hc-flex">
-            <div class="title flex-1">
-                <hc-icon class="font-bold" name="alarm-warning" />
-                <span class="ml-1 text-[18px] font-bold">项目异常设置</span>
-            </div>
-            <div class="extra">
-                <el-button :loading="saveProjectWarningLoad" class="ml-8 text-white" color="#20C98B" @click="saveProjectWarning">保存项目异常设置</el-button>
-            </div>
-        </div>
-        <div class="warn-box-items flex">
-            <el-row :gutter="14">
-                <el-col :span="12" class="h-full">
-                    <div class="warn-item h-full">
-                        <div class="warn-item-tilte">投资进展缓慢</div>
-                        <div class="warn-item-inner">
-                            <el-row :gutter="4" class="h-full">
-                                <el-col :span="12">
-                                    <div class="warn-item-inner-box">
-                                        <div class="text-center text-14px">第一季度</div>
-                                        <div class="warn-item-inner-title mt-2 text-right text-14px">该季度投资计划完成比例</div>
-                                        <div class="warn-item-inner-box-detail">
-                                            <div class="arrow w-60px text-14px">三级</div>
-                                            <div class="container">
-                                                <div class="triangle" />
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"> < </span>
-                                                <HcInputNumber v-model="projectWarning[0].oneThree" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                        </div>
-                                        <div class="warn-item-inner-box-detail">
-                                            <div class="arrow arrow-oringe w-60px text-14px">二级</div>
-                                            <div class="container">
-                                                <div class="triangle" />
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"> < </span>
-                                                <HcInputNumber v-model="projectWarning[0].oneTwo" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                        </div>
-                                        <div class="warn-item-inner-box-detail">
-                                            <div class="arrow arrow-red w-60px text-14px"> 一级</div>
-                                            <div class="container">
-                                                <div class="triangle" />
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"> < </span>
-                                                <HcInputNumber v-model="projectWarning[0].oneOne" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </el-col>
-                                <el-col :span="12">
-                                    <div class="warn-item-inner-box">
-                                        <div class="text-center text-14px">第二季度</div>
-                                        <div class="warn-item-inner-box-title mt-2 text-14px">
-                                            <div class="flex-1" />
-                                            <div class="warn-item-inner-title flex-1 text-center">该季度投资计划完成比例</div>
-                                            <div class="warn-item-inner-title ml-2 flex-1 text-center">前两季度累计投资计化完成比例</div>
-                                        </div>
-                                        <div class="warn-item-inner-box-detail">
-                                            <div>
-                                                <div class="arrow"> 三级</div>
-                                                <div class="container">
-                                                    <div class="triangle" />
-                                                </div>
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"> < </span>
-                                                <HcInputNumber v-model="projectWarning[0].twoThree" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].twoThreeAll" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                        </div>
-                                        <div class="warn-item-inner-box-detail">
-                                            <div>
-                                                <div class="arrow arrow-oringe"> 二级</div>
-                                                <div class="container">
-                                                    <div class="triangle" />
-                                                </div>
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].twoTwo" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].twoTwoAll" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                        </div>
-                                        <div class="warn-item-inner-box-detail">
-                                            <div>
-                                                <div class="arrow arrow-red"> 一级</div>
-                                                <div class="container">
-                                                    <div class="triangle" />
-                                                </div>
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].twoOne" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].twoOneAll" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </el-col>
-                                <el-col :span="12">
-                                    <div class="warn-item-inner-box">
-                                        <div class="text-center text-14px">第三季度</div>
-                                        <div class="warn-item-inner-box-title mt-2 text-14px">
-                                            <div class="flex-1" />
-                                            <div class="warn-item-inner-title flex-1 text-center">
-                                                该季度投资计划完成比例
-                                            </div>
-                                            <div class="warn-item-inner-title ml-2 flex-1 text-center">
-                                                前三季度累计投资计化完成比例
-                                            </div>
-                                        </div>
-                                        <div class="warn-item-inner-box-detail">
-                                            <div>
-                                                <div class="arrow"> 三级</div>
-                                                <div class="container">
-                                                    <div class="triangle" />
-                                                </div>
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"> < </span>
-                                                <HcInputNumber v-model="projectWarning[0].threeThree" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"> < </span>
-                                                <HcInputNumber v-model="projectWarning[0].threeThreeAll" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                        </div>
-                                        <div class="warn-item-inner-box-detail">
-                                            <div>
-                                                <div class="arrow arrow-oringe"> 二级</div>
-                                                <div class="container">
-                                                    <div class="triangle" />
-                                                </div>
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].threeTwo" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].threeTwoAll" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                        </div>
-                                        <div class="warn-item-inner-box-detail">
-                                            <div>
-                                                <div class="arrow arrow-red"> 一级</div>
-                                                <div class="container">
-                                                    <div class="triangle" />
-                                                </div>
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].threeOne" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].threeOneAll" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </el-col>
-                                <el-col :span="12">
-                                    <div class="warn-item-inner-box">
-                                        <div class="text-center text-14px">第四季度</div>
-                                        <div class="warn-item-inner-box-title mt-2 text-14px">
-                                            <div class="flex-1" />
-                                            <div class="warn-item-inner-title flex-1 text-center">
-                                                该季度投资计划完成比例
-                                            </div>
-                                            <div class="warn-item-inner-title ml-2 flex-1 text-center">
-                                                当年度累计投资计化完成比例
-                                            </div>
-                                        </div>
-                                        <div class="warn-item-inner-box-detail">
-                                            <div>
-                                                <div class="arrow"> 三级</div>
-                                                <div class="container">
-                                                    <div class="triangle" />
-                                                </div>
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"> < </span>
-                                                <HcInputNumber v-model="projectWarning[0].fourThree" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].fourThreeAll" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                        </div>
-                                        <div class="warn-item-inner-box-detail">
-                                            <div>
-                                                <div class="arrow arrow-oringe"> 二级</div>
-                                                <div class="container">
-                                                    <div class="triangle" />
-                                                </div>
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].fourTwo" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].fourTwoAll" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                        </div>
-                                        <div class="warn-item-inner-box-detail">
-                                            <div>
-                                                <div class="arrow arrow-red"> 一级</div>
-                                                <div class="container">
-                                                    <div class="triangle" />
-                                                </div>
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].fourOne" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"><</span>
-                                                <HcInputNumber v-model="projectWarning[0].fourOneAll" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </el-col>
-                            </el-row>
-                        </div>
-                    </div>
-                </el-col>
-                <el-col :span="12" class="h-full">
-                    <div class="warn-item h-full">
-                        <div class="warn-item-tilte">建设进展缓慢</div>
-                        <div class="warn-item-inner">
-                            <el-row :gutter="4" class="h-full">
-                                <el-col :span="12">
-                                    <div class="warn-item-inner-box">
-                                        <div class="text-center text-14px">第一季度</div>
-                                        <div class="warn-item-inner-title mt-2 text-right text-14px">该季度工作计划完成比例</div>
-                                        <div class="warn-item-inner-box-detail">
-                                            <div class="arrow w-60px text-14px">三级</div>
-                                            <div class="container">
-                                                <div class="triangle" />
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"> < </span>
-                                                <HcInputNumber v-model="projectWarning[1].oneThree" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                        </div>
-                                        <div class="warn-item-inner-box-detail">
-                                            <div class="arrow arrow-oringe w-60px text-14px">二级</div>
-                                            <div class="container">
-                                                <div class="triangle" />
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"> < </span>
-                                                <HcInputNumber v-model="projectWarning[1].oneTwo" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                        </div>
-                                        <div class="warn-item-inner-box-detail">
-                                            <div class="arrow arrow-red w-60px text-14px"> 一级</div>
-                                            <div class="container">
-                                                <div class="triangle" />
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"> < </span>
-                                                <HcInputNumber v-model="projectWarning[1].oneOne" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </el-col>
-                                <el-col :span="12">
-                                    <div class="warn-item-inner-box">
-                                        <div class="text-center text-14px">第二季度</div>
-                                        <div class="warn-item-inner-title mt-2 text-right text-14px">
-                                            该季度工作计划完成比例
-                                        </div>
-                                        <div class="warn-item-inner-box-detail">
-                                            <div class="arrow w-60px text-14px">三级</div>
-                                            <div class="container">
-                                                <div class="triangle" />
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"> < </span>
-                                                <HcInputNumber v-model="projectWarning[1].twoThree" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                        </div>
-                                        <div class="warn-item-inner-box-detail">
-                                            <div class="arrow arrow-oringe w-60px text-14px">二级</div>
-                                            <div class="container">
-                                                <div class="triangle" />
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"> < </span>
-                                                <HcInputNumber v-model="projectWarning[1].twoTwo" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                        </div>
-                                        <div class="warn-item-inner-box-detail">
-                                            <div class="arrow arrow-red w-60px text-14px"> 一级</div>
-                                            <div class="container">
-                                                <div class="triangle" />
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"> < </span>
-                                                <HcInputNumber v-model="projectWarning[1].twoOne" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </el-col>
-                                <el-col :span="12">
-                                    <div class="warn-item-inner-box">
-                                        <div class="text-center text-14px">第三季度</div>
-                                        <div class="warn-item-inner-title mt-2 text-right text-14px">
-                                            该季度工作计划完成比例
-                                        </div>
-                                        <div class="warn-item-inner-box-detail">
-                                            <div class="arrow w-60px text-14px">三级</div>
-                                            <div class="container">
-                                                <div class="triangle" />
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"> < </span>
-                                                <HcInputNumber v-model="projectWarning[1].threeThree" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                        </div>
-                                        <div class="warn-item-inner-box-detail">
-                                            <div class="arrow arrow-oringe w-60px text-14px">二级</div>
-                                            <div class="container">
-                                                <div class="triangle" />
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"> < </span>
-                                                <HcInputNumber v-model="projectWarning[1].threeTwo" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                        </div>
-                                        <div class="warn-item-inner-box-detail">
-                                            <div class="arrow arrow-red w-60px text-14px"> 一级</div>
-                                            <div class="container">
-                                                <div class="triangle" />
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"> < </span>
-                                                <HcInputNumber v-model="projectWarning[1].threeOne" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </el-col>
-                                <el-col :span="12">
-                                    <div class="warn-item-inner-box">
-                                        <div class="text-center text-14px">第四季度</div>
-                                        <div class="warn-item-inner-title mt-2 text-right text-14px">
-                                            该季度工作计划完成比例
-                                        </div>
-                                        <div class="warn-item-inner-box-detail">
-                                            <div class="arrow w-60px text-14px">三级</div>
-                                            <div class="container">
-                                                <div class="triangle" />
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"> < </span>
-                                                <HcInputNumber v-model="projectWarning[1].fourThree" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                        </div>
-                                        <div class="warn-item-inner-box-detail">
-                                            <div class="arrow arrow-oringe w-60px text-14px">二级</div>
-                                            <div class="container">
-                                                <div class="triangle" />
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"> < </span>
-                                                <HcInputNumber v-model="projectWarning[1].fourTwo" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                        </div>
-                                        <div class="warn-item-inner-box-detail">
-                                            <div class="arrow arrow-red w-60px text-14px"> 一级</div>
-                                            <div class="container">
-                                                <div class="triangle" />
-                                            </div>
-                                            <div class="hc-flex">
-                                                <span class="mr-1"> < </span>
-                                                <HcInputNumber v-model="projectWarning[1].fourOne" />
-                                                <span class="ml-1">%</span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </el-col>
-                            </el-row>
-                        </div>
-                    </div>
-                </el-col>
-            </el-row>
-        </div>
-        <div class="hc-system-set-title hc-flex mt-5">
-            <hc-icon class="font-bold" name="projector" />
-            <span class="ml-1 text-[18px] font-bold">项目相关设置</span>
-        </div>
-        <div class="hc-system-set-project">
-            <div class="set-project-row">
-                <el-row :gutter="24">
-                    <el-col :span="8">
-                        <div class="set-project-row-col">
-                            <div class="set-project-row-col-title hc-flex">
-                                <div class="title flex-1">
-                                    <span class="mr-2">项目阶段</span>
-                                    <span class="text-14px">(重点项目推进计划)</span>
-                                </div>
-                                <div class="extra">
-                                    <el-button :loading="saveProStationLoad" class="text-white" color="#20C98B" @click="saveProStation">保存项目阶段</el-button>
-                                </div>
-                            </div>
-                            <div class="set-project-row-col-content max-h-300px">
-                                <div v-for="(item, index) in proStation" :key="index" class="hc-flex mt-1">
-                                    <el-input v-model="item.dictValue" placeholder="阶段名称" class="flex-1" />
-                                    <el-link :underline="false" type="primary" class="ml-2">
-                                        <hc-icon class="text-20px font-bold" name="add" @click="addClick(item, index)" />
-                                    </el-link>
-                                    <el-link :underline="false" type="danger" class="ml-1">
-                                        <hc-icon class="text-20px font-bold" name="close" @click="delClick(item, index)" />
-                                    </el-link>
-                                </div>
-                            </div>
-                        </div>
-                    </el-col>
-                    <el-col :span="8">
-                        <div class="set-project-row-col">
-                            <div class="set-project-row-col-title hc-flex">
-                                <div class="title flex-1">项目类型</div>
-                                <div class="extra">
-                                    <el-button :loading="saveProTypenLoad" class="text-white" color="#20C98B" @click="saveProType">保存项目类型</el-button>
-                                </div>
-                            </div>
-                            <div class="set-project-row-col-content max-h-300px">
-                                <div v-for="(item, index) in proType" :key="index" class="hc-flex mt-1">
-                                    <el-input v-model="item.dictValue" placeholder="类型名称" class="flex-1" />
-                                    <el-link :underline="false" type="primary" class="ml-2">
-                                        <hc-icon class="text-20px font-bold" name="add" @click="addClickType(item, index)" />
-                                    </el-link>
-                                    <el-link :underline="false" type="danger" class="ml-1">
-                                        <hc-icon class="text-20px font-bold" name="close" @click="delClickType(item, index)" />
-                                    </el-link>
-                                </div>
-                            </div>
-                        </div>
-                    </el-col>
-                    <el-col :span="8">
-                        <div class="set-project-row-col">
-                            <div class="set-project-row-col-title hc-flex">
-                                <div class="title flex-1">
-                                    <span class="mr-2">项目阶段</span>
-                                    <span class="text-14px">(工作要点任务分工)</span>
-                                </div>
-                                <div class="extra">
-                                    <el-button :loading="savProStationTipLoad" class="text-white" color="#20C98B" @click="saveProStationTip">保存项目阶段</el-button>
-                                </div>
-                            </div>
-                            <div class="set-project-row-col-content max-h-300px">
-                                <div v-for="(item, index) in proStationTip" :key="index" class="hc-flex mt-1">
-                                    <el-input v-model="item.dictValue" placeholder="阶段名称" class="flex-1" />
-                                    <el-link :underline="false" type="primary" class="ml-2">
-                                        <hc-icon class="text-20px font-bold" name="add" @click="addClickTip(item, index)" />
-                                    </el-link>
-                                    <el-link :underline="false" type="danger" class="ml-1">
-                                        <hc-icon class="text-20px font-bold" name="close" @click="delClickTip(item, index)" />
-                                    </el-link>
-                                </div>
-                            </div>
-                        </div>
-                    </el-col>
-                </el-row>
-            </div>
-        </div>
-    </hc-card>
-</template>
-
-<script setup>
-import { onMounted, ref } from 'vue'
-import { getDictionary, saveDict } from '~api/dictbiz'
-import { projectDetailWarning, projectSaveWarning } from '~api/other'
-import { arrToKey, getArrValue, isArrItem } from 'js-fast-way'
-import HcInputNumber from './modules/input-number.vue'
-
-onMounted(() => {
-    projectWarningDetail()
-    getProStation()
-    getProType()
-    getProStationTip()
-})
-
-//项目预警详情
-const projectWarning = ref([{ warningType: 1 }, { warningType: 2 }])
-const projectWarningDetail = async () => {
-    const { data } = await projectDetailWarning()
-    const res = getArrValue(data?.list)
-    if (res.length <= 0 ) {
-        projectWarning.value = [{ warningType: 1 }, { warningType: 2 }]
-    } else {
-        projectWarning.value = res
-    }
-}
-
-//保存项目预警
-const saveProjectWarningLoad = ref(false)
-const saveProjectWarning = async () => {
-    saveProjectWarningLoad.value = true
-    const list = projectWarning.value
-    const { error, code, msg } = await projectSaveWarning(list)
-    saveProjectWarningLoad.value = false
-    if (!error && code === 200) {
-        window?.$message?.success(msg)
-        projectWarningDetail().then()
-    } else {
-        window.$message.error(msg ?? '操作失败')
-    }
-}
-
-
-//相关相关设置
-
-const proStation = ref([{ dictValue: '' }])
-const getProStation = async () => {
-    const { error, code, data } = await getDictionary({ code: 'projectStage' })
-    if (!error && code === 200) {
-        proStation.value = getArrValue(data)
-        if (proStation.value.length === 0) {
-            proStation.value = [
-                { dictValue: '' },
-            ]
-        }
-    } else {
-        proStation.value = []
-    }
-
-}
-const addClick = (item, index) => {
-    proStation.value.splice(index + 1, 0, { dictValue: '' })
-}
-const delClick = (item, index) => {
-    if (proStation.value.length === 1) {
-        window.$message.warning('请至少保留一条数据')
-        return
-    }
-    proStation.value.splice(index, 1)
-}
-const saveProStationLoad = ref(false)
-const saveProStation = async () => {
-    const list = arrToKey(proStation.value, 'dictValue', ',').split(',')
-    const isIn = isArrItem(list, '') // true
-    if (isIn) {
-        window.$message.warning('请输入阶段名称')
-        return
-    }
-    saveProStationLoad.value = true
-    const { error, code, msg } = await saveDict({ type: 'projectStage', list })
-    saveProStationLoad.value = false
-    if (!error && code === 200) {
-        window?.$message?.success(msg)
-        getProStation()
-    } else {
-        window.$message.error(msg ?? '操作失败')
-    }
-}
-const proType = ref([
-    { name: '铁路' },
-    { name: '建成项目' },
-
-])
-const getProType = async () => {
-    const { error, code, data } = await getDictionary({ code: 'projectType' })
-    if (!error && code === 200) {
-        proType.value = getArrValue(data)
-        if (proType.value.length === 0) {
-            proType.value = [
-                { dictValue: '' },
-            ]
-        }
-    } else {
-        proType.value = []
-    }
-
-}
-const addClickType = (item, index) => {
-
-    proType.value.splice(index + 1, 0, { dictValue: '' })
-}
-const delClickType = (item, index) => {
-    if (proType.value.length === 1) {
-        window.$message.warning('请至少保留一条数据')
-        return
-    }
-    proType.value.splice(index, 1)
-}
-const saveProTypenLoad = ref(false)
-const saveProType = async () => {
-    const list = arrToKey(proType.value, 'dictValue', ',').split(',')
-    const isIn = isArrItem(list, '') // true
-    if (isIn) {
-        window.$message.warning('请输入类型名称')
-        return
-    }
-    saveProTypenLoad.value = true
-    const { error, code, msg } = await saveDict({ type: 'projectType', list })
-    saveProTypenLoad.value = false
-    if (!error && code === 200) {
-        window?.$message?.success(msg)
-        getProType()
-    } else {
-        window.$message.error(msg ?? '操作失败')
-    }
-}
-const proStationTip = ref([])
-const getProStationTip = async () => {
-    const { error, code, data } = await getDictionary({ code: 'workFocusStage' })
-    if (!error && code === 200) {
-        proStationTip.value = getArrValue(data)
-        if (proStationTip.value.length === 0) {
-            proStationTip.value = [
-                { dictValue: '' },
-            ]
-        }
-    } else {
-        proStationTip.value = []
-    }
-}
-const addClickTip = (item, index) => {
-    proStationTip.value.splice(index + 1, 0, { dictValue: '' })
-}
-const delClickTip = (item, index) => {
-    if (proStationTip.value.length === 1) {
-        window.$message.warning('请至少保留一条数据')
-        return
-    }
-    proStationTip.value.splice(index, 1)
-}
-const savProStationTipLoad = ref(false)
-const saveProStationTip = async () => {
-    const list = arrToKey(proStationTip.value, 'dictValue', ',').split(',')
-    const isIn = isArrItem(list, '') // true
-    if (isIn) {
-        window.$message.warning('请输入阶段名称')
-        return
-    }
-    savProStationTipLoad.value = true
-    const { error, code, msg } = await saveDict({ type: 'workFocusStage', list })
-    savProStationTipLoad.value = false
-    if (!error && code === 200) {
-        window?.$message?.success(msg)
-        getProStationTip()
-    } else {
-        window.$message.error(msg ?? '操作失败')
-    }
-}
-</script>
-
-<style lang='scss'>
-@import "~src/styles/view/set";
-</style>