|  |  |  | 
|---|
|  |  |  | <!-- 本框架基本脚本和样式 --> | 
|---|
|  |  |  | <script type="text/javascript" th:src="@{/js/systools/MBaseVue.js}"></script> | 
|---|
|  |  |  | <link rel="stylesheet" th:href="@{/plugin/element-ui/index.css}"> | 
|---|
|  |  |  | <script type="text/javascript" th:src="@{/plugin/moment.min.js}"></script> | 
|---|
|  |  |  | <link th:href="@{/css/styleOne/style.min.css}" rel="stylesheet" type="text/css"/> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 富文本编辑器 --> | 
|---|
|  |  |  | 
|---|
|  |  |  | padding-left: 10px; | 
|---|
|  |  |  | margin-left:10px ; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .openOrClose { | 
|---|
|  |  |  | cursor:pointer | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </style> | 
|---|
|  |  |  | </head> | 
|---|
|  |  |  | <body> | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </el-tab-pane> | 
|---|
|  |  |  | <el-tab-pane label="套餐" name="tab2"> | 
|---|
|  |  |  | <template v-for="item in taocanList" > | 
|---|
|  |  |  | <p class="el-big-title">【{{item.isCourse=='N'?'固定套餐':'任选套餐'}}】{{item.projName}} | 
|---|
|  |  |  | <template v-for="(item,index) in taocanList"> | 
|---|
|  |  |  | <p class="el-big-title"> | 
|---|
|  |  |  | <span class="openOrClose" v-if="!item.openOrClose" @click="openOrCloseTc(item, index, 1)"><i class="el-icon-arrow-down"></i></span> | 
|---|
|  |  |  | <span class="openOrClose" v-if="item.openOrClose" @click="openOrCloseTc(item, index, 2)"><i class="el-icon-arrow-up"></i></span> | 
|---|
|  |  |  | 【{{item.isCourse=='N'?'固定套餐':'任选套餐'}}】{{item.projName}} | 
|---|
|  |  |  | <span style="float: right" v-if="item.failTime != null">有效期:{{item.failTime}}</span> | 
|---|
|  |  |  | <code v-if="item.projInfo.isCourse=='Y'" > 剩余次数:<span v-if="item.projInfo.isInfinite == 'Y'">无限次</span><span v-else>{{item.surplusCount}}</span> </code> | 
|---|
|  |  |  | <code v-if="item.isCourse=='Y'" > 剩余次数:<span v-if="item.isInfinite == 'Y'">无限次</span><span v-else>{{item.surplusCount}}</span> </code> | 
|---|
|  |  |  | </p> | 
|---|
|  |  |  | <el-table | 
|---|
|  |  |  | :data="item.taocanProjUse" | 
|---|
|  |  |  | style="width: 98%"> | 
|---|
|  |  |  | style="width: 98%" v-show="item.openOrClose"> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | prop="projName" | 
|---|
|  |  |  | label="项目"> | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | </el-table> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!--               <el-row style="text-align: center; margin-top: 5px;">--> | 
|---|
|  |  |  | <!--                  <el-link type="primary" v-if="!tcIsOpen && taocanList.length > 0" @click="tcIsOpen = true">点击展开</el-link>--> | 
|---|
|  |  |  | <!--                  <el-link type="primary" v-if="tcIsOpen" @click="tcIsOpen = false">点击隐藏</el-link>--> | 
|---|
|  |  |  | <!--               </el-row>--> | 
|---|
|  |  |  | </el-tab-pane> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </el-tabs> | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-date-picker | 
|---|
|  |  |  | v-model="yyTime" | 
|---|
|  |  |  | type="date" | 
|---|
|  |  |  | value-format="yyyy-MM-dd HH:mm" | 
|---|
|  |  |  | placeholder="选择预约时间"> | 
|---|
|  |  |  | </el-date-picker> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | orderItemList:[], | 
|---|
|  |  |  | projList:[], | 
|---|
|  |  |  | taocanList:[], | 
|---|
|  |  |  | tcIsOpen : false, | 
|---|
|  |  |  | yyTime:new Date(), | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | closeFram: function () { | 
|---|
|  |  |  | parent.layer.close(parent.layer.getFrameIndex(window.name)); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | openOrCloseTc : function (item, index, value) { | 
|---|
|  |  |  | if (value == 1) { | 
|---|
|  |  |  | item.openOrClose = true; | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | item.openOrClose = false; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | Vue.set(this.taocanList, index, item); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|