|
@@ -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;
|
|
|
}
|