|
@@ -17,13 +17,25 @@
|
|
|
</div>
|
|
|
<div class="left-bottom"><span>金牌讲师</span> <span>YYDS</span></div>
|
|
|
</div>
|
|
|
- <div class="right">
|
|
|
- <img src="@/assets/img/zhjy/bluezan.png" @click="like" />
|
|
|
+ <div class="nicBaseInfo_action">
|
|
|
+ <div class="coverC" @click="finger">
|
|
|
+ <img class="posiA posi1" v-if="fingerSwitch == '0'" src="@/assets/kczy/zanIcon.png" />
|
|
|
+ <img class="posiA posi1" v-else src="@/assets/kczy/zanIcon_full.png" />
|
|
|
+ <span class="posiA posi2">{{ fingerNum }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="coverC" @click="loveIcon">
|
|
|
+ <img class="posiA posi3" v-if="loveSwitch == '0'" src="@/assets/kczy/collectIcon.png" />
|
|
|
+ <img class="posiA posi3" v-else src="@/assets/kczy/collectIcon_full.png" />
|
|
|
+ <span class="posiA posi4">{{ loveNum }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <img src="@/assets/img/zhjy/bluezan.png" @click="finger" />
|
|
|
{{ detailData.zz_like_num }}
|
|
|
- <img src="@/assets/img/zhjy/bluexin.png" alt="" @click="fav" />{{
|
|
|
+ <img src="@/assets/img/zhjy/bluexin.png" alt="" @click="loveIcon" />{{
|
|
|
detailData.zz_fav_num
|
|
|
- }}
|
|
|
- <span>关注</span>
|
|
|
+ }} -->
|
|
|
+ <div class="right">
|
|
|
+ <span @click="attention">关注</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
@@ -70,8 +82,14 @@ import {
|
|
|
zxxx_evaluate_add,
|
|
|
zxxx_evaluate_list,
|
|
|
user_avatar,
|
|
|
- zxxx_like,
|
|
|
- zxxx_fav
|
|
|
+ zxxx_like_add,
|
|
|
+ zxxx_like_del,
|
|
|
+ zxxx_fav_add,
|
|
|
+ zxxx_fav_del,
|
|
|
+ zxxx_attention_add,
|
|
|
+ zxxx_attention_del,
|
|
|
+ wgzd_list
|
|
|
+
|
|
|
} from "./api";
|
|
|
import { download } from "~/utils/request";
|
|
|
import CommonHeader from "@/components/CommonHeader/index.vue";
|
|
@@ -94,13 +112,161 @@ export default {
|
|
|
kk_id: "",
|
|
|
kf_id: "",
|
|
|
},
|
|
|
-
|
|
|
+ zz_id: "",
|
|
|
+ fingerNum: "0", //点赞数
|
|
|
+ fingerSwitch: 0, //0:关 1:开
|
|
|
+ loveNum: "0", //收藏
|
|
|
+ loveSwitch: 0, //0:关 1:开
|
|
|
limit: 10,
|
|
|
total: 0,
|
|
|
cur_page: 1,
|
|
|
+ listData: []
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
+ /**增加赞或取消*/
|
|
|
+ finger() {
|
|
|
+ if (this.fingerSwitch == "1") {//去掉赞
|
|
|
+ let transObj = {
|
|
|
+ zz_id: this.zz_id,
|
|
|
+ };
|
|
|
+ zxxx_like_del(transObj)
|
|
|
+ .then(res => {
|
|
|
+ if (res.code == "1") {
|
|
|
+ ElMessage({
|
|
|
+ message: res.msg,
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ ElMessage({
|
|
|
+ message: res.msg,
|
|
|
+ type: "waring",
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ })
|
|
|
+ .catch(error => { console.log(error) })
|
|
|
+ } else {
|
|
|
+ let transObj = {
|
|
|
+
|
|
|
+ zz_id: this.zz_id,
|
|
|
+
|
|
|
+ };
|
|
|
+ zxxx_like_add(transObj)
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code == "1") {
|
|
|
+ ElMessage({
|
|
|
+ message: res.msg,
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ ElMessage({
|
|
|
+ message: res.msg,
|
|
|
+ type: "waring",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ console.log(error);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.getDetailData();
|
|
|
+ },
|
|
|
+ /**增加收藏或取消*/
|
|
|
+ loveIcon() {
|
|
|
+ if (this.loveSwitch == 1) {//去掉收藏
|
|
|
+ let transObj = {
|
|
|
+ zzf_id: this.zzf_id,
|
|
|
+ };
|
|
|
+ zxxx_fav_del(transObj)
|
|
|
+ .then(res => {
|
|
|
+ console.log(res);
|
|
|
+ })
|
|
|
+ .catch(error => {
|
|
|
+ console.log(error)
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ let transObj = {
|
|
|
+
|
|
|
+
|
|
|
+ zz_id: this.zz_id,
|
|
|
+
|
|
|
+ };
|
|
|
+ zxxx_fav_add(transObj)
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code == "1") {
|
|
|
+ ElMessage({
|
|
|
+ message: res.msg,
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ ElMessage({
|
|
|
+ message: res.msg,
|
|
|
+ type: "waring",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ console.log(error);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.getDetailData();
|
|
|
+ },
|
|
|
+ getListData() {
|
|
|
+ let data = {
|
|
|
+ page: this.cur_page,
|
|
|
+ limit: this.limit,
|
|
|
+ keyword: this.keyword,
|
|
|
+
|
|
|
+ };
|
|
|
+
|
|
|
+ wgzd_list(data).then((res) => {
|
|
|
+ this.listData = res.data.page_data;
|
|
|
+ console.log(this.keyword, 111);
|
|
|
+ this.cur_page = Number(res.data.page_now);
|
|
|
+ this.total = Number(res.data.total_rows);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /**增加关注或取消*/
|
|
|
+ attention() {
|
|
|
+ // if (this.loveSwitch == 1) {//关注
|
|
|
+ // let transObj = {
|
|
|
+ // uw_user_id: this.uw_user_id,
|
|
|
+ // };
|
|
|
+ // zxxx_attention_del(transObj)
|
|
|
+ // .then(res => {
|
|
|
+ // console.log(res);
|
|
|
+ // })
|
|
|
+ // .catch(error => {
|
|
|
+ // console.log(error)
|
|
|
+ // });
|
|
|
+ // } else {
|
|
|
+ let transObj = {
|
|
|
+ uw_user_id: this.uw_user_id,
|
|
|
+
|
|
|
+ };
|
|
|
+ zxxx_attention_add(transObj)
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code == "1") {
|
|
|
+ ElMessage({
|
|
|
+ message: res.msg,
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ this.getListData();
|
|
|
+ } else {
|
|
|
+ ElMessage({
|
|
|
+ message: res.msg,
|
|
|
+ type: "waring",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ // .catch((error) => {
|
|
|
+ // console.log(error);
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ this.getDetailData();
|
|
|
+ },
|
|
|
+
|
|
|
getDetailData() {
|
|
|
let data = {
|
|
|
zz_id: this.zz_id,
|
|
@@ -108,6 +274,10 @@ export default {
|
|
|
zxxx_detail(data).then((res) => {
|
|
|
this.detailData = res.data.one_info;
|
|
|
console.log(this.detailData.zz_id);
|
|
|
+ this.fingerNum = res.data.one_info.zz_like_num; //点赞数
|
|
|
+ this.fingerSwitch = res.data.one_info.is_like; //0:关 1:开
|
|
|
+ this.loveNum = res.data.one_info.zz_fav_num; //收藏
|
|
|
+ this.loveSwitch = res.data.one_info.is_fav; //0:关 1:开
|
|
|
});
|
|
|
},
|
|
|
|
|
@@ -160,42 +330,13 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
-
|
|
|
- getLikeData() {
|
|
|
- let data = {
|
|
|
-
|
|
|
- };
|
|
|
- zxxx_like(data).then((res) => {
|
|
|
- this.likeData = res.data.one_info;
|
|
|
- console.log(this.detailData.zz_id);
|
|
|
- });
|
|
|
- },
|
|
|
-
|
|
|
- getFavData() {
|
|
|
- let data = {
|
|
|
-
|
|
|
- };
|
|
|
- zxxx_fav(data).then((res) => {
|
|
|
- this.favData = res.data.one_info;
|
|
|
- console.log(this.detailData.zz_id);
|
|
|
- });
|
|
|
- },
|
|
|
-
|
|
|
-
|
|
|
- like() {
|
|
|
-
|
|
|
- },
|
|
|
- fav() {
|
|
|
-
|
|
|
- }
|
|
|
},
|
|
|
mounted() {
|
|
|
if (this.$route.params.id != "") {
|
|
|
this.zz_id = this.$route.params.id;
|
|
|
this.getDetailData();
|
|
|
this.getEvaluateListData();
|
|
|
- this.getLikeData();
|
|
|
- this.getFavData();
|
|
|
+ this.getListData();
|
|
|
|
|
|
}
|
|
|
},
|
|
@@ -203,6 +344,66 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+.nicBaseInfo_action {
|
|
|
+ // border: 1px solid red;
|
|
|
+ width: 20%;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 400;
|
|
|
+ text-align: left;
|
|
|
+ color: #00a3ff;
|
|
|
+ position: relative;
|
|
|
+ .coverC {
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .posiA {
|
|
|
+ position: absolute;
|
|
|
+ z-index: 12;
|
|
|
+ }
|
|
|
+ .posi1 {
|
|
|
+ left: 80px;
|
|
|
+ top: 50%;
|
|
|
+ transform: translate(0, -50%);
|
|
|
+ }
|
|
|
+
|
|
|
+ .posi2 {
|
|
|
+ margin: 0 2px;
|
|
|
+ left: 40%;
|
|
|
+ top: 50%;
|
|
|
+ transform: translate(0, -50%);
|
|
|
+ }
|
|
|
+
|
|
|
+ .posi3 {
|
|
|
+ left: 65%;
|
|
|
+ top: 50%;
|
|
|
+ transform: translate(0, -50%);
|
|
|
+ }
|
|
|
+
|
|
|
+ .posi4 {
|
|
|
+ margin: 0 2px;
|
|
|
+ left: 75%;
|
|
|
+ top: 50%;
|
|
|
+ transform: translate(0, -50%);
|
|
|
+ // border: 1px solid red;
|
|
|
+ }
|
|
|
+
|
|
|
+ .zan {
|
|
|
+ background: url("../assets/kczy/zanIcon.png") no-repeat left center;
|
|
|
+ background-size: 21px 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 3px 0 3px 25px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+
|
|
|
+ .collect {
|
|
|
+ background: url("../assets/kczy/collectIcon.png") no-repeat left center;
|
|
|
+ background-size: 21px 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 3px 0 3px 25px;
|
|
|
+ margin-left: 30px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
.content {
|
|
|
width: 100%;
|
|
|
min-width: 1400px;
|