morphone1995 4 éve
szülő
commit
991224155b
1 módosított fájl, 114 hozzáadás és 110 törlés
  1. 114 110
      src/components/icss/plan/AddPlan.vue

+ 114 - 110
src/components/icss/plan/AddPlan.vue

@@ -2,115 +2,119 @@
   <div class="AddPlanWrapper clearfix" @click="close">
     <crumbs title="电子病历方案配置-添加方案" class="topBack" :param="$route.params" linkTo="Plan"></crumbs>
     <div class="AddPlanBox">
-      <el-form ref="form" :model="form" label-width="80px" :rules="rules">
-        <el-form-item label="方案名称" prop="planName">
-          <el-input v-model="form.planName"></el-input>
-        </el-form-item>
-        <el-form-item label="方案编码" prop="planCode">
-          <el-input v-model="form.planCode"></el-input>
-        </el-form-item>
-        <el-form-item label="方案配置">
-          <ul>
-            <li>
-              <div class="title">
-                <div class="handleIcon" @click="openPlanItems">
-                  <img
-                    src="../../../images/multi.png"
-                    alt="辅助信息"
-                    :class="{'open' : isOpenCloseItems}"
-                  />
-                </div>
-                <h4>辅助信息</h4>
-                <div class="titlwSwitch">
-                  <el-switch
-                    v-model="switchSubStatus"
-                    :active-value="1"
-                    :inactive-value="0"
-                    active-color="#4BC4D7"
-                    inactive-color="#BBBBBB"
-                  ></el-switch>
-                  <span class="titlwSwitchStatus">{{switchSubStatus === 1 ? '启用中' : '未启用'}}</span>
-                </div>
-              </div>
-              <transition name="plus-icon">
-                <div v-if="isOpenCloseItems">
-                  <ul class="sub" v-for="(item,index) in  planDefaultList" :key="item.id">
-                    <li class="planItem">
-                      <div class="sort">
-                        <div class="top">
-                          <img
-                            :src="isTopLight !== index ? require('../../../images/icon_default_top.png') : require('../../../images/icon_hover_top.png')"
-                            alt="上升"
-                            v-if="index !== 0"
-                            @click="sortPlan(item,index,'top')"
-                            @mouseover="handleMouseEnter1(index)"
-                            @mouseleave="handleMouseLeave1(index)"
-                          />
-                        </div>
-                        <div class="down">
-                          <img
-                            :src="isDownLight !== index ? require('../../../images/icon_default_down.png') : require('../../../images/icon_hover_down.png')"
-                            alt="下降"
-                            v-if="index !== planDefaultList.length - 1"
-                            @click="sortPlan(item,index,'down')"
-                            @mouseover="handleMouseEnter(index)"
-                            @mouseleave="handleMouseLeave(index)"
-                          />
-                        </div>
-                      </div>
-                      <div class="openOrClose">
-                        <span class="planInfo">{{item.name}}</span>
-                        <div class="switch">
-                          <el-switch
-                            v-model="item.status"
-                            :active-value="1"
-                            :inactive-value="0"
-                            active-color="#4BC4D7"
-                            inactive-color="#BBBBBB"
-                          ></el-switch>
-                        </div>
-                        <span class="planStatus">{{item.status === 1 ? '启用中' : '未启用'}}</span>
-                      </div>
-                      <div class="showNum" v-if="item.number">
-                        <span style="marginRight:8px;">默认显示个数</span>
-                        <el-select v-model="item.number" placeholder="请选择" size="small">
-                          <el-option label="1" value="1"></el-option>
-                          <el-option label="2" value="2"></el-option>
-                          <el-option label="3" value="3"></el-option>
-                          <el-option label="4" value="4"></el-option>
-                          <el-option label="5" value="5"></el-option>
-                          <el-option label="6" value="6"></el-option>
-                        </el-select>
-                      </div>
-                    </li>
-                  </ul>
-                </div>
-              </transition>
-            </li>
-            <li>
-              <div class="title">
-                <div class="handleIcon">
-                  <img src="../../../images/multi.png" alt="医学知识" />
-                </div>
-                <h4>医学知识</h4>
-                <div class="titlwSwitch">
-                  <el-switch
-                    v-model="switchMedStatus"
-                    :active-value="1"
-                    :inactive-value="0"
-                    active-color="#4BC4D7"
-                    inactive-color="#BBBBBB"
-                  ></el-switch>
-                  <span class="titlwSwitchStatus">{{switchMedStatus === 1 ? '启用中' : '未启用'}}</span>
-                </div>
-              </div>
-            </li>
-          </ul>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" @click="onSubmit" :disabled="saveDisable">确定添加</el-button>
-        </el-form-item>
-      </el-form>
+      <el-row :gutter="20">
+        <el-col :span="16">
+          <el-form ref="form" :model="form" label-width="80px" :rules="rules">
+            <el-form-item label="方案名称" prop="planName">
+              <el-input v-model="form.planName"></el-input>
+            </el-form-item>
+            <el-form-item label="方案编码" prop="planCode">
+              <el-input v-model="form.planCode"></el-input>
+            </el-form-item>
+            <el-form-item label="方案配置">
+              <ul>
+                <li>
+                  <div class="title">
+                    <div class="handleIcon" @click="openPlanItems">
+                      <img
+                        src="../../../images/multi.png"
+                        alt="辅助信息"
+                        :class="{'open' : isOpenCloseItems}"
+                      />
+                    </div>
+                    <h4>辅助信息</h4>
+                    <div class="titlwSwitch">
+                      <el-switch
+                        v-model="switchSubStatus"
+                        :active-value="1"
+                        :inactive-value="0"
+                        active-color="#4BC4D7"
+                        inactive-color="#BBBBBB"
+                      ></el-switch>
+                      <span class="titlwSwitchStatus">{{switchSubStatus === 1 ? '启用中' : '未启用'}}</span>
+                    </div>
+                  </div>
+                  <transition name="plus-icon">
+                    <div v-if="isOpenCloseItems">
+                      <ul class="sub" v-for="(item,index) in  planDefaultList" :key="item.id">
+                        <li class="planItem">
+                          <div class="sort">
+                            <div class="top">
+                              <img
+                                :src="isTopLight !== index ? require('../../../images/icon_default_top.png') : require('../../../images/icon_hover_top.png')"
+                                alt="上升"
+                                v-if="index !== 0"
+                                @click="sortPlan(item,index,'top')"
+                                @mouseover="handleMouseEnter1(index)"
+                                @mouseleave="handleMouseLeave1(index)"
+                              />
+                            </div>
+                            <div class="down">
+                              <img
+                                :src="isDownLight !== index ? require('../../../images/icon_default_down.png') : require('../../../images/icon_hover_down.png')"
+                                alt="下降"
+                                v-if="index !== planDefaultList.length - 1"
+                                @click="sortPlan(item,index,'down')"
+                                @mouseover="handleMouseEnter(index)"
+                                @mouseleave="handleMouseLeave(index)"
+                              />
+                            </div>
+                          </div>
+                          <div class="openOrClose">
+                            <span class="planInfo">{{item.name}}</span>
+                            <div class="switch">
+                              <el-switch
+                                v-model="item.status"
+                                :active-value="1"
+                                :inactive-value="0"
+                                active-color="#4BC4D7"
+                                inactive-color="#BBBBBB"
+                              ></el-switch>
+                            </div>
+                            <span class="planStatus">{{item.status === 1 ? '启用中' : '未启用'}}</span>
+                          </div>
+                          <div class="showNum" v-if="item.number">
+                            <span style="marginRight:8px;">默认显示个数</span>
+                            <el-select v-model="item.number" placeholder="请选择" size="small">
+                              <el-option label="1" value="1"></el-option>
+                              <el-option label="2" value="2"></el-option>
+                              <el-option label="3" value="3"></el-option>
+                              <el-option label="4" value="4"></el-option>
+                              <el-option label="5" value="5"></el-option>
+                              <el-option label="6" value="6"></el-option>
+                            </el-select>
+                          </div>
+                        </li>
+                      </ul>
+                    </div>
+                  </transition>
+                </li>
+                <li>
+                  <div class="title">
+                    <div class="handleIcon">
+                      <img src="../../../images/multi.png" alt="医学知识" />
+                    </div>
+                    <h4>医学知识</h4>
+                    <div class="titlwSwitch">
+                      <el-switch
+                        v-model="switchMedStatus"
+                        :active-value="1"
+                        :inactive-value="0"
+                        active-color="#4BC4D7"
+                        inactive-color="#BBBBBB"
+                      ></el-switch>
+                      <span class="titlwSwitchStatus">{{switchMedStatus === 1 ? '启用中' : '未启用'}}</span>
+                    </div>
+                  </div>
+                </li>
+              </ul>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="onSubmit" :disabled="saveDisable">确定添加</el-button>
+            </el-form-item>
+          </el-form>
+        </el-col>
+      </el-row>
     </div>
   </div>
 </template>
@@ -462,7 +466,7 @@ export default {
       }
       .showNum {
         display: flex;
-        width: 320px;
+        width: 160px;
         /deep/.el-input--small {
           width: 60px;
         }