Browse Source

常错词弹框样式

Jyt
jyt 2 years ago
parent
commit
c1c29c432f
3 changed files with 163 additions and 73 deletions
  1. +23
    -2
      pages/center/Piabodata/Customerportrait/Receivedetailabout.vue
  2. +70
    -35
      pages/mine/details.vue
  3. +70
    -36
      pages/mine/details2.vue

+ 23
- 2
pages/center/Piabodata/Customerportrait/Receivedetailabout.vue View File

@@ -328,7 +328,25 @@

<!-- 加入常错词 -->
<view class="zhezhoa" v-if="isshow2" @tap="Cancelout"></view>
<view class="bounced" v-if="isshow2">
<u-modal v-model="isshow2" title="添加常错词" :show-cancel-button="true" @cancel="Cancelout" @confirm="Confirmtheexit">
<view class="tian-view">
<viwe class="tian-view-t1"></viwe>
<viwe class="tian-view-t2">常错词:</viwe>
<viwe class="tian-view-t3">
<textarea :auto-height="true" type="text" v-model="thewrongword" :disabled="isNum" class="tian-input" placeholder="请输入" />
</viwe>
</view>
<view class="tian-view" style="margin-bottom: 74rpx;">
<viwe class="tian-view-t1"></viwe>
<viwe class="tian-view-t2">正确词:</viwe>
<viwe class="tian-view-t3">
<input class="tian-input" v-model="reswrongword" type="text" placeholder="请输入" />
</viwe>
</view>
</u-modal>
<!-- <view class="bounced" v-if="isshow2">
<view class="tian-view">
<viwe class="tian-view-t1"></viwe>
<viwe class="tian-view-t2">常错词:</viwe>
@@ -347,7 +365,7 @@
<view class="bounced3-1" @tap="Cancelout">取消</view>
<view class="bounced3-2" @tap="Confirmtheexit">确认</view>
</view>
</view>
</view> -->

<!-- 加精华 -->
<view class="zhezhoa" v-if="isshow3" @tap="Cancelout2"></view>
@@ -2353,4 +2371,7 @@
background: #2BC805 !important;
color: #FFFFFF;
}
/deep/ .u-model-title{
padding: 34rpx 0 16rpx !important;
}
</style>

+ 70
- 35
pages/mine/details.vue View File

@@ -107,12 +107,30 @@
</view>
<!-- 加入常错词 -->
<view class="zhezhoa" v-if="isshow2" @tap="Cancelout"></view>
<view class="bounced" v-if="isshow2">
<u-modal v-model="isshow2" title="添加常错词" :show-cancel-button="true" @cancel="Cancelout" @confirm="Confirmtheexit">
<view class="tian-view">
<viwe class="tian-view-t1"></viwe>
<viwe class="tian-view-t2">常错词:</viwe>
<viwe class="tian-view-t3">
<input type="text" v-model="thewrongword" :disabled="true" class="tian-input" placeholder="请输入" />
<textarea :auto-height="true" type="text" v-model="thewrongword" :disabled="isNum" class="tian-input" placeholder="请输入" />
</viwe>
</view>
<view class="tian-view" style="margin-bottom: 74rpx;">
<viwe class="tian-view-t1"></viwe>
<viwe class="tian-view-t2">正确词:</viwe>
<viwe class="tian-view-t3">
<input class="tian-input" v-model="reswrongword" type="text" placeholder="请输入" />
</viwe>
</view>
</u-modal>
<!-- <view class="bounced" v-if="isshow2">
<view class="tian-view">
<viwe class="tian-view-t1"></viwe>
<viwe class="tian-view-t2">常错词:</viwe>
<viwe class="tian-view-t3">
<input type="text" v-model="thewrongword" :disabled="isNum" class="tian-input" placeholder="请输入" />
</viwe>
</view>
<view class="tian-view">
@@ -126,7 +144,7 @@
<view class="bounced3-1" @tap="Cancelout">取消</view>
<view class="bounced3-2" @tap="Confirmtheexit">确认</view>
</view>
</view>
</view> -->
<!-- 加精华 -->
<view class="zhezhoa" v-if="isshow3" @tap="Cancelout2"></view>
<view class="bounced" v-if="isshow3">
@@ -250,6 +268,7 @@

