|
@@ -2,14 +2,17 @@
|
|
|
<div id="right-1">
|
|
|
<el-row>
|
|
|
<el-col :span="24" class="main" v-loading="loadingRight" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading">
|
|
|
- <el-col :span="24" class="right_one">
|
|
|
+ <el-col :span="21" class="right_one">
|
|
|
<p class="right_one_name">{{ customer.name }}</p>
|
|
|
+ <p class="right_one_address">{{ customer.phone }}{{ customer.is_leader == '0' ? '--团长' : '' }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3" class="right_btn">
|
|
|
+ <el-button type="warning" size="mini" @click="toOrder()">查看订单</el-button>
|
|
|
</el-col>
|
|
|
<div id="scrolldIV" class="scroll-div" ref="scrollContent">
|
|
|
- <!-- <el-col :span="24" class="right_two"> -->
|
|
|
- <!-- <el-col :span="24" class="more" v-if="showMore == '1'">
|
|
|
+ <el-col :span="24" class="more" v-if="showMore == '1'">
|
|
|
<span @click="onMore()">查看更多消息</span>
|
|
|
- </el-col> -->
|
|
|
+ </el-col>
|
|
|
<el-col :span="24" v-for="item in chatRecordList" :key="item._id">
|
|
|
<el-col :span="24" class="right_time">{{ item.time }}</el-col>
|
|
|
<el-col :span="24" class="right_left" v-if="item.speaker != user.shop._id">
|
|
@@ -23,6 +26,167 @@
|
|
|
<div class="test" v-if="item.msg_type == '0' && item.content.length > 50">{{ item.content }}</div>
|
|
|
<el-image v-else-if="item.msg_type == '1'" :src="item.content" :preview-src-list="srcList" style="max-width: 300px" mode="widthFix">
|
|
|
</el-image>
|
|
|
+ <el-col class="test" :span="20" v-else-if="item.msg_type == '2'">
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-image :src="item.goods.file[0].url" style="max-width: 100px; height: 100px"></el-image>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="19" class="test_name">
|
|
|
+ <p class="goods_name">{{ item.goods.name }}</p>
|
|
|
+ <p class="goods_time">{{ item.goods.send_time || '7日' }}内发货</p>
|
|
|
+ <el-button type="primary" size="mini" @click="toDetail('goods', item.content)">查看详情</el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" class="test" v-else-if="item.msg_type == '3'">
|
|
|
+ <el-col :span="24" class="no">
|
|
|
+ <el-col :span="20">{{ getStatus(item.order.status) }}: {{ item.order.no }}</el-col>
|
|
|
+ <el-col
|
|
|
+ :span="4"
|
|
|
+ v-if="
|
|
|
+ item.order.status == '1' ||
|
|
|
+ item.order.status == '2' ||
|
|
|
+ item.order.status == '3' ||
|
|
|
+ item.order.status == '2-' ||
|
|
|
+ item.order.status == '0'
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-button v-if="item.order.status == '0'" type="danger" size="mini" @click="toOrderDetail('order', item.content)">查看详情</el-button>
|
|
|
+ <el-button v-else type="danger" size="mini" @click="toOrderDetail('detail', item.content)">查看详情</el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" v-for="i in item.order.goods" :key="i._id">
|
|
|
+ <!-- 已支付 -->
|
|
|
+ <el-col :span="24" v-if="item.order.status == '1' || item.order.status == '2' || item.order.status == '3' || item.order.status == '2-'">
|
|
|
+ <el-col :span="24" v-if="i.is_set != '0'">
|
|
|
+ <el-col :span="4" class="image">
|
|
|
+ <el-image v-if="i.file && i.file.length != 0" :src="i.file[0].url" style="width: 60px" mode="widthFix"></el-image>
|
|
|
+ <el-image
|
|
|
+ v-else-if="i.goods.file && i.goods.file.length != 0"
|
|
|
+ :src="i.goods.file[0].url"
|
|
|
+ style="width: 60px"
|
|
|
+ mode="widthFix"
|
|
|
+ ></el-image>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-col :span="24"> {{ i.goods.name }} </el-col>
|
|
|
+ <el-col :span="24"> 规格:{{ i.name }} </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4" class="buy">
|
|
|
+ <el-col :span="24">
|
|
|
+ X<span>{{ i.buy_num }}</span></el-col
|
|
|
+ >
|
|
|
+ <el-col :span="24" class="buy" style="font-size: 20px">
|
|
|
+ <p v-if="item.order.type == '0' && i.price">¥{{ i.price }}</p>
|
|
|
+ <p v-else-if="item.order.type == '0' && !i.price">¥{{ i.sell_money }}</p>
|
|
|
+ <p v-else-if="item.order.type == '1'">¥{{ i.group_config.money }}</p>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" v-else>
|
|
|
+ <el-col :span="24">{{ i.name || '套装名称' }}</el-col>
|
|
|
+ <el-col :span="24" v-for="goods in i.goods" :key="goods.spec._id">
|
|
|
+ <el-col :span="24" class="bode">
|
|
|
+ <el-col :span="4" class="image">
|
|
|
+ <el-image
|
|
|
+ v-if="goods.spec.file && goods.spec.file.length != 0"
|
|
|
+ :src="goods.spec.file[0].url"
|
|
|
+ style="width: 60px"
|
|
|
+ mode="widthFix"
|
|
|
+ ></el-image>
|
|
|
+ <el-image
|
|
|
+ v-else-if="goods.goods.file && goods.goods.file.length != 0"
|
|
|
+ :src="goods.goods.file[0].url"
|
|
|
+ style="width: 60px"
|
|
|
+ mode="widthFix"
|
|
|
+ ></el-image>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-col :span="24"> {{ goods.goods_name }} </el-col>
|
|
|
+ <el-col :span="24"> 规格:{{ goods.spec_name }} </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4" class="buy">
|
|
|
+ <el-col :span="24">
|
|
|
+ X<span>{{ goods.set_num }}</span></el-col
|
|
|
+ >
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="buy"> X{{ i.buy_num }} </el-col>
|
|
|
+ <el-col :span="24" class="buy"> ¥{{ i.sell_money }} </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <!-- 未支付 -->
|
|
|
+ <el-col :span="24" v-else-if="item.order.status == '0'">
|
|
|
+ <el-col :span="24" v-if="i.is_set == '0'">
|
|
|
+ <el-col :span="24">{{ i.name || '套装名称' }}</el-col>
|
|
|
+ <el-col :span="24" v-for="goods in i.goods" :key="goods.spec._id">
|
|
|
+ <el-col :span="24" class="bode">
|
|
|
+ <el-col :span="4" class="image">
|
|
|
+ <el-image
|
|
|
+ v-if="goods.spec.file && goods.spec.file.length != 0"
|
|
|
+ :src="goods.spec.file[0].url"
|
|
|
+ style="width: 60px"
|
|
|
+ mode="widthFix"
|
|
|
+ ></el-image>
|
|
|
+ <el-image
|
|
|
+ v-else-if="goods.goods.file && goods.goods.file.length != 0"
|
|
|
+ :src="goods.goods.file[0].url"
|
|
|
+ style="width: 60px"
|
|
|
+ mode="widthFix"
|
|
|
+ ></el-image>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-col :span="24"> {{ goods.goods_name }} </el-col>
|
|
|
+ <el-col :span="24"> 规格:{{ goods.spec_name }} </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4" class="buy">
|
|
|
+ <el-col :span="24">
|
|
|
+ X<span>{{ goods.set_num }}</span></el-col
|
|
|
+ >
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="buy"> X{{ i.buy_num }} </el-col>
|
|
|
+ <el-col :span="24" class="buy"> ¥{{ i.sell_money }} </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" v-else>
|
|
|
+ <el-col :span="24" v-for="goods in i.goods" :key="goods._id">
|
|
|
+ <el-col :span="4" class="image">
|
|
|
+ <el-image v-if="goods.file && goods.file.length != 0" :src="goods.file[0].url" style="width: 60px" mode="widthFix"></el-image>
|
|
|
+ <el-image
|
|
|
+ v-else-if="goods.goods.file && goods.goods.file.length != 0"
|
|
|
+ :src="goods.goods.file[0].url"
|
|
|
+ style="width: 60px"
|
|
|
+ mode="widthFix"
|
|
|
+ ></el-image>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-col :span="24"> {{ goods.goods.name }} </el-col>
|
|
|
+ <el-col :span="24" v-if="i.is_set == '0'">{{ goods.spec_name }}</el-col>
|
|
|
+ <el-col :span="24" v-else> 规格:{{ goods.name }} </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4" class="buy">
|
|
|
+ <el-col :span="24">
|
|
|
+ X<span>{{ goods.buy_num }}</span></el-col
|
|
|
+ >
|
|
|
+ <el-col :span="24" class="buy" style="font-size: 20px">
|
|
|
+ <p v-if="item.order.type == '0' && goods.price">¥{{ goods.price }}</p>
|
|
|
+ <p v-else-if="item.order.type == '0' && !goods.price">¥{{ goods.sell_money }}</p>
|
|
|
+ <p v-else-if="item.order.type == '1'">¥{{ goods.group_config.money }}</p>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
@@ -32,6 +196,167 @@
|
|
|
<span class="test" v-if="item.msg_type == '0' && item.content.length < 50">{{ item.content }}</span>
|
|
|
<div class="test" v-if="item.msg_type == '0' && item.content.length > 50">{{ item.content }}</div>
|
|
|
<el-image v-if="item.msg_type == '1'" :src="item.content" :preview-src-list="srcList" style="width: 300px" mode="widthFix"> </el-image>
|
|
|
+ <el-col class="test" :span="20" v-else-if="item.msg_type == '2'">
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-image :src="item.goods.file[0].url" style="max-width: 100px; height: 100px"></el-image>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="19" class="test_name">
|
|
|
+ <p class="goods_name">{{ item.goods.name }}</p>
|
|
|
+ <p class="goods_time">{{ item.goods.send_time || '7日' }}内发货</p>
|
|
|
+ <el-button type="primary" size="mini" @click="toDetail('goods', item.content)">查看详情</el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" class="test" v-else-if="item.msg_type == '3'">
|
|
|
+ <el-col :span="24" class="no">
|
|
|
+ <el-col :span="20">{{ getStatus(item.order.status) }}: {{ item.order.no }}</el-col>
|
|
|
+ <el-col
|
|
|
+ :span="4"
|
|
|
+ v-if="
|
|
|
+ item.order.status == '1' ||
|
|
|
+ item.order.status == '2' ||
|
|
|
+ item.order.status == '3' ||
|
|
|
+ item.order.status == '2-' ||
|
|
|
+ item.order.status == '0'
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-button v-if="item.order.status == '0'" type="danger" size="mini" @click="toOrderDetail('order', item.content)">查看详情</el-button>
|
|
|
+ <el-button v-else type="danger" size="mini" @click="toOrderDetail('detail', item.content)">查看详情</el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" v-for="i in item.order.goods" :key="i._id">
|
|
|
+ <!-- 已支付 -->
|
|
|
+ <el-col :span="24" v-if="item.order.status == '1' || item.order.status == '2' || item.order.status == '3' || item.order.status == '2-'">
|
|
|
+ <el-col :span="24" v-if="i.is_set != '0'">
|
|
|
+ <el-col :span="4" class="image">
|
|
|
+ <el-image v-if="i.file && i.file.length != 0" :src="i.file[0].url" style="width: 60px" mode="widthFix"></el-image>
|
|
|
+ <el-image
|
|
|
+ v-else-if="i.goods.file && i.goods.file.length != 0"
|
|
|
+ :src="i.goods.file[0].url"
|
|
|
+ style="width: 60px"
|
|
|
+ mode="widthFix"
|
|
|
+ ></el-image>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-col :span="24"> {{ i.goods.name }} </el-col>
|
|
|
+ <el-col :span="24"> 规格:{{ i.name }} </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4" class="buy">
|
|
|
+ <el-col :span="24">
|
|
|
+ X<span>{{ i.buy_num }}</span></el-col
|
|
|
+ >
|
|
|
+ <el-col :span="24" class="buy" style="font-size: 20px">
|
|
|
+ <p v-if="item.order.type == '0' && i.price">¥{{ i.price }}</p>
|
|
|
+ <p v-else-if="item.order.type == '0' && !i.price">¥{{ i.sell_money }}</p>
|
|
|
+ <p v-else-if="item.order.type == '1'">¥{{ i.group_config.money }}</p>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" v-else>
|
|
|
+ <el-col :span="24">{{ i.name || '套装名称' }}</el-col>
|
|
|
+ <el-col :span="24" v-for="goods in i.goods" :key="goods.spec._id">
|
|
|
+ <el-col :span="24" class="bode">
|
|
|
+ <el-col :span="4" class="image">
|
|
|
+ <el-image
|
|
|
+ v-if="goods.spec.file && goods.spec.file.length != 0"
|
|
|
+ :src="goods.spec.file[0].url"
|
|
|
+ style="width: 60px"
|
|
|
+ mode="widthFix"
|
|
|
+ ></el-image>
|
|
|
+ <el-image
|
|
|
+ v-else-if="goods.goods.file && goods.goods.file.length != 0"
|
|
|
+ :src="goods.goods.file[0].url"
|
|
|
+ style="width: 60px"
|
|
|
+ mode="widthFix"
|
|
|
+ ></el-image>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-col :span="24"> {{ goods.goods_name }} </el-col>
|
|
|
+ <el-col :span="24"> 规格:{{ goods.spec_name }} </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4" class="buy">
|
|
|
+ <el-col :span="24">
|
|
|
+ X<span>{{ goods.set_num }}</span></el-col
|
|
|
+ >
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="buy"> X{{ i.buy_num }} </el-col>
|
|
|
+ <el-col :span="24" class="buy"> ¥{{ i.sell_money }} </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <!-- 未支付 -->
|
|
|
+ <el-col :span="24" v-else-if="item.order.status == '0'">
|
|
|
+ <el-col :span="24" v-if="i.is_set == '0'">
|
|
|
+ <el-col :span="24">{{ i.name || '套装名称' }}</el-col>
|
|
|
+ <el-col :span="24" v-for="goods in i.goods" :key="goods.spec._id">
|
|
|
+ <el-col :span="24" class="bode">
|
|
|
+ <el-col :span="4" class="image">
|
|
|
+ <el-image
|
|
|
+ v-if="goods.spec.file && goods.spec.file.length != 0"
|
|
|
+ :src="goods.spec.file[0].url"
|
|
|
+ style="width: 60px"
|
|
|
+ mode="widthFix"
|
|
|
+ ></el-image>
|
|
|
+ <el-image
|
|
|
+ v-else-if="goods.goods.file && goods.goods.file.length != 0"
|
|
|
+ :src="goods.goods.file[0].url"
|
|
|
+ style="width: 60px"
|
|
|
+ mode="widthFix"
|
|
|
+ ></el-image>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-col :span="24"> {{ goods.goods_name }} </el-col>
|
|
|
+ <el-col :span="24"> 规格:{{ goods.spec_name }} </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4" class="buy">
|
|
|
+ <el-col :span="24">
|
|
|
+ X<span>{{ goods.set_num }}</span></el-col
|
|
|
+ >
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="buy"> X{{ i.buy_num }} </el-col>
|
|
|
+ <el-col :span="24" class="buy"> ¥{{ i.sell_money }} </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" v-else>
|
|
|
+ <el-col :span="24" v-for="goods in i.goods" :key="goods._id">
|
|
|
+ <el-col :span="4" class="image">
|
|
|
+ <el-image v-if="goods.file && goods.file.length != 0" :src="goods.file[0].url" style="width: 60px" mode="widthFix"></el-image>
|
|
|
+ <el-image
|
|
|
+ v-else-if="goods.goods.file && goods.goods.file.length != 0"
|
|
|
+ :src="goods.goods.file[0].url"
|
|
|
+ style="width: 60px"
|
|
|
+ mode="widthFix"
|
|
|
+ ></el-image>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-col :span="24"> {{ goods.goods.name }} </el-col>
|
|
|
+ <el-col :span="24" v-if="i.is_set == '0'">{{ goods.spec_name }}</el-col>
|
|
|
+ <el-col :span="24" v-else> 规格:{{ goods.name }} </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4" class="buy">
|
|
|
+ <el-col :span="24">
|
|
|
+ X<span>{{ goods.buy_num }}</span></el-col
|
|
|
+ >
|
|
|
+ <el-col :span="24" class="buy" style="font-size: 20px">
|
|
|
+ <p v-if="item.order.type == '0' && goods.price">¥{{ goods.price }}</p>
|
|
|
+ <p v-else-if="item.order.type == '0' && !goods.price">¥{{ goods.sell_money }}</p>
|
|
|
+ <p v-else-if="item.order.type == '1'">¥{{ goods.group_config.money }}</p>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
<el-col :span="2" class="right_image">
|
|
|
<el-avatar v-if="shop.logo && shop.logo.length != 0" :src="shop.logo[0].url" class="right_icon"></el-avatar>
|
|
@@ -40,18 +365,22 @@
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <!-- </el-col> -->
|
|
|
</div>
|
|
|
<el-col :span="24" class="right_thr">
|
|
|
- <el-col :span="20" class="right_thr_1">
|
|
|
+ <el-col :span="18" class="right_thr_1">
|
|
|
<el-form ref="form" :model="form" label-width="80px">
|
|
|
<el-input v-model="form.content" :autosize="{ minRows: 5, maxRows: 7 }" maxlength="-1" placeholder="消息" type="textarea" size="small"></el-input>
|
|
|
</el-form>
|
|
|
</el-col>
|
|
|
- <el-col :span="4" class="right_thr_2">
|
|
|
- <el-col :span="12" class="btn"><el-button type="success" size="mini" @click="onSubmit('content')">发送</el-button></el-col>
|
|
|
- <el-col :span="12" class="icon">
|
|
|
- <i class="el-icon-circle-plus-outline" style="color: #666; font-size: 50px" @click="toUp()"></i>
|
|
|
+ <el-col :span="6" class="right_thr_2">
|
|
|
+ <el-col :span="8" class="button">
|
|
|
+ <el-button type="success" size="mini" @click="onSubmit('content')">发送</el-button>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" class="icon">
|
|
|
+ <i class="el-icon-circle-plus-outline" style="color: #666; font-size: 50px" @click="toUp('file')"></i>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" class="icon">
|
|
|
+ <i class="el-icon-goods" style="color: #666; font-size: 50px" @click="toUp('goods')"></i>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
@@ -61,6 +390,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import { number } from 'echarts';
|
|
|
import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
export default {
|
|
|
name: 'right-1',
|
|
@@ -70,12 +400,16 @@ export default {
|
|
|
shop: { type: Object },
|
|
|
form: { type: Object },
|
|
|
srcList: { type: Array },
|
|
|
+ statusList: { type: Array },
|
|
|
loadingRight: { type: Boolean },
|
|
|
- // showMore: { type: String },
|
|
|
+ showMore: { type: String },
|
|
|
+ delTop: { type: Number },
|
|
|
},
|
|
|
components: {},
|
|
|
data: function () {
|
|
|
- return {};
|
|
|
+ return {
|
|
|
+ oldTop: 0,
|
|
|
+ };
|
|
|
},
|
|
|
created() {
|
|
|
this.setBottom();
|
|
@@ -84,31 +418,47 @@ export default {
|
|
|
methods: {
|
|
|
// 滚送到底部
|
|
|
setBottom() {
|
|
|
- const me = this;
|
|
|
setTimeout(() => {
|
|
|
this.$nextTick(() => {
|
|
|
- //一定要在this.$nextTick进行设置
|
|
|
- me.$refs.scrollContent.scrollTop = 1000000000;
|
|
|
- var container = this.$el.querySelector('scrolldIV');
|
|
|
- // container.scrollTop = container.scrollHeight;
|
|
|
- // console.log(container.scrollHeight);
|
|
|
+ // this.$refs.scrollContent.scrollTop = 1000000000;
|
|
|
+ var msg = document.getElementById('scrolldIV');
|
|
|
+ // let distanceFromBottom = msg.scrollHeight - msg.scrollTop - msg.clientHeight;
|
|
|
+ if (this.delTop > 0) msg.scrollTop = msg.scrollHeight - this.delTop;
|
|
|
+ else msg.scrollTop = msg.scrollHeight; // 滚动高度
|
|
|
+ this.$set(this, `oldTop`, msg.scrollTop);
|
|
|
});
|
|
|
}, 100);
|
|
|
},
|
|
|
- toUp() {
|
|
|
- this.$emit('toUp');
|
|
|
+ getStatus(status) {
|
|
|
+ const res = this.statusList.find((f) => f.value === status);
|
|
|
+ if (res) return res.label;
|
|
|
+ return '';
|
|
|
+ },
|
|
|
+ // 查看订单详情
|
|
|
+ toOrderDetail(value, content) {
|
|
|
+ if (value == 'order') {
|
|
|
+ this.$router.push({ path: `/selfShop/order`, query: { order_id: content } });
|
|
|
+ } else if (value == 'detail') {
|
|
|
+ this.$router.push({ path: `/selfShop/order`, query: { orderDetail_id: content } });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ toUp(value) {
|
|
|
+ this.$emit('toUp', value);
|
|
|
+ },
|
|
|
+ toOrder() {
|
|
|
+ this.$emit('toOrder');
|
|
|
+ },
|
|
|
+ toDetail(value, content) {
|
|
|
+ if (value == 'goods') {
|
|
|
+ this.$router.push({ path: `/selfShop/spec/${content}` });
|
|
|
+ }
|
|
|
},
|
|
|
- // onMore() {
|
|
|
- // this.$emit('onMore');
|
|
|
- // this.$nextTick(() => {
|
|
|
- // let msg = document.getElementById('scrolldIVs'); // 获取对象
|
|
|
- // let distanceFromBottom = msg.scrollHeight - msg.scrollTop - msg.clientHeight;
|
|
|
- // msg.scrollTop = distanceFromBottom; // 滚动高度
|
|
|
- // });
|
|
|
- // },
|
|
|
onSubmit(data) {
|
|
|
this.$emit('onSubmit', data);
|
|
|
},
|
|
|
+ onMore() {
|
|
|
+ this.$emit('onMore', this.oldTop);
|
|
|
+ },
|
|
|
},
|
|
|
updated: function () {
|
|
|
this.setBottom();
|
|
@@ -146,9 +496,12 @@ export default {
|
|
|
color: #666;
|
|
|
}
|
|
|
}
|
|
|
+.right_btn {
|
|
|
+ padding: 20px 0;
|
|
|
+}
|
|
|
.scroll-div {
|
|
|
background: rgb(246, 246, 246);
|
|
|
- height: 65vh;
|
|
|
+ height: 62vh;
|
|
|
width: 56vw;
|
|
|
overflow: auto;
|
|
|
margin: 0 15px;
|
|
@@ -192,6 +545,20 @@ export default {
|
|
|
background: rgb(235, 249, 162);
|
|
|
padding: 10px;
|
|
|
word-wrap: break-word;
|
|
|
+ .test_name {
|
|
|
+ text-align: center;
|
|
|
+ .goods_name {
|
|
|
+ font-size: 18px;
|
|
|
+ margin: 10px 0;
|
|
|
+ }
|
|
|
+ .goods_time {
|
|
|
+ margin: 10px 0;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .no {
|
|
|
+ margin: 4px 0;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -224,9 +591,25 @@ export default {
|
|
|
padding: 3px 10px 3px 13px;
|
|
|
.right_thr_2 {
|
|
|
padding: 20px;
|
|
|
- .btn {
|
|
|
+ .button {
|
|
|
margin: 15px 0 0 0;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+.buy {
|
|
|
+ text-align: right;
|
|
|
+ font-size: 18px;
|
|
|
+}
|
|
|
+.total {
|
|
|
+ text-align: right;
|
|
|
+ font-size: 18px;
|
|
|
+ margin: 5px 0 10px 0;
|
|
|
+}
|
|
|
+.sell {
|
|
|
+ color: red;
|
|
|
+}
|
|
|
+.btn {
|
|
|
+ text-align: right;
|
|
|
+ margin: 5px 0 10px 0;
|
|
|
+}
|
|
|
</style>
|