婀???宀抽?充??锋??ㄦ?哄?哄缓璁鹃」??/title> <meta name="keywords" content=""> <meta name="description" content=""> <meta http-equiv="Cache-Control" content="no-transform"/> <meta http-equiv="Cache-Control" content="no-siteapp"/> <meta name="applicable-device" content="pc,mobile"/> <link href="/upload/1/global/1898915144117186560.png" rel="shortcut icon" /> <link href="/template/1/default/css/style.css" rel="stylesheet"/> <link href="/template/1/default/css/css.css" rel="stylesheet"/> <script src="/template/1/default/js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="/template/1/default/js/jquery.superslide.2.1.1.js">//pc瀵艰??/script> <script src="/template/1/default/js/anim.js">//?ㄧ??/script> <script type="text/javascript" src="/template/1/default/js/basic.js"></script> <script type="text/javascript" src="/static/plugins/vue/2.6.9/vue.min.js"></script> <link rel="stylesheet" href="/static/plugins/minireset/0.0.2/minireset.min.css" /> <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css" /> <link rel="stylesheet" href="/static/plugins/animate/4.1.0/animate.min.css"> <script src="/static/plugins/element-ui/2.15.8/index.min.js"></script> <link rel="stylesheet" href="/static/plugins/element-ui/2.15.8/theme-chalk/index.min.css" />  <script type="text/x-template" id="ms-comment"> <div class="comment-container">  <div class="article-comment"> <a style="width: 50px;height: 50px;margin-right: 10px;"> <img src="/upload/1/people/icon/1872457333638361088.png" alt="icon"> </a>  <el-form ref="form" :model="form" :rules="rules" style="width:100%;margin-top: 5px;"> <el-form-item prop="commentContent" style="margin-top: -5px"> <el-input type="textarea" placeholder="蹇??ヨ?璁哄??" v-model="form.commentContent"> </el-input> </el-form-item> <el-form-item> <el-button type="primary" plain @click="send()" :disabled="!form.commentContent">??浜よ?璁?/el-button> </el-form-item> </el-form>  </div>   <div class="messages" v-if="total>0"> <div class="w-commentlist-header"> <div class="w-commentlist-total">{{total}}?¤?璁?/div> </div>  <div class="messages-item"> <div class="w-comment-list">  <div v-show="flag" v-for="(item,index) in commentDataList" :key="item.id + item.parentName" style="margin-bottom: 20px;">  <div class="w-comment-item" style="display:flex">  <a class="w-comment-userpic" style="margin-right: 10px;"> <img class="w-user-pic" v-if="item.puIcon" :src="item.puIcon" /> <img class="w-user-pic" v-else src="/upload/1/people/icon/1872457333638361088.png" /> </a>   <div class="w-comment-item-box">  <div class="w-comment-item-box-head"> <a class="w-comment-item-username"> {{item.peopleName?item.peopleName:'娓稿?'}} </a> </div>   <div class="w-comment-item-box-content"> <p> {{item.commentContent}} </p>                    </div>   <div class="w-comment-item-box-bottom"> <span class="w-comment-time">{{item.commentTime}} IP 灞???{{item.commentIp}} </span> <div class="w-comment-interaction"> <button class="w-comment-reply-btn"> <i class="iconfont icon-pinglun label"></i> <label :for="'reply-input'+index" class="value" @click="switchShowComment(item)"> ??澶? </label> </button> <button class="w-comment-like-btn" @click="like(item)" :class="{checked:item.likeLabel=='??娑?'}"> <i class="iconfont icon-zan label"></i> <span v-if="!item.likeTotal">璧?</span> <span class="value" v-else> {{item.likeTotal}} </span> </button> </div> </div>   <div class="w-comment-reply" v-show="item.showChildComment"> <el-input style="width: 98%;margin-right: 10px" type="text" :placeholder="'璇疯??ュ??澶???瀹?" v-model="form.replyContent" :id="'reply-input'+index"> </el-input> <el-button @click="reply(item)" :disabled="!form.replyContent" type="primary">????</el-button> </div>  </div> </div>   <div v-for="child,index in (showChildComment?item.childCommentDataLists:item.childCommentDataLists.slice(0,2))" :key="child.id+child.parentName"> <div class="w-comment-item w-child-reply" style="display:flex">  <a class="w-comment-userpic" style="margin-right: 10px;"> <img class="w-user-pic" v-if="child.puIcon" :src="child.puIcon" /> <img class="w-user-pic" v-else src="https://pic2.zhimg.com/v2-abed1a8c04700ba7d72b45195223e0ff_xl.jpg?source=32738c0c" /> </a>   <div class="w-comment-item-box">  <div class="w-comment-item-box-head"> <a class="w-comment-item-username"> {{child.peopleName?child.peopleName:'娓稿?'}} </a> <i class="el-icon-caret-right" style="font-size: 12px;color:rgb(153, 153, 153);margin: 0px 4px;"></i> <a class="w-comment-item-replyname">{{child.parentName?child.parentName:'娓稿?'}}</a> </div>   <div class="w-comment-item-box-content"> <p> {{child.commentContent}} </p> </div>   <div class="w-comment-item-box-bottom"> <span class="w-comment-time">{{child.commentTime}} IP 灞???{{item.commentIp}} </span> <div class="w-comment-interaction"> <button class="w-comment-reply-btn"> <i class="iconfont icon-pinglun label"></i> <label class="value" :for="'child-reply'+index" @click="switchShowComment(child)"> ??澶? </label> </button> <button class="w-comment-like-btn" @click="like(child)" :class="{checked:child.likeLabel=='??娑?'}"> <i class="iconfont icon-zan label"></i> <span v-if="!child.likeTotal">璧?</span> <span class="value" v-else> {{child.likeTotal}} </span> </button> </div> </div>   <div class="w-comment-reply" v-show="child.showChildComment"> <el-input style="width: 98%;margin-right: 10px" type="text" :placeholder="'璇疯??ュ??澶???瀹?" v-model="form.replyContent" :id="'child-reply'+index"> </el-input> <el-button @click="reply(child)" :disabled="!form.replyContent" type="primary">????</el-button> </div>  </div> </div> </div>   <button class="w-show-other-childcomment" v-if="item.childCommentDataLists.length > 2 && item.childCommentDataLists.length <= 5 && !showChildComment" @click="showOtherchildComment(item)"> 灞?寮??朵? {{item.childCommentDataLists.length - 2}} ?″??澶?<i class="el-icon-arrow-right"></i> </button> <button class="w-show-other-childcomment" v-else-if="item.childCommentDataLists.length > 5" @click="showAllChildComment(item)"> ?ョ???ㄩ? {{item.childCommentDataLists.length}} ?″??澶?<i class="el-icon-arrow-right"></i> </button>  </div>  <el-dialog title="璇?璁哄??澶?" :visible.sync="dialogTableVisible" v-if="currentComment" class="w-dialog-container" :lock-scroll="false"> <div class="w-dialog-reply"> <div class="current-comment"> <div class="w-comment-item" style="display:flex">  <a class="w-comment-userpic" style="margin-right: 10px;"> <img class="w-user-pic" v-if="currentComment.puIcon" :src="currentComment.puIcon" /> <img class="w-user-pic" v-else src="https://pic2.zhimg.com/v2-abed1a8c04700ba7d72b45195223e0ff_xl.jpg?source=32738c0c" /> </a>   <div class="w-comment-item-box">  <div class="w-comment-item-box-head"> <a class="w-comment-item-username"> {{currentComment.peopleName?currentComment.peopleName:'娓稿?'}} </a> </div>   <div class="w-comment-item-box-content"> <p> {{currentComment.commentContent}} </p> </div>   <div class="w-comment-item-box-bottom"> <span class="w-comment-time">{{currentComment.commentTime}} IP 灞???{{item.commentIp}} </span> <div class="w-comment-interaction"> <button class="w-comment-reply-btn"> <i class="iconfont icon-pinglun label"></i> <label class="value" :for="'dialog-reply'+currentComment.puNickname" @click="switchShowComment(currentComment)"> ??澶? </label> </button> <button class="w-comment-like-btn" @click="like(currentComment)" :class="{checked:currentComment.likeLabel=='??娑?'}"> <i class="iconfont icon-zan label"></i> <span v-if="!currentComment.likeTotal">璧?</span> <span class="value" v-else> {{currentComment.likeTotal}} </span> </button> </div> </div>  <div class="w-comment-reply" v-show="currentComment.showChildComment"> <el-input style="width: 98%" type="text" :placeholder="'璇疯??ュ??澶???瀹?" v-model="form.replyContent" :id="'dialog-reply'+currentComment.puNickname"> </el-input> <el-button @click="reply(currentComment)" :disabled="!form.replyContent" type="primary">???? </el-button> </div> </div> </div> </div> <div class="w-reply-list"> <div class="w-commentlist-header"> <div class="w-commentlist-total">{{currentComment.childCommentDataLists.length}}?″??澶?</div> </div> <div class="w-reply-list-container"> <div class="w-reply-item" v-for="childReply,index in currentComment.childCommentDataLists" :key="childReply.id"> <div class="w-comment-item w-child-reply" style="display:flex">  <a class="w-comment-userpic" style="margin-right: 10px;"> <img class="w-user-pic" v-if="childReply.puIcon" :src="childReply.puIcon" /> <img class="w-user-pic" v-else="childReply.puIcon" src="https://pic2.zhimg.com/v2-abed1a8c04700ba7d72b45195223e0ff_xl.jpg?source=32738c0c" /> </a>   <div class="w-comment-item-box">  <div class="w-comment-item-box-head"> <a class="w-comment-item-username"> {{childReply.peopleName?childReply.peopleName:'娓稿?'}} </a> <i class="el-icon-caret-right" style="font-size: 12px;color:rgb(153, 153, 153);margin: 0px 4px;"></i> <a class="w-comment-item-replyname">{{childReply.parentName?childReply.parentName:'娓稿?'}}</a> </div>   <div class="w-comment-item-box-content"> <p> {{childReply.commentContent}} </p> </div>   <div class="w-comment-item-box-bottom"> <span class="w-comment-time">{{childReply.commentTime}} IP 灞???{{item.commentIp}} </span> <div class="w-comment-interaction"> <button class="w-comment-reply-btn" @click="switchShowComment(childReply)"> <i class="iconfont icon-pinglun label"></i> <label class="value" :for="'dialog-reply'+index"> ??澶? </label> </button> <button class="w-comment-like-btn" @click="like(childReply)" :class="{checked:reply.likeLabel=='??娑?'}"> <i class="iconfont icon-zan label"></i> <span v-if="!reply.likeTotal">璧?</span> <span class="value" v-else> {{childReply.likeTotal}} </span> </button> </div> </div>   <div class="w-comment-reply" v-show="childReply.showChildComment"> <el-input style="width: 98%" type="text" :placeholder="'璇疯??ュ??澶???瀹?" v-model="form.replyContent" :id="'dialog-reply'+index"> </el-input> <el-button @click="reply(childReply)" :disabled="!form.replyContent" type="primary">???? </el-button> </div>  </div> </div> </div> </div> </div> </div> </el-dialog> </div> </div>   <button class="w-show-other-comment" :style="loadMoreStyle" @click="showNextComment()" :disabled="isMoreDisabled" > {{moreText}}<i class="el-icon-arrow-right"></i> </button>  </div> <div v-else class="emptyText"> <span>{{emptyText}}</span> </div>  </div> </script> <script> Vue.component('ms-comment',{ template: "#ms-comment", name: "ms-comment", props:{ // 涓??＄?? dataId:{ type: String }, // 褰???椤 pageNo:{ type: String }, // 涓??″??绉???绔???棰?) dataTitle:{ type: String }, // 涓??＄被?? dataType: { type: String }, }, data: function(){ return{ // ??杞芥?村??у? loadMoreStyle:'', // ?у?跺???ㄦ?村???????绂?? isMoreDisabled: false, // ??杞芥?村???? moreText: '??杞芥?村?', // 宸插???eb?ュ?ｏ?榛?璁ょЩ?ら?璇????￠? verifCode: ms.base + "/code?t=" + (new Date).getTime(),//ms.base + "/code?t=" + new Date().getTime() windowScrollStyle: '', flag: true, commentDataList: [], //璇?璁鸿〃??琛 pageSize: 10, //椤甸?㈡?伴?? currentPage: 1, //??濮?椤? emptyText: '????璇?璁?, //?昏?褰??伴?? total: 0, form: { //璇?璁哄??瀹 commentContent: '', //??绔?????id dataId: this.dataId, //涓??￠?炬? collectionDataUrl: window.location.href, //涓??＄被?? dataType: this.dataType, // 涓??″??绉 dataTitle: this.dataTitle, //??澶???瀹 replyContent: '', // 璇?璁哄?剧?? commentPicture: [], // ??浠?SON commentFileJson: [], // 璇?璁烘???? commentPoints: 0 }, rules: { commentContent: [{ // "required": true, // "message": "璇疯??ヨ?璁? }] }, isVisitor: 'false', //???﹀???父瀹 // likeLabel: '?硅?', //璇?璁虹?硅?label dialogTableVisible: false, showChildComment: false, //???﹀?寮??朵???瀛?璇?璁 dialogTableVisible: false, // 灞?绀哄???璇?璁虹??????瀛?璇?璁 currentComment: null, // 璇?浠烽?? commentPointsColor: ['#99A9BF', '#F7BA2A', '#FF9900'], } }, computed: { //琛ㄦ?兼??澶ч?搴 ?ㄦ?ヨ????搴? tableHeight: function () { return document.documentElement.clientHeight - 171; } }, methods: { // ??杞芥?村? showNextComment: function () { this.pageNo = this.pageNo+1 // 榛?璁よ???浜??????版???姝ゆ?规?寮?? // this.list() }, //??濮???璇?璁烘?版? initCommentItem: function(data) { //??澶?妗????剧ず涓????? data.showChildComment = false //??濮???璇?璁虹?硅??绘? data.likeTotal = 0 //??濮???璇?璁虹?硅????舵?? data.likeLabel = "?硅?" //??濮???瀛?璇?璁哄??琛 data.childCommentDataLists = [] // ?ヨ?褰???璇?璁虹???硅?? ms.http.post( ms.base + "/attention/collectionLog/count.do", { dataId: data.id, dataType: '璇?璁虹?硅?' }).then(function (res) { // 灏??硅??版坊????ata涓 if (res.result) { data.likeTotal = res.data; } }) }, //灞?寮??朵???瀛?璇?璁哄??琛 showOtherchildComment: function(item) { this.showChildComment = true this.childCommentList = item.childCommentDataLists }, //灞?绀烘??????瀛?璇?璁哄??琛 showAllChildComment: function(item) { this.dialogTableVisible = true this.currentComment = item }, //杞??㈡?堕? dateHandler: function(millisecond) { var timdedetail = millisecond; //??濡???0浣?姣????瑕?涔?1000 //?峰??骞翠唤 var year = new Date(timdedetail).getFullYear(); //?峰????浠斤??峰??????浠芥?瀹???灏?1锛???浠ュ?ㄤ娇?ㄧ???跺????瑕?+1 var month = new Date(timdedetail).getMonth() + 1; //?峰??? var date = new Date(timdedetail).getDate(); //?峰??? var hours = new Date(timdedetail).getHours(); //?峰???? var minutes = new Date(timdedetail).getMinutes(); //?峰??绉? var seconds = new Date(timdedetail).getSeconds(); //缁????煎?涓哄勾-??-? ?讹???锛?绉?锛?2021-7-5 21:21:21锛? var time = year + "-" + month + "-" + date + " " + hours + ":" + minutes + ":" + seconds; return time }, // ??澶?璇?璁 reply: function (item) { var that = this; ms.http.post( ms.base + '/people/comment/save.do', { commentId: item.id, dataId: that.form.dataId, commentContent: that.form.replyContent, dataType: that.dataType, //涓??＄被?? dataTitle: that.dataTitle, }).then(function (res) { if (res.result) { that.form.replyContent = "" item.showChildComment = false that.$notify({ title: '????', type: 'success', message: '??澶?????!', duration: 1000, onClose: function () { that.$refs.form.resetFields() location.reload(); } }); } else { that.clearForm(); that.$message.error(res.msg); } }).catch(function (err) { that.clearForm(); that.$notify({ title: '??绀?, dangerouslyUseHTMLString: true, message: '??瑕?瀹?瑁?璇?璁烘??浠舵???戒娇???璇峰??杩??ュ????Store瀹?瑁?璇?璁烘??浠朵娇?ㄣ??<span style="color: #409EFF; text-decoration: underline;">' +'<a href="http://store.mingsoft.net/#/detail?id=268&type=plugin" target="_blank">?瑰?绘?ョ??璇?璁烘??浠?/a></span>', type: 'warning' }); console.log(err); }) }, // 璇?璁虹?硅? like: function (item) { var that = this ms.http.post( ms.base + "/people/attention/collection/save.do", { dataId: item.id, dataType: '璇?璁虹?硅?', collectionDataTitle: item.commentContent, }).then(function (res) { if (res.data){ that.$message({ message: '?硅?????', type: 'success' }); item.likeLabel = '??娑?' } else { that.$message('??娑??硅?'); item.likeLabel = '?硅?' } that.likeTotals(item) }); }, // 璇?璁虹?硅?? likeTotals: function (item) { var that = this; //?ㄦ???虫敞?ュ? ms.http.post( ms.base + "/attention/collection/queryCollectionCount.do", { dataIds: item.id, dataType: "璇?璁虹?硅?" }).then((res) => { item.likeTotal = 0; if (res.data && res.data.rows.length > 0) { item.likeTotal = res.data.rows[0].dataCount; } }) }, // ?ゆ?????﹀???父瀹 // 宸插????寮???????互???辨?╁?娓稿???? enableVisitor: function () { var that = this; ms.http.get( ms.base + '/mdiy/config/get.do', { configName: '璇?璁洪??缃?, key: 'enableVisitor' }).then(function (res) { if (res.result) { that.isVisitor = res.data } }) }, hide: function (arr) { var that = this arr.forEach(function (x) { let e = that.$el.querySelector("#key_" + x) if (e) { e.style.display = 'none' } }) }, //vue?规?寮?姝ヨ?姹?璇?璁轰?瀛??ュ? send: function () { var that = this; that.form.dataType = that.dataType; ms.http.post( ms.base + '/people/comment/save.do', that.form).then(function (res) { if (res.result) { that.$notify({ title: '????', type: 'success', message: '璇?璁烘????!', duration: 1000, onClose: function () { that.$refs.form.resetFields() location.reload(); } }); } else { that.clearForm(); that.$message.error(res.msg); } }).catch(function (err) { that.clearForm(); that.$notify({ title: '??绀?, dangerouslyUseHTMLString: true, message: '??瑕?瀹?瑁?浼?????浠舵???戒娇???璇峰??杩??ュ????Store瀹?瑁?浼?????浠朵娇?ㄣ??<span style="color: #409EFF; text-decoration: underline;">' + '<a href="http://store.mingsoft.net/#/detail?id=269&type=plugin" target="_blank">?瑰?绘?ョ??浼?????浠?/a></span>', type: 'warning' }); }) }, //?ヨ?????璇?璁 list: function () { var that = this; ms.http.post( ms.base + '/comment/list.do', { dataId: that.dataId, dataType: that.dataType, //褰???椤垫? pageNo: that.pageNo, //姣?椤垫??绔??℃? pageSize: 9999, }).then(function (res) { if (res.result) { // ????璇?璁 var allComment = res.data.rows; if (allComment.length <= 0) { that.emptyText = '杩?娌℃??璇?璁猴???琛ㄧ?涓?涓??璁哄?? } else { // ?у? ??杞芥?村????????︽?剧ず if (allComment.length < 10){ // ????坊??绂?? that.loadMoreStyle = "background:none #1214191a;cursor: not-allowed;" // ?????? that.isMoreDisabled = true // ?存?规??绀轰俊? that.moreText = '宸插??杞藉?ㄩ?? } ms.http.get( ms.base + '/comment/count.do', { dataId: that.dataId, dataType: that.dataType }).then(function (res) { that.total = res.data; }); var commentDataIds = []; // ????ataId allComment.forEach(function (data) { commentDataIds.push(data.id); }) var allCommentCount = []; // ??璇锋?涓????硅??版? ms.http.post( ms.base + "/attention/collection/queryCollectionCount.do", { dataIds: commentDataIds.toString(), dataType: '璇?璁虹?硅?' }).then(function (res) { allCommentCount = res.data; allComment.forEach(function (comment) { comment.likeTotal = 0; comment.likeLabel = '?硅?'; allCommentCount.rows.forEach(function (item) { if (comment.id == item.dataId) { comment.likeTotal = item.dataCount; comment.likeLabel = item.isLike ? '??娑?' : '?硅?'; } }) }) // 璇?璁烘?版????? that.commentDataFormat(allComment); }).catch(function (err) { console.log(err); // 寮?甯稿???锛???寮?甯镐?澶???璇?璁烘?版???煎? that.commentDataFormat(allComment); }) } } else{ that.$notify({ title: '澶辫触', message: res.msg, type: 'warning' }); } }).catch(function (err){ that.$notify({ title: '??绀?, dangerouslyUseHTMLString: true, message: '??瑕?瀹?瑁?璇?璁烘??浠舵???戒娇???璇峰??杩??ュ????Store瀹?瑁?璇?璁烘??浠朵娇?ㄣ??<span style="color: #409EFF; text-decoration: underline;">' + '<a href="http://store.mingsoft.net/#/detail?id=268&type=plugin" target="_blank">?瑰?绘?ョ??璇?璁烘??浠?/a></span>', type: 'warning' }); }) }, // commentDataFormat: function (allComment) { var that = this; // 绗??绾ц?璁 var topComment = allComment.filter(c => !c.topId || c.topId==0) // ????????璇?璁猴?璁剧疆灞?绾у?崇郴 topComment.forEach(function (data) { // 濡?????peopleInfo ???哄ご?? if (data.peopleInfo && data.peopleInfo!='{}'){ var peopleInfo = JSON.parse(data.peopleInfo) data.puIcon = peopleInfo.puIcon; } // 澶???ip if (data.commentIp){ data.commentIp = JSON.parse(data.commentIp).addr; } //??澶?妗????剧ず涓????? data.showChildComment = false //??濮???瀛?璇?璁哄??琛 data.childCommentDataLists = []; // 褰????????拌?璁虹??????瀛?璇?璁 var childComments = allComment.filter(item => item.topId && item.topId==data.id) childComments.forEach(function (childData) { // 瀛?璇?璁哄ご?? if (childData.peopleInfo && childData.peopleInfo!='{}'){ var peopleInfo = JSON.parse(childData.peopleInfo) childData.puIcon = peopleInfo.puIcon; } // 澶???ip if (childData.commentIp){ childData.commentIp = JSON.parse(childData.commentIp).addr; } //??澶?妗????剧ず涓????? childData.showChildComment = false // 濡????惰?璁轰负椤剁骇璇?璁哄???存?ヨ?? if (childData.commentId == data.id){ childData.parentName = data.peopleName; } else { // ?惧?板???????瀛?璇?璁虹???惰?璁 var parentComment = childComments.find(function (item) { return item.id == childData.commentId; }) if (parentComment){ childData.parentName = parentComment.peopleName; } } // 灏?澶???瀹????版??ush?伴《绾ц?璁虹??瀛???涓 data.childCommentDataLists.push(childData); }); // 瀛??鹃《绾ц?璁 that.commentDataList.push(data) }); }, // 娓???璇?璁鸿〃???版? clearForm: function () { var that = this; that.$refs.form.resetFields(); }, show: function (arr) { var that = this arr.forEach(function (x) { let e = that.$el.querySelector("#key_" + x) if (e) { e.style.display = 'flex' } }) }, //???㈠??澶?妗? switchShowComment: function(comment) { if (comment.showChildComment) comment.showChildComment = !comment.showChildComment else { this.commentDataList.forEach((item) => { item.showChildComment = false; item.childCommentDataLists.forEach((child) => { child.showChildComment = false; }) }) comment.showChildComment = true } }, switchShow: function (arr) { var that = this arr.forEach(function (x) { let e = that.$el.querySelector("#key_" + x) if (e) { e.style.display = e.style.display == 'none' ? 'flex' : 'none' } }) }, windowScroll: function() { // 婊??ㄦ?¤?绂婚〉?㈤《?ㄧ??璺?绂 // 浠ヤ???娉??????煎? let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; if (scrollTop > 200) { this.windowScrollStyle = "rgba(255, 255, 255, 1)" } else { this.windowScrollStyle = "rgba(255, 255, 255, 0.4)" } }, // 楠?璇??? ??涓?娓????寮? code: function () { this.verifCode = ms.base + "/code?t=" + (new Date).getTime();// }, // 绉婚?ゅ?剧??浜や????? commentPictureHandRemove: function (file, files) { var index = -1; index = this.form.commentPicture.findIndex(function (text) { return text == file; }); if (index != -1) { this.form.commentPicture.splice(index, 1); } }, //涓?浼?瓒?杩???? commentPictureHandExceed: function (files, fileList) { this.$notify({ title: '澶辫触', message: '褰?????澶?涓?浼?5寮??剧??', type: 'warning' }); }, // 涓?浼??剧???????? successImg: function (response, file, fileList) { var that = this; if(response.result){ that.form.commentPicture.push({ url: response.data, name: file.name, uid: file.uid, }); }else { this.$notify({ title: '澶辫触', message: response.msg, type: 'warning' }); } }, // ??浠朵?浼? // ?瑰?诲凡涓?浼???浠 fileHandlePreview: function (file){ console.log(file); }, // 绉婚?ら??浠跺?? beforeRemove: function (file, fileList){ return this.$confirm(`纭??绉婚? 锛?`); }, // 绉婚?ら??浠 handleRemove: function (file,fileList){ var fileJsonList = this.form.commentFileJson; this.form.commentFileJson = fileJsonList.filter(function (fileJson){ return fileJson.uid != file.uid; }) }, // 瓒??洪??? fileHandleExceed: function (files, fileList){ this.$message.warning(`褰??????堕??? 3 涓???浠讹???????╀? 涓???浠讹??遍???╀? 涓???浠?); }, // 涓?浼???浠舵?????? successFile: function (response, file, fileList) { var that = this; if(response.result){ that.form.commentFileJson.push({ url: response.data, name: file.name, uid: file.uid, }); }else { this.$notify({ title: '澶辫触', message: response.msg, type: 'warning' }); } }, // 瑙?棰???? playVideo: function (){ var myVideo = document.getElementsByClassName("video-demo"); if (myVideo.paused) myVideo.play(); else myVideo.pause(); } }, created: function () { this.list(); this.enableVisitor(); }, mounted: function () { window.addEventListener('scroll', this.windowScroll) }, beforeDestroy: function () { window.removeEventListener('scroll', this.windowScroll) } }) </script> <style scoped> .thumbsUpchecked { color: #06f; } .w-show-other-comment{ width: 50%; display: inline-block; font-size: 14px; line-height: 32px; text-align: center; cursor: pointer; background: none rgba(133, 144, 166, 0.1); border: 1px solid transparent; border-radius: 3px; margin: 10px 0px 10px 150px; padding: 0px 6px 0px 12px; height: 32px; color: rgb(133, 144, 166); font-weight: 500; } .emptyText { display: flex; width: 50%; min-height: 100px; flex-direction: column; justify-content: center; align-items: center; border-radius: 2px; font-size: 20px; color: rgb(133, 144, 166); margin-bottom: 40px; } .messages { margin-bottom: 10px; display: flex; flex-direction: column; align-items: stretch; width: 50%; border: 1px solid rgb(235, 235, 235); border-radius: 4px; box-sizing: border-box; } .messages a:hover { cursor: pointer; color: #444444; } .messages .w-comment-list { padding-top: 10px; padding-bottom: 10px; } .messages .w-comment-list .w-show-other-childcomment { display: inline-block; font-size: 14px; line-height: 32px; text-align: center; cursor: pointer; background: none rgba(133, 144, 166, 0.1); border: 1px solid transparent; border-radius: 3px; margin: 10px 0px 10px 54px; padding: 0px 6px 0px 12px; height: 32px; color: rgb(133, 144, 166); font-weight: 500; } .messages .w-commentlist-header { box-sizing: border-box; position: relative; flex: 0 0 auto; padding-left: 20px; padding-right: 20px; height: 50px; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; display: flex; } .messages .w-commentlist-header::before { display: block; content: " "; position: absolute; inset: -50%; pointer-events: none; transform: scale(0.5, 0.5); border-bottom: 1px solid rgb(235, 235, 235); } .messages .w-commentlist-header .w-commentlist-total { box-sizing: border-box; margin: 0px; min-width: 0px; font-size: 15px; color: rgb(68, 68, 68); font-weight: 600; } .messages .w-comment-item { box-sizing: border-box; display: flex; padding: 10px 20px 14px; } .w-comment-item .w-comment-userpic { box-sizing: border-box; margin: 0px; min-width: 0px; color: rgb(23, 81, 153); flex: 0 0 auto; height: 24px; width: 24px; } .w-comment-item .w-comment-userpic .w-user-pic { box-sizing: border-box; max-width: 100%; background-color: rgb(255, 255, 255); width: 24px; height: 24px; border-radius: 2px; filter: brightness(0.95); flex: 0 0 auto; } .messages .w-comment-item-box-head { display: flex; align-items: center; } .messages .w-comment-item-box-head .w-comment-item-username, .messages .w-comment-item-box-head .w-comment-item-replyname { box-sizing: border-box; margin: 0px; min-width: 0px; font-size: 15px; font-weight: bold; text-decoration: none; color: #444444; } .messages .w-comment-item-box { width: 100%; } .messages .w-comment-item-box .w-comment-reply { box-sizing: border-box; margin: 8px 0px 0px; min-width: 0px; flex: 1 1 auto; display: flex; } .messages .w-comment-item-box-content { color: rgb(68, 68, 68); overflow-wrap: break-word; font-size: 15px; line-height: 21px; margin-top: 5px; box-sizing: border-box; } .messages .w-comment-item-box-bottom { box-sizing: border-box; margin: 4px 0px 0px; min-width: 0px; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; display: flex; } .messages .w-comment-item-box-bottom .w-comment-time { box-sizing: border-box; margin: 0px; min-width: 0px; -webkit-box-align: center; align-items: center; flex: 0 0 auto; font-size: 14px; color: rgb(153, 153, 153); display: flex; } .w-comment-interaction button { margin-left: 16px; } .w-comment-interaction .w-comment-reply-btn { display: inline-block; padding: 0px; font-size: 14px; line-height: inherit; color: rgb(133, 144, 166); text-align: center; cursor: pointer; background: none transparent; border: none; border-radius: 0px; height: auto; } .w-comment-interaction .w-comment-reply-btn label { cursor: pointer; } .w-comment-interaction .w-comment-like-btn { display: inline-block; padding: 0px; font-size: 14px; line-height: inherit; color: rgb(133, 144, 166); text-align: center; cursor: pointer; background: none transparent; border: none rgb(133, 144, 166); border-radius: 0px; height: auto; } .w-comment-interaction .checked { color: rgb(0, 97, 242); } .messages .w-child-reply { padding: 10px 20px 14px 54px; } /* 寮瑰?哄?ㄩ?ㄥ??澶? */ .w-dialog-container { overflow: hidden auto; z-index: 2001; display: flex; flex-direction: column; justify-content: center; position: fixed; } .el-dialog__title { box-sizing: border-box; margin: 0px; min-width: 0px; color: rgb(68, 68, 68); font-weight: 600; } .el-dialog__body { overflow-y: scroll; padding: 0; } .current-comment { border-top: 1px solid rgb(235, 235, 235); border-bottom: 20px solid rgba(133, 144, 166, 0.1); padding: 20px; } .current-comment .w-comment-item { padding: 0; } .el-dialog { margin-top: 0 !important; height: calc(100vh - 48px); display: flex; flex-direction: column; position: relative; z-index: 1; box-sizing: border-box; max-height: calc(100vh - 48px); box-sizing: border-box; margin: 0 auto; width: 700px; } .w-reply-list-container .w-reply-item { padding: 20px; } .w-reply-list-container .w-reply-item .w-child-reply { padding: 0; } .w-reply-bottom-input { box-sizing: border-box; margin: 0px; min-width: 0px; display: flex; flex: 0 0 auto; padding: 10px 20px; box-shadow: rgb(18 18 18 / 12%) 0px -1px 3px; } .w-reply-bottom-input .w-avatar { box-sizing: border-box; margin: 0px 10px 0px 0px; min-width: 0px; max-width: 100%; background-color: rgb(255, 255, 255); width: 40px; height: 40px; border-radius: 3px; } .comment-container { width: 100%; } .comment-container .article-comment { display: flex; box-sizing: border-box; border-top-left-radius: 0px; padding-bottom: 12px; flex-wrap: nowrap; border-bottom-left-radius: 0px; width: 50%; border-bottom-right-radius: 0px; margin-bottom: 0px; border-top-right-radius: 0px; padding-top: 12px; margin-top: 30px; } .article-comment>span { padding-bottom: 0px; color: #333333; flex-direction: row; word-wrap: break-word; display: inline-block; padding-right: 0px; width: 100%; font-size: 32PX; margin-bottom: 6px; padding-top: 0px; padding-left: 0px; margin-top: 0px; } .article-comment .ms-input { border-color: #DCDFE6; background-color: #FFFFFF; align-items: center; flex-direction: row; display: flex; padding-right: 4px; box-sizing: border-box; justify-content: space-between; border-top-left-radius: 2px; padding-bottom: 0px; flex-wrap: nowrap; border-bottom-left-radius: 2px; border-width: 1px; width: 100%; border-bottom-right-radius: 2px; border-top-right-radius: 2px; margin-bottom: 0px; padding-top: 0px; border-style: solid; padding-left: 4px; margin-top: 0px; height: 100px; } .article-comment .ms-input span { color: #DCDFE6; flex-direction: row; word-wrap: break-word; display: inline-block; padding-right: 0px; border-top-left-radius: 0px; padding-bottom: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; font-size: 14PX; padding-top: 0px; padding-left: 0px; } .article-comment>.post-comment { cursor: pointer; background-color: #0099ff; color: #FFFFFF; text-align: center; display: inline-block; padding-right: 20px; box-sizing: border-box; border-top-left-radius: 8px; padding-bottom: 0px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; line-height: 42px; font-size: 16px; margin-bottom: 0px; border-top-right-radius: 8px; padding-top: 0px; padding-left: 20px; margin-top: 10px; height: 42px; } .article-comment>.hot-comment { padding-bottom: 0px; flex-wrap: nowrap; flex-direction: column; display: flex; padding-right: 0px; width: 100%; box-sizing: border-box; padding-top: 0px; padding-left: 0px; justify-content: center; margin-top: 20px; } .article-comment>.hot-comment span { flex-direction: row; word-wrap: break-word; display: inline-block; width: 100%; font-size: 16PX; line-height: 36px; margin-top: 0px; height: 36px; } .article-comment>.hot-comment div { padding-bottom: 0px; flex-wrap: nowrap; flex-direction: row; display: flex; padding-right: 0px; width: 100%; box-sizing: border-box; padding-top: 0px; padding-left: 0px; margin-top: 12px; height: 100px; } .article-comment>.hot-comment div img { width: 100%; margin-top: 0px; height: 100%; } .el-upload--picture-card i { line-height: unset !important; } </style> <script type="text/x-template" id="ms-mattention"> <div class="interaction-like interaction-btn" :class="{thumbsUpchecked:thumbsUp == true}"> <i :class="icon" @click="saveAttention()"></i> <span class="value"> {{attentionTotal}} </span> </div> </script> <script> Vue.component('ms-mattention',{ template: "#ms-mattention", name: "ms-mattention", props:{ // 涓??＄?? dataId:{ type: String }, // 绫诲?? dataType:{ type: String }, // ?炬?? icon:{ type: String }, // ??棰? label:{ type: String } }, data: function(){ return{ // ?伴?? attentionTotal: 0, thumbsUp: false, } }, methods: { // 淇?瀛? saveAttention: function () { var that = this ms.http.post( ms.base + "/people/attention/collection/save.do", { dataId: that.dataId, dataType: that.dataType, collectionDataTitle: that.label, }).then(function (res) { if (res.result) { that.attentionTotals(that.dataType) that.thumbsUp = res.data; } }); }, // ?虫敞?伴?? attentionTotals: function (dataType) { var that = this; //?ㄦ???虫敞?ュ? ms.http.post(ms.base + "/attention/collection/queryCollectionCount.do", { dataIds: that.dataId, dataType: dataType }).then(function (res) { if(res.result && res.data.rows.length > 0){ that.attentionTotal = 0; res.data.rows.forEach(function (item) { if (item.dataId == that.dataId) { that.attentionTotal = item.dataCount; if (item.isLike) { that.thumbsUp = item.isLike; } } }) } else { that.attentionTotal = 0 } }).catch(function (err) { that.$notify({ title: '??绀?, dangerouslyUseHTMLString: true, message: '??瑕?瀹?瑁??虫敞??浠舵???戒娇???璇峰??杩??ュ????Store瀹?瑁??虫敞??浠朵娇?ㄣ??<span style="color: #409EFF; text-decoration: underline;">' +'<a href="http://store.mingsoft.net/#/detail?id=265&type=plugin" target="_blank">?瑰?绘?ョ???虫敞??浠?/a></span>', type: 'warning' }); }) }, }, created: function () { this.icon = "iconfont "+this.icon+" label" this.attentionTotals(this.dataType) } }) </script> <style scoped> .news-detail .detail-bottom-interaction .interaction-like { min-height: 50px; margin-right: 20px; align-items: center; flex-wrap: nowrap; flex-direction: row; display: flex; flex-shrink: 0; width: unset; box-sizing: border-box; margin-top: 0px; height: 100%; } .news-detail .detail-bottom-interaction .interaction-like .label { margin-right: 5px; font-size: 28PX; margin-top: -8px; } .news-detail .detail-bottom-interaction .interaction-like .value { margin-right: 0px; flex-direction: row; word-wrap: break-word; display: inline-block; } .interaction-btn { cursor: pointer; } </style>  <link rel="alternate" media="only screen and(max-width: 640px)" href="http://aorbo.com" ></head> <body><script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <h1><a href="/" target="_blank">天游线路检测中心线路-天游ty8检测中心</a></h1>  <div class="header-v1">  <div class="top-main"> <div class="logo1"> <a href="/"><img src="/upload/1/appLogo/1899791324412305408.png" alt="?界?????"/></a> </div>  <div class="top-main-content">  <div class="navBar"> <ul class="nav clearfix"> <li class="m "> <h3><a href="/" title="棣?椤?><span data-title="棣?椤?>棣?椤?/span></a></h3> </li>  </li> <li class="m "> <h3> <a href="/html/web/product/index.html"> <span data-title="涓昏?ヤ???>涓昏?ヤ???/span> </a> </h3>  </li> <li class="m "> <h3> <a href="/html/web/jiejuefangan/index.html"> <span data-title="绉???????>绉???????/span> </a> </h3> </li> <li class="m "> <h3> <a href="/html/web/fuwuanli/gaojirencai/index.html"> <span data-title="浜烘??璧?婧?">浜烘??璧?婧?</span> </a> </h3>  </li> <li class="m "> <h3> <a href="/html/web/news/index.html"> <span data-title="?伴?昏?璁?>?伴?昏?璁?/span> </a> </h3>  </li> <li class="m "> <h3> <a href="/html/web/lianxiwm/index.html"> <span data-title="??绯绘??浠?>??绯绘??浠?/span> </a> </h3> </li> </ul> </div>   </div> </div>  <div class="c_l"></div> </div>  <div class="touch-top"> <div class="touch-top-wrapper clearfix"> <div class="touch-logo" skinobjectzone="HtmlLogo_1514"> <a class="" href="/"> <img src="/upload/1/appLogo/1899791324412305408.png" alt="?界?????"/> </a> </div>  <div class="touch-navigation"> <div class="touch-toggle"> <ul>  <li class="touch-toggle-item-last"> <a href="javascript:;" class="drawer-menu" data-drawer="drawer-section-menu"> <i class="touch-icon-menu"></i><span>瀵艰??/span> </a> </li> </ul> </div> </div>  </div>  <div class="touch-toggle-content touch-top-home">  <div class="drawer-section search_div"> <div class="search_con"> <form name="formsearch" action="/mcms/search.do" method="post" target="_blank" style="height: 42px;"> <input type="text" link name="content_title" id="q" class="input1" placeholder="??绱? value=""/> <input type="submit" value="" class="bnt1"/> </form> </div> </div>   <div class="drawer-section drawer-section-menu"> <div class="touch-menu" skinobjectzone="menu_2005"> <ul> <li> <a href="/"><span>棣?椤?/span></a> </li> <li> <a href="/html/web/gywm/gongsijieshao/index.html"> <span>?充???浠?/span> <i class="touch-arrow-down"></i> </a> <ul> <li> <a href="/html/web/gywm/gongsijieshao/index.html"> <span>???镐?缁?</span> </a> </li> <li> <a href="/html/web//gywm/gongsijieshao/index.html#organizational"> <span>缁?缁??舵??</span> </a> </li> <li> <a href="/html/web//gywm/gongsijieshao/index.html#development"> <span>??灞???绋?</span> </a> </li> <li> <a href="/html/web//gywm/gongsijieshao/index.html#culture"> <span>浼?涓?????</span> </a> </li> <li> <a href="/html/web/gywm/ryzz/index.html"> <span>璧?璐ㄨ?涔?/span> </a> </li> <li> <a href="/html/web/gywm/qiyerongyu/index.html"> <span>浼?涓??ｈ?</span> </a> </li> </ul> </li> <li> <a href="/html/web/product/index.html"> <span>涓昏?ヤ???/span> <i class="touch-arrow-down"></i> </a> <ul> <li> <a href="/html/web/product/pingtaichanpin/index.html"> <span>???褰卞??璇?浠风被</span> </a> </li> <li> <a href="/html/web/product/kycp/index.html"> <span>绔ｅ伐???楠??剁被</span> </a> </li> <li> <a href="/html/web/product/hycp/index.html"> <span>??姹¤??????＄被</span> </a> </li> <li> <a href="/html/web/product/yejinjidian/index.html"> <span>???????瑙???绫?/span> </a> </li> <li> <a href="/html/web/product/jchd/index.html"> <span>???瑕?绱?涓?椤圭被</span> </a> </li> <li> <a href="/html/web/product/hygc/index.html"> <span>???椋??╁??ョ被</span> </a> </li> <li> <a href="/html/web/product/huanjingjl/index.html"> <span>???宸ョ?????绫?/span> </a> </li> <li> <a href="/html/web/product/guanjiafw/index.html"> <span>???绠″????＄被</span> </a> </li> <li> <a href="/html/web/product/huanbaodudao/index.html"> <span>???妗?浠舵????绫?/span> </a> </li> <li> <a href="/html/web/product/shuangtanfw/index.html"> <span>??纰虫???????＄被</span> </a> </li> <li> <a href="/html/web/product/keyanketil/index.html"> <span>???????宸ョ?绫?/span> </a> </li> <li> <a href="/html/web/product/gonchengsheji/index.html"> <span>?朵??ㄨ????＄被</span> </a> </li> </ul> </li> <li> <a href="/html/web/jiejuefangan/index.html"> <span>绉???????/span> </a> <ul> </ul> </li> <li> <a href="/html/web/fuwuanli/gaojirencai/index.html"> <span>浜烘??璧?婧?</span> <i class="touch-arrow-down"></i> </a> <ul> <li> <a href="/html/web/fuwuanli/zhaopinxinxi/index.html"> <span>????浜烘??</span> </a> </li> </ul> </li> <li> <a href="/html/web/news/index.html"> <span>?伴?昏?璁?/span> <i class="touch-arrow-down"></i> </a> <ul> <li> <a href="/html/web/news/gsdt/index.html"> <span>???稿?ㄦ??</span> </a> </li> <li> <a href="/html/web/news/gongshitongzhi/index.html"> <span> ??ず????/span> </a> </li> </ul> </li> <li> <a href="/html/web/lianxiwm/index.html"> <span>??绯绘??浠?/span> </a> <ul> </ul> </li> </ul> <div class="closetitle"> <img src="/template/1/default/picture/nav_bg2.png"> </div> </div> </div>  </div>  </div> <div class="touch_bg"> </div>  <div class="blank_h"> </div> <script src="/template/1/default/js/public.js">//瀵艰??/script>  <div class="o_big" > <img src="/upload/1/cms/category/1686219436865.jpg" alt=""/> <h1 ></h1> </div>   <div class="news_bg" id="app"> <div class="wrap"> <div class="about_x anim anim-2"> <div class="show_t">婀???宀抽?充??锋??ㄦ?哄?哄缓璁鹃」??/div> <div class="con_line"> ?堕?达?2025-03-11 浜烘?锛?<script type="text/javascript" src="/cms/content/1899448140876406785/hit.do"></script></div> <div class="con_id"> <div><p> </p><p style="text-indent: 2em; line-height: 3em;"><span style="font-size: 18px;">婀???宀抽?充??锋??ㄦ?哄?哄缓璁鹃」??负?板缓宸ョ???寤虹??宀抽?虫?哄?洪?琛??虹?绾ф????C????寤鸿?锛??板缓璺?????600m??瀹?5m锛?杩???????烘弧瓒虫??瀹㈠??????60涓?浜烘???璐ч????????1800???2030骞寸????瀹㈠??????涓?00涓?浜烘?锛?骞磋揣杩???????涓?700?ㄣ??</span></p><p style="text-indent: 2em; line-height: 3em;"><span style="font-size: 18px;"><br/></span></p><p style="text-align: center;"><img src="/upload/editor/1741698871524.png" title="1741698871524.png" alt="寰?俊????20250311210820.png"/></p><p><br/></p><p style="line-height: 3em; text-indent: 2em;"><span style="font-size: 20px;"><strong>????绌跺???扮??/strong></span></p><p style="text-indent: 2em; line-height: 3em;"><span style="font-size: 18px; text-indent: 2em;">涓???负??灏?椋??哄??０瀵瑰??甯???楦?绫荤??褰卞??锛?寤鸿?灏?绛?寰???嚎璋??哄??甯????版ˉ姘村?涓?绌猴??ㄩ?绫昏?寰?瀛ｈ?????ㄧ?椋?椋?琛?绋?搴?锛??垮??椋??洪?瓒????朵??ゅ?轰?绌?浜????绫讳?棰????哄缓璁剧????琛ュ?垮伐绋?锛???瀵归弓楦??ㄧ???????ュ发?逛?????绾? km????婧?姘村?瀹??藉?楦?宸ョ?锛?绱??瀹???00涓?发绠便??</span></p></div> </div>     <div class="prenext">涓?涓?绡?锛?<a href="/html/web/dxal/1899449450593968129.html">??搴?甯?浜??冲?垮???虫按搴?宸ョ?</a></div> <div class="prenext">涓?涓?绡?锛?<a href="/html/web/dxal/1899447180556951554.html">杩?浜?娓??冲???哄?拌??????</a></div> </div>        </div> </div>   <div class="suspension"> <a class="consult" target="_blank" title="??绯荤?佃?"> <div class="suspension-list" style="display:none;"> <div href="javascript:;" class="service-phone"> <span class="info-name">??绯荤?佃?</span> <span class="info-value">025-86773186</span> </div> </div> </a> <a class="consult email" target="_blank" title="???搁???"> <div class="suspension-list" style="display:none;"> <div href="javascript:;" class="service-email"> <span class="info-name">???搁???</span> <span class="info-value">hr@nighes.com</span> </div> </div> </a> <a class="cart" title="?虫敞寰?俊???璐﹀??> <div class="pic"> <div class="pic-content" style="background:url(/upload/1/global/1901179424342466560.png)center no-repeat;"></div> </div> </a> <a href="javascript:void(0)" class="back-top" id="back-to-top" style="display: block;" title="杩???椤堕??></a> </div> <script> // ?峰????????绱? const backToTopButton = document.getElementById('back-to-top'); // ??????ㄤ?浠 window.onscroll = function() { // 褰?椤甸?㈡??ㄨ?杩? 200px ?舵?剧ず??? if (document.body.scrollTop > 200 || document.documentElement.scrollTop > 200) { backToTopButton.style.display = 'block'; } else { backToTopButton.style.display = 'none'; } }; // ?瑰?绘?????惰???椤堕? backToTopButton.onclick = function() { document.body.scrollTop = 0; // ??瀵 Safari document.documentElement.scrollTop = 0; // ??瀵 Chrome, Firefox, IE ?? Opera }; </script> <div class="f_bg"> <div class="f_bg_div"> <div class="links"> <h2> <a href="/html/web/product/index.html">涓昏?ヤ???/a> </h2> <ul class="two-columns"> <li> <a href="/html/web/product/pingtaichanpin/index.html">???褰卞??璇?浠风被</a> </li> <li> <a href="/html/web/product/kycp/index.html">绔ｅ伐???楠??剁被</a> </li> <li> <a href="/html/web/product/hycp/index.html">??姹¤??????＄被</a> </li> <li> <a href="/html/web/product/yejinjidian/index.html">???????瑙???绫?/a> </li> <li> <a href="/html/web/product/jchd/index.html">???瑕?绱?涓?椤圭被</a> </li> <li> <a href="/html/web/product/hygc/index.html">???椋??╁??ョ被</a> </li> <li> <a href="/html/web/product/huanjingjl/index.html">???宸ョ?????绫?/a> </li> <li> <a href="/html/web/product/guanjiafw/index.html">???绠″????＄被</a> </li> <li> <a href="/html/web/product/huanbaodudao/index.html">???妗?浠舵????绫?/a> </li> <li> <a href="/html/web/product/shuangtanfw/index.html">??纰虫???????＄被</a> </li> <li> <a href="/html/web/product/keyanketil/index.html">???????宸ョ?绫?/a> </li> <li> <a href="/html/web/product/gonchengsheji/index.html">?朵??ㄨ????＄被</a> </li> </ul> </div> <div class="links"> <h2> <a href="/html/web/news/index.html">?伴?昏?璁?/a> </h2> <ul> <li> <a href="/html/web/news/gsdt/index.html">???稿?ㄦ??</a> </li> <li> <a href="/html/web/news/gongshitongzhi/index.html"> ??ず????/a> </li> </ul> </div> <div class="links"> <h2> <a href="/html/web/gywm/gongsijieshao/index.html">?充???浠?/a> </h2> <ul> <li> <a href="/html/web/gywm/gongsijieshao/index.html">???镐?缁?</a> </li> <li> <a href="/html/web//gywm/gongsijieshao/index.html#organizational">缁?缁??舵??</a> </li> <li> <a href="/html/web//gywm/gongsijieshao/index.html#development">??灞???绋?</a> </li> <li> <a href="/html/web//gywm/gongsijieshao/index.html#culture">浼?涓?????</a> </li> <li> <a href="/html/web/gywm/ryzz/index.html">璧?璐ㄨ?涔?/a> </li> <li> <a href="/html/web/gywm/qiyerongyu/index.html">浼?涓??ｈ?</a> </li> </ul> </div> <div class="links"> <h2> <a href="/html/web/jiejuefangan/index.html">绉???????/a> </h2> <ul> </ul> </div> <div class="links"> <h2> <a href="/html/web/fuwuanli/gaojirencai/index.html">浜烘??璧?婧?</a> </h2> <ul> <li> <a href="/html/web/fuwuanli/zhaopinxinxi/index.html">????浜烘??</a> </li> </ul> </div> <div class="f_div2_r"> <h2>??绯绘??浠?/h2> <a href="tel:025-86773186">025-86773186</a>   <div class="f_div2_r2"> <img src="/upload/1/global/1901179424342466560.png"> 寰?俊浜?缁寸?? </div> </div> </div>  </div> <div class="f_div3"> <div class="f_bg_div footx"><span class="l">Copyright 漏 njghes.com 2025??浜??界??????′唤??????? ??ICP澶?17006800??1</span></div> </div> <script language="javascript" src="/template/1/default/js/foot.js"></script> <script> var app = new Vue({ el: '#app', component(){ }, data: { searchForm: { keyword: "" }, hotSearchKeywords: [], //??绔?????id dataId: "1899448140876406785", //褰???椤垫? pageNo: 1, // 涓??″??绉???绔???棰?) dataTitle: "婀???宀抽?充??锋??ㄦ?哄?哄缓璁鹃」??, // 涓??＄被?? dataType: "??绔?", }, methods: { }, computed(){ }, created(){ } }) </script> <style> .detail-bottom-interaction { text-align: left; flex-direction: row; padding-right: 0px; display: flex; box-sizing: border-box; margin-left: 0px; min-height: 50px; margin-right: 0px; flex-shrink: 0; width: 1280px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; margin-top: 40px; } .detail-bottom-interaction .interaction-like { min-height: 50px; margin-right: 20px; align-items: center; flex-wrap: nowrap; flex-direction: row; display: flex; flex-shrink: 0; width: unset; box-sizing: border-box; margin-top: 0px; height: 100%; } .detail-bottom-interaction .interaction-like .label { margin-right: 5px; font-size: 28PX; margin-top: 0px; } .detail-bottom-interaction .interaction-like .value { margin-right: 0px; flex-direction: row; word-wrap: break-word; display: inline-block; } </style> </body> </html>