ACTION: Symbol('zaudios'), // 唯一值区分每个页面的方法
isPageHide: false, // 是否息屏
isNum:false
};
},

@@ -583,50 +602,58 @@
},
//确认加入常错词
Confirmtheexit() {
let reg = /^[0-9]+$/
if(reg.test(this.thewrongword)){
if(this.reswrongword.length>8 || this.thewrongword.length>8){
this.$refs.uToast.show({
title: '错误词不能为纯数字',
title: '正确词错误词不能超过8个字',
type: 'warning',
})
}else{
if (this.thewrongword) {
if (this.reswrongword) {
let parames = {
customerId: this.customerId,
cupid: this.luyinList[this.csdFileindex].id,
wrongWord: this.thewrongword, //错误词
correctWord: this.reswrongword, //正确词
translateHtmlContent: this.messagelisy,

}
this.isshow2 = false;
let sas = this.textItself.replace(this.thewrongword, this.reswrongword)
this.dialogList[this.argtextindex1].message[this.argtextindex2].onebest = sas
this.dialogList.forEach(res => {
res.message.forEach(asd => {
asd.isshow = false;
})
})
this.$u.post("/corpus/addCorrectWord", parames).then(data => {
this.thewrongword = "";
this.reswrongword = "";
let reg = /^[0-9]+$/
if(reg.test(this.thewrongword)){
this.$refs.uToast.show({
title: '错误词不能为纯数字',
type: 'warning',
})
}else{
if (this.thewrongword) {
if (this.reswrongword) {
let parames = {
customerId: this.customerId,
cupid: this.luyinList[this.csdFileindex].id,
wrongWord: this.thewrongword, //错误词
correctWord: this.reswrongword, //正确词
translateHtmlContent: this.messagelisy,
}
this.isshow2 = false;
let sas = this.textItself.replace(this.thewrongword, this.reswrongword)
this.dialogList[this.argtextindex1].message[this.argtextindex2].onebest = sas
this.dialogList.forEach(res => {
res.message.forEach(asd => {
asd.isshow = false;
})
})
this.$u.post("/corpus/addCorrectWord", parames).then(data => {
this.thewrongword = "";
this.reswrongword = "";
})
} else {
uni.showToast({
title: '正确值不能为空',
duration: 2000
});
return
}
} else {
uni.showToast({
title: '正确值不能为空',
title: '错误词不能为空',
duration: 2000
});
return
}
} else {
uni.showToast({
title: '错误词不能为空',
duration: 2000
});
return
}
}
}
},
//取消加入常错词
Cancelout() {
@@ -639,8 +666,13 @@
},
//加入长错词
Oftenthewrongword() {
this.isNum = false;
this.reswrongword = "";
this.isshow2 = true;
let reg = /^[0-9]+$/
if (reg.test(this.thewrongword)) {
this.isNum = true
}
},
//加精华
Addtheessence() {
@@ -1575,4 +1607,7 @@
color: #333333;
}
}
/deep/ .u-model-title{
padding: 34rpx 0 16rpx !important;
}
</style>

+ 70
- 36
pages/mine/details2.vue View File

@@ -140,12 +140,30 @@

<!-- 加入常错词 -->
<view class="zhezhoa" v-if="isshow2" @tap="Cancelout"></view>
<view class="bounced" v-if="isshow2">
<u-modal v-model="isshow2" title="添加常错词" :show-cancel-button="true" @cancel="Cancelout" @confirm="Confirmtheexit">
<view class="tian-view">
<viwe class="tian-view-t1"></viwe>
<viwe class="tian-view-t2">常错词:</viwe>
<viwe class="tian-view-t3">
<textarea :auto-height="true" type="text" v-model="thewrongword" :disabled="isNum" class="tian-input" placeholder="请输入" />
</viwe>
</view>
<view class="tian-view" style="margin-bottom: 74rpx;">
<viwe class="tian-view-t1"></viwe>
<viwe class="tian-view-t2">正确词:</viwe>
<viwe class="tian-view-t3">
<input class="tian-input" v-model="reswrongword" type="text" placeholder="请输入" />
</viwe>
</view>
</u-modal>
<!-- <view class="bounced" v-if="isshow2">
<view class="tian-view">
<viwe class="tian-view-t1"></viwe>
<viwe class="tian-view-t2">错误词:</viwe>
<viwe class="tian-view-t3">
<input type="text" v-model="thewrongword" :disabled="true" class="tian-input" maxlength="8" placeholder="请输入" />
<input type="text" v-model="thewrongword" :disabled="isNum" class="tian-input" maxlength="8" placeholder="请输入" />
</viwe>
</view>
<view class="tian-view">
@@ -159,7 +177,7 @@
<view class="bounced3-1" @tap="Cancelout">取消</view>
<view class="bounced3-2" @tap="Confirmtheexit">确认</view>
</view>
</view>
</view> -->

<!-- 加精华 -->
<view class="zhezhoa" v-if="isshow3" @tap="Cancelout2"></view>
@@ -526,6 +544,7 @@
isPageHide: false, // 是否息屏
duration: '', // 总时长
refresh: false, // 默认false
isNum:false
};
},
computed: {
@@ -1253,50 +1272,57 @@
},
//确认加入常错词
Confirmtheexit() {
let reg = /^[0-9]+$/
if(reg.test(this.thewrongword)){
if(this.reswrongword.length>8 || this.thewrongword.length>8){
this.$refs.uToast.show({
title: '错误词不能为纯数字',
title: '正确词错误词不能超过8个字',
type: 'warning',
})
}else{
if (this.thewrongword) {
if (this.reswrongword) {
let parames = {
customerId: this.customerId,
cupid: this.luyinList[this.csdFileindex].id,
wrongWord: this.thewrongword, //错误词
correctWord: this.reswrongword, //正确词
translateHtmlContent: this.messagelisy,
}
this.isshow2 = false;
let sas = this.textItself.replace(this.thewrongword, this.reswrongword)
this.dialogList[this.argtextindex1].message[this.argtextindex2].onebest = sas
this.dialogList.forEach(res => {
res.message.forEach(asd => {
asd.isshow = false;
let reg = /^[0-9]+$/
if(reg.test(this.thewrongword)){
this.$refs.uToast.show({
title: '错误词不能为纯数字',
type: 'warning',
})
}else{
if (this.thewrongword) {
if (this.reswrongword) {
let parames = {
customerId: this.customerId,
cupid: this.luyinList[this.csdFileindex].id,
wrongWord: this.thewrongword, //错误词
correctWord: this.reswrongword, //正确词
translateHtmlContent: this.messagelisy,
}
this.isshow2 = false;
let sas = this.textItself.replace(this.thewrongword, this.reswrongword)
this.dialogList[this.argtextindex1].message[this.argtextindex2].onebest = sas
this.dialogList.forEach(res => {
res.message.forEach(asd => {
asd.isshow = false;
})
})
})
this.$u.post("/corpus/addCorrectWord", parames).then(data => {
this.thewrongword = "";
this.reswrongword = "";
})
this.$u.post("/corpus/addCorrectWord", parames).then(data => {
this.thewrongword = "";
this.reswrongword = "";
})
} else {
uni.showToast({
title: '正确值不能为空',
duration: 2000
});
return
}
} else {
uni.showToast({
title: '正确值不能为空',
title: '错误词不能为空',
duration: 2000
});
return
}
} else {
uni.showToast({
title: '错误词不能为空',
duration: 2000
});
return
}
}
@@ -1312,8 +1338,13 @@
},
//加入长错词
Oftenthewrongword() {
this.isNum = false;
this.reswrongword = "";
this.isshow2 = true;
let reg = /^[0-9]+$/
if (reg.test(this.thewrongword)) {
this.isNum = true
}
},
//加精华
Addtheessence() {
@@ -2589,4 +2620,7 @@
background: #2BC805 !important;
color: #FFFFFF;
}
/deep/ .u-model-title{
padding: 34rpx 0 16rpx !important;
}
</style>

Loading…
Cancel
Save