| | |
|---|
| | | 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> |
|---|
| | |
|---|
| | | <script type="text/javascript" th:src="@{/js/systools/AjaxProxyVue.js}"></script> |
|---|
| | | <script type="text/javascript" th:src="@{/js/plugin/vue.js}"></script> |
|---|
| | | <script type="text/javascript" th:src="@{/plugin/element-ui/index.js}"></script> |
|---|
| | | <script src="https://cdn.jsdelivr.net/npm/@riophae/vue-treeselect@^0.4.0/dist/vue-treeselect.umd.min.js"></script> |
|---|
| | | <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@riophae/vue-treeselect@^0.4.0/dist/vue-treeselect.min.css"> |
|---|
| | | <script th:src="@{/plugin/vue-treeselect/vue-treeselect.umd.min.js}"></script> |
|---|
| | | <link rel="stylesheet" th:href="@{/plugin/vue-treeselect/vue-treeselect.min.css}"> |
|---|
| | | |
|---|
| | | |
|---|
| | | <script> |
|---|
| | |
|---|
| | | 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); |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
