feat: 对原有填写金额的input框进行改进,优化部分样式问题

master
学习很差啦 2023-04-12 11:06:25 +08:00
parent e5c25895a0
commit ebc79da0fc
6 changed files with 23 additions and 12 deletions

View File

@ -14,12 +14,12 @@
<Poptip slot="append" transfer trigger="hover" title="图片预览" placement="right"> <Poptip slot="append" transfer trigger="hover" title="图片预览" placement="right">
<Icon type="md-eye" class="see-icon" /> <Icon type="md-eye" class="see-icon" />
<div slot="content"> <div slot="content">
<img :src="currentValue" alt="该资源不存在" style="width: 100%;margin: 0 auto;display: block;" /> <img :src="currentValue" alt="该资源不存在" style="max-width: 300px;margin: 0 auto;display: block;" />
<a @click="viewImage=true" style="margin-top:5px;text-align:right;display:block">查看大图</a> <a @click="viewImage=true" style="margin-top:5px;text-align:right;display:block">查看大图</a>
</div> </div>
</Poptip> </Poptip>
</Input> </Input>
<Upload <Upload
:action="uploadFileUrl" :action="uploadFileUrl"
:headers="accessToken" :headers="accessToken"
@ -40,7 +40,7 @@
</div> </div>
<Modal title="图片预览" v-model="viewImage" :styles="{top: '30px'}" draggable> <Modal title="图片预览" v-model="viewImage" :styles="{top: '30px'}" draggable>
<img :src="currentValue" alt="该资源不存在" style="width: 100%;margin: 0 auto;display: block;" /> <img :src="currentValue" alt="该资源不存在" style="max-width: 300px;margin: 0 auto;display: block;" />
<div slot="footer"> <div slot="footer">
<Button @click="viewImage=false"></Button> <Button @click="viewImage=false"></Button>
</div> </div>

View File

@ -325,6 +325,7 @@ export default {
methods: { methods: {
// //
callback(val, index) { callback(val, index) {
this.selectMember.forEach(item=>{item.___selected = false})
this.$set(val, "___selected", !val.___selected); this.$set(val, "___selected", !val.___selected);
console.log(val.___selected); console.log(val.___selected);
console.log(this.selectMember); console.log(this.selectMember);

View File

@ -84,7 +84,7 @@
<dl> <dl>
<dt>实际退款金额</dt> <dt>实际退款金额</dt>
<dd> <dd>
<Input v-model="params.actualRefundPrice" style="width: 260px" /> <InputNumber :min="0" v-model="params.actualRefundPrice" style="width: 260px" />
</dd> </dd>
</dl> </dl>
<dl> <dl>

View File

@ -28,7 +28,8 @@
</template> </template>
<template slot-scope="{ index }" slot="settlementPrice"> <template slot-scope="{ index }" slot="settlementPrice">
<Input <InputNumber
:min="0"
type="number" type="number"
v-model="promotionGoodsList[index].settlementPrice" v-model="promotionGoodsList[index].settlementPrice"
/> />
@ -54,10 +55,18 @@
</Select> </Select>
</template> </template>
<template slot-scope="{ index }" slot="activeStock"> <template slot-scope="{ index }" slot="activeStock">
<Input type="number" v-model="promotionGoodsList[index].activeStock" /> <InputNumber
:min="0"
type="number"
v-model="promotionGoodsList[index].activeStock"
/>
</template> </template>
<template slot-scope="{ index }" slot="points"> <template slot-scope="{ index }" slot="points">
<Input type="number" v-model="promotionGoodsList[index].points" /> <InputNumber
:min="0"
type="number"
v-model="promotionGoodsList[index].points"
/>
</template> </template>
</Table> </Table>
</FormItem> </FormItem>
@ -370,8 +379,8 @@ export default {
settlementPrice: e.settlementPrice || 0, settlementPrice: e.settlementPrice || 0,
pointsGoodsCategoryId: e.pointsGoodsCategoryId || 0, pointsGoodsCategoryId: e.pointsGoodsCategoryId || 0,
pointsGoodsCategoryName: e.pointsGoodsCategoryName || "", pointsGoodsCategoryName: e.pointsGoodsCategoryName || "",
activeStock: e.activeStock || 0, activeStock: e.activeStock || 1,
points: e.points || 0, points: e.points || 1,
skuId: e.id, skuId: e.id,
goodsId: e.goodsId, goodsId: e.goodsId,
originalPrice: e.price || 0, originalPrice: e.price || 0,

View File

@ -96,7 +96,7 @@ export default {
pointsGoodsCategoryId:'', pointsGoodsCategoryId:'',
pointsGoodsCategoryName:'', pointsGoodsCategoryName:'',
form: { form: {
/** 活动名称 */ /** 活动名称 */
promotionName: "", promotionName: "",
/** 报名截止时间 */ /** 报名截止时间 */
@ -109,7 +109,7 @@ export default {
seckillRule: "", seckillRule: "",
goodsSku: {}, goodsSku: {},
promotionStatus: "NEW", promotionStatus: "NEW",
}, },
categoryList: [], // categoryList: [], //
id: this.$route.query.id, // id id: this.$route.query.id, // id
@ -118,6 +118,7 @@ export default {
settlementPrice: [{ required: true, message: "请填写结算价格" }], settlementPrice: [{ required: true, message: "请填写结算价格" }],
pointsGoodsCategoryId: [{ required: true, message: "请选择积分商品分类" }], pointsGoodsCategoryId: [{ required: true, message: "请选择积分商品分类" }],
points: [{ required: true, message: "请填写兑换积分" }], points: [{ required: true, message: "请填写兑换积分" }],
activeStock: [{ required: true, message: "请填写库存" }],
}, },
options: { options: {
disabledDate(date) { disabledDate(date) {

View File

@ -94,7 +94,7 @@
<dl v-if="params.serviceStatus == 'PASS'"> <dl v-if="params.serviceStatus == 'PASS'">
<dt>实际退款金额</dt> <dt>实际退款金额</dt>
<dd> <dd>
<Input v-model="params.actualRefundPrice" style="width:260px" /> <InputNumber :min="0" v-model="params.actualRefundPrice" style="width:260px" />
</dd> </dd>
</dl> </dl>
<dl> <dl>