| | |
| | | <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
|
| | | <script src="http://img.flqapp.com/resource/js/app2019112217.js"></script>
|
| | | <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
| | | <style type="text/css">
|
| | | .num {
|
| | | height: 0.5rem;
|
| | | width: 0.5rem;
|
| | | background: #E1E1E1;
|
| | | border-radius: 0.5rem;
|
| | | font-size: 0.36rem;
|
| | | text-align: center;
|
| | | color: #666666;
|
| | | display: flex;
|
| | | align-items: center;
|
| | | justify-content: center;
|
| | | margin-left: 0.23rem;
|
| | | margin-top: 0.2rem;
|
| | | }
|
| | | </style>
|
| | | </head>
|
| | | <body>
|
| | | <div id="root">
|
| | | <div class="div_item_bg">
|
| | | <div class="div_items" v-for="(item, index) in yjlist">
|
| | | <div class="title">{{item.title}}</div>
|
| | | <input type="text" class="content" v-bind:placeholder="index==yjlist.length-1?item.content:''" :value="state==0?'':item.content"
|
| | | v-bind:readonly="index==yjlist.length-1?(state==0?false:true):true" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" />
|
| | |
|
| | | <div style="display: flex;align-items: center;font-size: 0;" v-for="(item, index) in yjlist">
|
| | | <div class="num">
|
| | | {{index+1}}
|
| | | </div>
|
| | | <div class="div_items" @click="editLevel(index)">
|
| | | <div class="title">{{item.title}}</div>
|
| | | <input v-if="index>=yjlist.length-1" type="number" @click="input(index)" class="content" v-bind:placeholder="index==yjlist.length-1?item.content:''"
|
| | | :value="state==0?'':item.content" v-bind:readonly="index==yjlist.length-1?(state==0?false:true):true" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" />
|
| | | <div v-if="index<yjlist.length-1" class="content" >{{state==0?'':item.content}}</div>
|
| | | |
| | | </div>
|
| | | </div>
|
| | |
|
| | | </div>
|
| | | <!-- 添加粉丝 -->
|
| | | <div class="div_add_bg" @click="addFans" v-if="state==0">
|
| | |
| | | </div>
|
| | | <div class="div_add_desc">添加粉丝</div>
|
| | | </div>
|
| | | <div class="div_desc" v-if="state==0">建议粉丝数不超过9代</div>
|
| | | <div class="div_desc" v-if="state==0">建议粉丝数不超过9代</div>
|
| | |
|
| | | <div style="height: 1.5rem;"></div>
|
| | | <!-- 提交申请 -->
|
| | |
| | | data: {
|
| | | buttonName: '开始计算',
|
| | | yjlist: [],
|
| | | n: 0,
|
| | | n: -1,
|
| | | typelist: ['超级会员', '高级会员', '快省达人'],
|
| | | state: 0 //0-输入模式 1-显示模式
|
| | | state: 0, //0-输入模式 1-显示模式
|
| | | editIndex: 0
|
| | | },
|
| | | watch: {
|
| | | yjlist: function(val) {
|
| | |
| | | },
|
| | | methods: {
|
| | | addFans: function() {
|
| | | if (app.yjlist != null && app.yjlist.length >= 9)
|
| | | if (app.yjlist != null && app.yjlist.length >= 9) {
|
| | | yesApp.toast("最多只能添加9级");
|
| | | return;
|
| | | }
|
| | | app.n = -1;
|
| | | app.editIndex = app.yjlist.length;
|
| | | $('.dialogmask').css('display', 'block')
|
| | | },
|
| | |
|
| | | input: function(index) {
|
| | | if (index == app.yjlist.length-1) {
|
| | | var event = window.event || arguments[0]
|
| | | event = window.event || event
|
| | | if (event.stopPropagation) {
|
| | | event.stopPropagation() // 阻止事件 冒泡传播
|
| | | } else {
|
| | | event.cancelBubble = true // ie兼容
|
| | | }
|
| | | }
|
| | | },
|
| | | //编辑等级
|
| | | editLevel: function(index) {
|
| | | if (app.state == 0) {
|
| | | app.editIndex = index;
|
| | | $('.dialogmask').css('display', 'block')
|
| | | }
|
| | | },
|
| | | hiddenDialog: function() {
|
| | | app.n = 0;
|
| | | app.n = -1;
|
| | | $('.dialogmask').css('display', 'none')
|
| | | },
|
| | |
|
| | |
| | | }
|
| | | }
|
| | | var list = app.yjlist;
|
| | | list.push(params);
|
| | | if (list.length - 1 < app.editIndex)
|
| | | list.push(params);
|
| | | else
|
| | | list[app.editIndex] = params;
|
| | | app.yjlist = list;
|
| | | app.hiddenDialog();
|
| | | },
|
| | |
| | | }
|
| | |
|
| | |
|
| | | var money = $("input[type=text]:last").val();
|
| | | var money = $("input[type=number]:last").val();
|
| | | if (money == null || money == '' || money.length < 1) {
|
| | | yesApp.toast("请输入金额");
|
| | | return;
|