🐞 fix(前端-QA): QA 问题增加滚动条

QA 问题增加滚动条,尝试解决乱码问题
This commit is contained in:
bin 2024-07-17 15:41:41 +08:00
parent 8fac0db11c
commit 09f08a3598
51 changed files with 9 additions and 5 deletions

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1 @@
.app-container[data-v-910383ac]{background:url(../../static/img/bg.f0ed7b2a.png) no-repeat;background-size:100% 100%;height:100%}.title[data-v-910383ac]{font-size:40px;text-align:center;margin-top:80px;color:#425b93;font-weight:700}.content_box[data-v-910383ac]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:128px}.content_box .item[data-v-910383ac]{background:#4d72d5;border-radius:20px;padding:50px 18px;width:260px;cursor:pointer;text-align:center}.content_box .item+.item[data-v-910383ac]{margin-left:114px}.content_box .item img[data-v-910383ac]{width:80px;height:80px}.content_box .item p[data-v-910383ac]{color:#fff;font-size:30px;font-weight:700;margin:40px 0 0 0}.bottom[data-v-910383ac]{text-align:center;color:#425b93;font-size:14px;position:fixed;bottom:56px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}

View File

@ -0,0 +1 @@
.desc_conten[data-v-450666d4]{white-space:nowrap;overflow:hidden;position:relative}.desc_conten .desc_btn[data-v-450666d4]{position:absolute;right:0}[data-v-fc7d9f38].el-button+.el-button{margin:0}.desc_conten[data-v-fc7d9f38]{white-space:nowrap;overflow:hidden;position:relative}.desc_conten .desc_btn[data-v-fc7d9f38]{position:absolute;right:0}.lineOnSale[data-v-fc7d9f38]{padding:60px 30px;margin:0 100px}.lineOnSale .lineOnSale_list[data-v-fc7d9f38]{display:-webkit-box;display:-ms-flexbox;display:flex}.lineOnSale .lineOnSale_list img[data-v-fc7d9f38]{width:290px;height:290px}.lineOnSale .lineOnSale_list .lineOnSale_centent[data-v-fc7d9f38]{margin-left:50px}.lineOnSale .lineOnSale_list .lineOnSale_centent .lineOnSale_title[data-v-fc7d9f38]{font-size:24px;color:#000;line-height:30px;font-weight:700}.lineOnSale .lineOnSale_list .lineOnSale_centent .lineOnSale_price[data-v-fc7d9f38]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:5px;-ms-flex-pack:distribute;justify-content:space-around}.lineOnSale .lineOnSale_list .lineOnSale_centent .lineOnSale_price .desc[data-v-fc7d9f38] .el-button--medium{padding:6px 10px}.lineOnSale .lineOnSale_list .lineOnSale_centent .lineOnSale_price div[data-v-fc7d9f38]{width:540px}.lineOnSale .lineOnSale_list .lineOnSale_centent .lineOnSale_price div+div[data-v-fc7d9f38]{margin-left:40px}.lineOnSale .lineOnSale_list .lineOnSale_centent .lineOnSale_price div p[data-v-fc7d9f38]{font-size:15px;color:#2e2e2e;line-height:30px;margin:0;font-weight:700}.lineOnSale .lineOnSale_list .lineOnSale_centent .lineOnSale_price div p[data-v-fc7d9f38]:nth-child(2){font-size:14px;color:rgba(0,0,0,.6)}.lineOnSale .lineOnSale_right[data-v-fc7d9f38]{margin-left:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.lineOnSale .lineOnSale_right[data-v-fc7d9f38] .el-button{display:block}.lineOnSale .lineOnSale_right .btn[data-v-fc7d9f38]{width:160px;height:36px;font-weight:700}.lineOnSale .lineOnSale_right .btn+.btn[data-v-fc7d9f38]{margin-top:10px}

View File

@ -1 +1 @@
@font-face{font-family:PingFang;src:url(../../static/fonts/PingFang\ SC.212ada59.ttf);font-weight:400;font-style:normal}body[data-v-5eb66a1f]{font-family:PingFang!important}.infinite-list[data-v-5eb66a1f]{list-style-type:none;height:calc(100vh - 154px);padding:0;margin:0}.desc_container+.desc_container[data-v-5eb66a1f]{margin-top:10px;padding-top:10px}.desc_container .desc_title[data-v-5eb66a1f]{font-size:18px;font-weight:500;color:#333;line-height:25px;margin-bottom:10px}.desc_container .desc_content[data-v-5eb66a1f]{font-size:14px;font-weight:300}.problem .problem_form[data-v-5eb66a1f]{margin-top:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.problem .problem_container[data-v-5eb66a1f],.problem .problem_form[data-v-5eb66a1f]{display:-webkit-box;display:-ms-flexbox;display:flex}.problem .problem_container .problem_left[data-v-5eb66a1f]{font-family:PingFang,sans-serif;font-weight:300;width:18%;background:#fff;padding:0 20px;border-right:2px solid #46a6ff;height:calc(100vh - 154px)}.problem .problem_container .problem_left .btn[data-v-5eb66a1f]{color:#fff;padding:10px 20px;cursor:pointer;text-align:center;background:#46a6ff;border-radius:10px}.problem .problem_container .problem_left .btn+.btn[data-v-5eb66a1f]{margin-top:10px}.problem .problem_container .problem_right[data-v-5eb66a1f]{width:100%;background:#fff;padding:0 20px}.problem .problem_container .problem_right .problem_right_container+.problem_right_container[data-v-5eb66a1f]{margin-top:20px}.problem .problem_container .problem_right .problem_right_container .title[data-v-5eb66a1f]{font-size:20px;font-weight:600;margin-bottom:10px;color:#46a6ff}.problem .problem_container .problem_right .problem_right_container .title[data-v-5eb66a1f]>:first-child{margin-right:40px}.problem .problem_container .problem_right .problem_right_container .desc[data-v-5eb66a1f]{font-size:14px;color:#666;line-height:24px}
@font-face{font-family:PingFang;src:url(../../static/fonts/PingFang\ SC.212ada59.ttf);font-weight:400;font-style:normal}body[data-v-2e0e8c20]{font-family:PingFang!important}.infinite-list[data-v-2e0e8c20]{list-style-type:none;height:calc(100vh - 154px);padding:0;margin:0}.desc_container+.desc_container[data-v-2e0e8c20]{margin-top:10px;padding-top:10px}.desc_container .desc_title[data-v-2e0e8c20]{font-size:18px;font-weight:500;color:#333;line-height:25px;margin-bottom:10px}.desc_container .desc_content[data-v-2e0e8c20]{font-size:14px;font-weight:300}.problem .problem_form[data-v-2e0e8c20]{margin-top:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.problem .problem_container[data-v-2e0e8c20],.problem .problem_form[data-v-2e0e8c20]{display:-webkit-box;display:-ms-flexbox;display:flex}.problem .problem_container .problem_left[data-v-2e0e8c20]{font-family:PingFang,sans-serif;font-weight:300;width:18%;background:#fff;padding:0 20px;border-right:2px solid #46a6ff;height:calc(100vh - 154px)}.problem .problem_container .problem_left .btn[data-v-2e0e8c20]{color:#fff;padding:10px 20px;cursor:pointer;text-align:center;background:#46a6ff;border-radius:10px}.problem .problem_container .problem_left .btn+.btn[data-v-2e0e8c20]{margin-top:10px}.problem .problem_container .problem_right[data-v-2e0e8c20]{width:100%;background:#fff;padding:0 20px}.problem .problem_container .problem_right .problem_right_container+.problem_right_container[data-v-2e0e8c20]{margin-top:20px}.problem .problem_container .problem_right .problem_right_container .title[data-v-2e0e8c20]{font-size:20px;font-weight:600;margin-bottom:10px;color:#46a6ff}.problem .problem_container .problem_right .problem_right_container .title[data-v-2e0e8c20]>:first-child{margin-right:40px}.problem .problem_container .problem_right .problem_right_container .desc[data-v-2e0e8c20]{font-size:14px;color:#666;line-height:24px}

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1007 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1 @@
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-120ad319"],{"5cc6":function(t,i,s){t.exports=s.p+"static/img/route.326dc4fd.png"},"7abe":function(t,i,s){"use strict";s.r(i);var n=function(){var t=this,i=t.$createElement,n=t._self._c||i;return n("div",{staticClass:"app-container"},[n("div",{staticClass:"title"},[t._v("新国旅内部管系统")]),n("div",{staticClass:"content"},[n("div",{staticClass:"content_box"},[n("div",{staticClass:"item",on:{click:function(i){return t.$router.push("/login")}}},[n("img",{attrs:{src:s("89e5"),alt:""}}),n("p",[t._v("订单核销系统")])]),n("div",{staticClass:"item",on:{click:function(i){return t.$router.push("/line_on_sale")}}},[n("img",{attrs:{src:s("5cc6"),alt:""}}),n("p",[t._v("售卖中线路")])]),t._m(0)])]),n("div",{staticClass:"bottom"},[t._v("新国旅 版权所有 粤ICP备 xsiks545454号 粤公网安备 xsiks545454号")])])},e=[function(){var t=this,i=t.$createElement,n=t._self._c||i;return n("div",{staticClass:"item"},[n("img",{attrs:{src:s("bb8b"),alt:""}}),n("p",[t._v("签证系统")])])}],c={name:"home",data:function(){return{driver:null}},mounted:function(){},methods:{}},a=c,o=(s("eede"),s("2877")),r=Object(o["a"])(a,n,e,!1,null,"910383ac",null);i["default"]=r.exports},"89e5":function(t,i,s){t.exports=s.p+"static/img/verification.fd3c06fc.png"},"9fae":function(t,i,s){},bb8b:function(t,i,s){t.exports=s.p+"static/img/visa.608100ba.png"},eede:function(t,i,s){"use strict";s("9fae")}}]);

View File

@ -1 +0,0 @@
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2f2fadde"],{3526:function(t,a,e){"use strict";e("9241")},9241:function(t,a,e){},e132:function(t,a,e){"use strict";e.r(a);var i=function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"problem"},[e("el-row",[e("el-col",{attrs:{span:24}},[e("div",{staticClass:"problem_form"},[e("el-form",{ref:"form",attrs:{inline:!0,model:t.dataForm,"label-width":"60px"}},[e("el-form-item",{attrs:{label:"关键字:"}},[e("el-input",{staticClass:"filter-item",staticStyle:{width:"400px"},attrs:{placeholder:"请输入搜索关键字"},model:{value:t.dataForm.keyword,callback:function(a){t.$set(t.dataForm,"keyword",a)},expression:"dataForm.keyword"}})],1),e("el-form-item",[e("el-button",{attrs:{type:"success"},on:{click:t.onSubmit}},[t._v("查询")])],1)],1)],1)])],1),e("div",{staticClass:"problem_container"},[e("div",{staticClass:"problem_left"},t._l(t.getQaCityList,(function(a){return e("div",{staticClass:"btn",on:{click:function(e){return t.handleQacityl(a.city_id)}}},[t._v(t._s(a.city_name))])})),0),e("div",{staticClass:"problem_right"},[e("ul",{directives:[{name:"infinite-scroll",rawName:"v-infinite-scroll",value:t.load,expression:"load"}],staticClass:"infinite-list",staticStyle:{overflow:"auto"},attrs:{"infinite-scroll-immediate":!1}},t._l(t.getQaLists,(function(a){return e("li",{staticClass:"problem_right_container"},[e("div",{staticClass:"title"},[e("span",{domProps:{innerHTML:t._s(t.handleprant(a.title))}}),e("el-button",{attrs:{type:"primary"},on:{click:function(e){return t.handleZip(a.img_zip)}}},[t._v("下载图片")]),e("el-button",{attrs:{type:"primary"},on:{click:function(e){return t.handleZip(a.trip_zip)}}},[t._v("下载行程")])],1),t._l(a.qaQuestions,(function(a){return e("div",{staticClass:"desc_container"},[e("div",{staticClass:"desc",staticStyle:{"font-weight":"700",color:"#46a6ff"},domProps:{innerHTML:t._s(t.handleprant(a.title))}}),e("div",{staticClass:"desc",domProps:{innerHTML:t._s(t.handleprantHtml(a.content))}})])}))],2)})),0)])])],1)},n=[],s=(e("4d63"),e("ac1f"),e("2c3e"),e("25f0"),e("5319"),e("85a8")),r={data:function(){return{getQaCityList:[],getQaLists:[],dataForm:{keyword:"",city_id:""}}},created:function(){var t=this;Object(s["a"])().then((function(a){t.getQaCityList=a.data}))},watch:{"dataForm.keyword":function(t){t&&this.onSubmit()}},methods:{handleQacityl:function(t){var a=this;Object(s["b"])({city_id:t}).then((function(t){a.getQaLists=t.data.data}))},handleZip:function(t){t?window.open(t):this.$message({showClose:!0,message:"暂无下载链接"})},load:function(){console.log("load")},handleprant:function(t){if(!t)return"";var a=new RegExp(this.dataForm.keyword,"ig"),e='<span style="color: #fff;background-color: #FC0421FF;">'.concat(this.dataForm.keyword,"</span>");return t.replace(a,e)},handleprantHtml:function(t){if(!t)return"";var a=this.dataForm.keyword,e=new RegExp(a,"g"),i=t.replace(/(?<=>)[^>]+(?=<[/]?\w+.*>)/g,(function(t){return t.replace(e,"<span style='color: #fff;background-color: #FC0421FF;'>".concat(a,"</span>"))}));return i===t?this.handleprant(t):i},onSubmit:function(){var t=this;Object(s["b"])(this.dataForm).then((function(a){t.getQaLists=a.data.data}))}}},o=r,l=(e("3526"),e("2877")),c=Object(l["a"])(o,i,n,!1,null,"5eb66a1f",null);a["default"]=c.exports}}]);

View File

@ -0,0 +1 @@
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-472a8e80"],{"2ce8":function(t,e,n){"use strict";n("c60a")},"3e1c":function(t,e,n){"use strict";n("66e7")},"66e7":function(t,e,n){},c60a:function(t,e,n){},dae2:function(t,e,n){"use strict";n.r(e);var s=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"lineOnSale"},[s("div",{staticClass:"lineOnSale_list"},[s("img",{attrs:{src:n("eef5"),alt:""}}),s("div",{staticClass:"lineOnSale_centent"},[s("div",{staticClass:"lineOnSale_title"},[t._v("天上人间—马尔代夫7日自由行7天")]),s("div",{staticClass:"lineOnSale_price"},[s("div",{staticClass:"desc"},[s("p",[t._v("行程天数:")]),s("overflowConcealment",{attrs:{content:"天上人间—马尔代夫7日自尔代夫7日自由行7天天上人间—马尔代夫7夫7日自由日自由行7天"}})],1),s("div",{staticClass:"desc"},[s("p",[t._v("购物店:")]),s("overflowConcealment",{attrs:{content:"马尔代夫"}})],1)]),s("div",{staticClass:"lineOnSale_price"},[s("div",{staticClass:"desc"},[s("p",[t._v("是否含大交通:")]),s("overflowConcealment",{attrs:{content:"否"}})],1),s("div",{staticClass:"desc"},[s("p",[t._v("可售卖平台:")]),s("overflowConcealment",{attrs:{content:"否"}})],1)]),s("div",{staticClass:"lineOnSale_price"},[s("div",{staticClass:"desc"},[s("p",[t._v("卖点:")]),s("overflowConcealment",{attrs:{content:"誉为印度洋的珍珠"}})],1),s("div",{staticClass:"desc"},[s("p",[t._v("佣金:")]),s("overflowConcealment",{attrs:{content:"6521615"}})],1)]),s("div",{staticClass:"lineOnSale_price"},[s("div",{staticClass:"desc"},[s("p",[t._v("赠送项目:")]),s("overflowConcealment",{attrs:{content:"沙巴岛一日游"}})],1),s("div",{staticClass:"desc"},[s("p",[t._v("卖价:")]),s("overflowConcealment",{attrs:{content:"6546466"}})],1)])]),s("div",{staticClass:"lineOnSale_right"},[s("div",{staticClass:"lineOnSale_btn"},[s("el-button",{staticClass:"btn",attrs:{type:"primary"}},[t._v("下载行程")]),s("el-button",{staticClass:"btn",attrs:{type:"primary"}},[t._v("下载话术")]),s("el-button",{staticClass:"btn",attrs:{type:"primary"}},[t._v("下载图片")]),s("el-button",{staticClass:"btn",attrs:{type:"primary"}},[t._v("下载视频")])],1)])])])},a=[],c=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("p",{ref:"desc_conten",staticClass:"desc_conten"},[t._v(t._s(t.content)),n("el-button",{directives:[{name:"show",rawName:"v-show",value:t.isTruncated,expression:"isTruncated"}],staticClass:"desc_btn",attrs:{type:"primary"},on:{click:function(e){return t.open(t.content)}}},[t._v("查看")])],1)},i=[],o={name:"home",data:function(){return{isTruncated:!1}},props:{content:{type:String,default:""}},mounted:function(){this.checkTruncation(),window.addEventListener("resize",this.checkTruncation)},destroyed:function(){window.removeEventListener("resize",this.checkTruncation)},methods:{open:function(t){this.$alert(t,"内容",{confirmButtonText:"确定"})},checkTruncation:function(){this.isTruncated=this.$refs["desc_conten"].offsetWidth<this.$refs["desc_conten"].scrollWidth}}},l=o,r=(n("2ce8"),n("2877")),d=Object(r["a"])(l,c,i,!1,null,"450666d4",null),u=d.exports,v={name:"lineOnSale",data:function(){return{isTruncated:!1}},components:{overflowConcealment:u},mounted:function(){},methods:{handleDownload:function(t){t?window.open(t):this.$message({showClose:!0,message:"暂无下载链接"})}}},f=v,p=(n("3e1c"),Object(r["a"])(f,s,a,!1,null,"fc7d9f38",null));e["default"]=p.exports},eef5:function(t,e,n){t.exports=n.p+"static/img/fff.01376ab1.png"}}]);

View File

@ -0,0 +1 @@
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-5da3c354"],{"007c":function(t,e,a){},7129:function(t,e,a){"use strict";a("007c")},e132:function(t,e,a){"use strict";a.r(e);var i=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"problem"},[a("el-row",[a("el-col",{attrs:{span:24}},[a("div",{staticClass:"problem_form"},[a("el-form",{ref:"form",attrs:{inline:!0,model:t.dataForm,"label-width":"60px"}},[a("el-form-item",{attrs:{label:"关键字:"}},[a("el-input",{staticClass:"filter-item",staticStyle:{width:"400px"},attrs:{placeholder:"请输入搜索关键字"},model:{value:t.dataForm.keyword,callback:function(e){t.$set(t.dataForm,"keyword",e)},expression:"dataForm.keyword"}})],1),a("el-form-item",[a("el-button",{attrs:{type:"success"},on:{click:t.onSubmit}},[t._v("查询")])],1)],1)],1)])],1),a("div",{staticClass:"problem_container"},[a("div",{directives:[{name:"infinite-scroll",rawName:"v-infinite-scroll",value:t.load,expression:"load"}],staticClass:"problem_left",staticStyle:{overflow:"auto",padding:"10px"},attrs:{"infinite-scroll-immediate":!1}},t._l(t.getQaCityList,(function(e){return a("div",{staticClass:"btn",on:{click:function(a){return t.handleQacityl(e.city_id)}}},[t._v(t._s(e.city_name))])})),0),a("div",{staticClass:"problem_right"},[a("ul",{directives:[{name:"infinite-scroll",rawName:"v-infinite-scroll",value:t.load,expression:"load"}],staticClass:"infinite-list",staticStyle:{overflow:"auto"},attrs:{"infinite-scroll-immediate":!1}},t._l(t.getQaLists,(function(e){return a("li",{staticClass:"problem_right_container"},[a("div",{staticClass:"title"},[a("span",{domProps:{innerHTML:t._s(t.handleprant(e.title))}}),a("el-button",{attrs:{type:"primary"},on:{click:function(a){return t.handleZip(e.img_zip)}}},[t._v("下载图片")]),a("el-button",{attrs:{type:"primary"},on:{click:function(a){return t.handleZip(e.trip_zip)}}},[t._v("下载行程")])],1),t._l(e.qaQuestions,(function(e){return a("div",{staticClass:"desc_container"},[a("div",{staticClass:"desc",staticStyle:{"font-weight":"700",color:"#46a6ff"},domProps:{innerHTML:t._s(t.handleprant(e.title))}}),a("div",{staticClass:"desc",domProps:{innerHTML:t._s(t.handleprantHtml(e.content))}})])}))],2)})),0)])])],1)},n=[],s=(a("4d63"),a("ac1f"),a("2c3e"),a("25f0"),a("5319"),a("85a8")),o={data:function(){return{getQaCityList:[],getQaLists:[],dataForm:{keyword:"",city_id:""}}},created:function(){var t=this;Object(s["a"])().then((function(e){t.getQaCityList=e.data}))},watch:{"dataForm.keyword":function(t){t&&this.onSubmit()}},methods:{handleQacityl:function(t){var e=this;Object(s["b"])({city_id:t}).then((function(t){e.getQaLists=t.data.data}))},handleZip:function(t){t?window.open(t):this.$message({showClose:!0,message:"暂无下载链接"})},load:function(){console.log("load")},handleprant:function(t){if(!t)return"";var e=new RegExp(this.dataForm.keyword,"ig"),a='<span style="color: #fff;background-color: #FC0421FF;">'.concat(this.dataForm.keyword,"</span>");return t.replace(e,a)},handleprantHtml:function(t){if(!t)return"";var e=this.dataForm.keyword,a=new RegExp(e,"g"),i=t.replace(/(?<=>)[^>]+(?=<[/]?\w+.*>)/g,(function(t){return t.replace(a,"<span style='color: #fff;background-color: #FC0421FF;'>".concat(e,"</span>"))}));return i===t?this.handleprant(t):i},onSubmit:function(){var t=this;Object(s["b"])(this.dataForm).then((function(e){t.getQaLists=e.data.data}))}}},r=o,l=(a("7129"),a("2877")),c=Object(l["a"])(r,i,n,!1,null,"2e0e8c20",null);e["default"]=c.exports}}]);