Browse Source

style: 搜索框样式等修改适配笔记本

zhangyong/milestone-20250913-现金管理
zhangrenyuan 1 month ago
parent
commit
f0ce58d202
  1. 2
      .env.development
  2. 4
      src/views/consume/bean/articleVideo.vue
  3. 2
      src/views/consume/bean/dieHardFan.vue
  4. 14
      src/views/consume/bean/liveStream.vue
  5. 12
      src/views/consume/gold/coinConsumeDetail.vue
  6. 5
      src/views/moneyManage/receiveDetail/receiveDetail.vue
  7. 4
      src/views/moneyManage/refundDetail/refundCharge.vue
  8. 4
      src/views/moneyManage/refundDetail/refundFinance.vue
  9. 4
      src/views/moneyManage/refundDetail/refundHeader.vue
  10. 4
      src/views/moneyManage/refundDetail/refundService.vue
  11. 4
      src/views/recharge/bean/beanOnlineRecharge.vue
  12. 4
      src/views/recharge/gold/coinRechargeDetail.vue
  13. 4
      src/views/refund/gold/coinRefundDetail.vue
  14. 6
      src/views/usergold/gold/clientCountDetail.vue

2
.env.development

@ -1,4 +1,4 @@
# VITE_API_BASE='https://hwjb.homilychart.com/dev/admin'
VITE_API_BASE='https://hwjb.homilychart.com/dev/admin'
# 测试环境 # 测试环境
# VITE_API_BASE='http://54.255.212.181:10704/' # VITE_API_BASE='http://54.255.212.181:10704/'
# 正式环境 # 正式环境

4
src/views/consume/bean/articleVideo.vue

@ -671,11 +671,11 @@ const getTagText = (state) => {
padding: 0 0.5vw; padding: 0 0.5vw;
.text { .text {
width: 4vw;
width: 5vw;
font-size: 15px; font-size: 15px;
} }
.textB { .textB {
width: 6vw;
width: 7vw;
font-size: 15px; font-size: 15px;
} }

2
src/views/consume/bean/dieHardFan.vue

@ -644,7 +644,7 @@ const getTagText = (state) => {
padding: 0 0.5vw; padding: 0 0.5vw;
.text { .text {
width: 4vw;
width: 5vw;
font-size: 15px; font-size: 15px;
} }

14
src/views/consume/bean/liveStream.vue

@ -512,22 +512,22 @@ const getTagText = (state) => {
<el-option v-for="(item, index) in dept" :key="index" :label="item" :value="item" /> <el-option v-for="(item, index) in dept" :key="index" :label="item" :value="item" />
</el-select> </el-select>
</div> </div>
<div class="selectRow">
<div class="selectRow" style="width: 14vw;">
<el-text class="text">礼物名称</el-text> <el-text class="text">礼物名称</el-text>
<el-select class="selectContent" v-model="beanConsumeLive.gift" placeholder="请选择礼物名称" clearable filterable <el-select class="selectContent" v-model="beanConsumeLive.gift" placeholder="请选择礼物名称" clearable filterable
allow-create default-first-option> allow-create default-first-option>
<el-option v-for="(item, index) in gifts" :key="index" :label="item" :value="item" /> <el-option v-for="(item, index) in gifts" :key="index" :label="item" :value="item" />
</el-select> </el-select>
</div> </div>
<div class="selectRow">
<el-text class="text">频道</el-text>
<div class="selectRow" style="width: 12vw;">
<el-text class="textB" size="large">频道</el-text>
<el-select class="selectContent" v-model="beanConsumeLive.liveChannel" placeholder="请选择频道" clearable <el-select class="selectContent" v-model="beanConsumeLive.liveChannel" placeholder="请选择频道" clearable
filterable allow-create default-first-option> filterable allow-create default-first-option>
<el-option v-for="(item, index) in channels" :key="index" :label="item" :value="item" /> <el-option v-for="(item, index) in channels" :key="index" :label="item" :value="item" />
</el-select> </el-select>
</div> </div>
<div class="selectRow">
<el-text class="text">直播间</el-text>
<div class="selectRow" style="width: 12vw;">
<el-text class="textB" size="large">直播间</el-text>
<el-input class="selectContent" v-model="beanConsumeLive.liveName" placeholder="请输入直播间" clearable /> <el-input class="selectContent" v-model="beanConsumeLive.liveName" placeholder="请输入直播间" clearable />
</div> </div>
</div> </div>
@ -680,14 +680,14 @@ const getTagText = (state) => {
display: flex; display: flex;
.selectRow { .selectRow {
width: 17vw;
width: 14.7vw;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 0 0.5vw; padding: 0 0.5vw;
.text { .text {
width: 4vw;
width: 5vw;
font-size: 15px; font-size: 15px;
} }

12
src/views/consume/gold/coinConsumeDetail.vue

@ -576,12 +576,12 @@ const getMarket = async function () {
</el-select> </el-select>
</div> </div>
<div class="selectRow">
<el-text class="text" size="large">所属地区</el-text>
<el-cascader class="selectContent" v-model="selectedMarketPath" :options="market" placeholder="请选择所属地区"
<div class="selectRow" style="width: 15vw;">
<el-text size="large">所属地区</el-text>
<el-cascader class="selectContent" style="width: 8vw;" v-model="selectedMarketPath" :options="market" placeholder="请选择所属地区"
clearable @change="handleMarketChange" /> clearable @change="handleMarketChange" />
</div>
<div class="selectRow">
</div>
<div class="selectRow" style="width: 15vw;">
<el-text size="large">消耗平台</el-text> <el-text size="large">消耗平台</el-text>
<el-select class="selectContent" v-model="consumeUser.payPlatform" placeholder="请选择消耗平台" clearable> <el-select class="selectContent" v-model="consumeUser.payPlatform" placeholder="请选择消耗平台" clearable>
<el-option v-for="item in consumePlatform" :key="item.id" :label="item.label" :value="item.value" /> <el-option v-for="item in consumePlatform" :key="item.id" :label="item.label" :value="item.value" />
@ -808,7 +808,7 @@ const getMarket = async function () {
padding: 0 0.5vw; padding: 0 0.5vw;
.text { .text {
width: 4vw;
width: 5vw;
font-size: 15px; font-size: 15px;
} }

5
src/views/moneyManage/receiveDetail/receiveDetail.vue

@ -1521,15 +1521,14 @@ onMounted(async function () {
} }
.btnAdd { .btnAdd {
margin-right: 5vw;
padding-left: 50px;
padding-left: 10px;
} }
} }
.table { .table {
margin: 10px 3vw;
margin: 10px;
border-radius: 20px; border-radius: 20px;
.ellipsis-container { .ellipsis-container {

4
src/views/moneyManage/refundDetail/refundCharge.vue

@ -46,9 +46,9 @@
</div> </div>
<div> <div>
<el-button type="primary" @click="getRefund">查询</el-button> <el-button type="primary" @click="getRefund">查询</el-button>
<!-- <el-button type="warning">导出excel</el-button>
<el-button type="primary">查看导出列表</el-button> -->
<el-button type="success" @click="reset">重置</el-button> <el-button type="success" @click="reset">重置</el-button>
<el-button type="warning">导出excel</el-button>
<el-button type="primary">查看导出列表</el-button>
</div> </div>
</div> </div>
</el-card> </el-card>

4
src/views/moneyManage/refundDetail/refundFinance.vue

@ -47,9 +47,9 @@
</div> </div>
<div> <div>
<el-button type="primary" @click="getRefund">查询</el-button> <el-button type="primary" @click="getRefund">查询</el-button>
<!-- <el-button type="warning">导出excel</el-button>
<el-button type="primary">查看导出列表</el-button> -->
<el-button type="success" @click="reset">重置</el-button> <el-button type="success" @click="reset">重置</el-button>
<el-button type="warning">导出excel</el-button>
<el-button type="primary">查看导出列表</el-button>
</div> </div>
</div> </div>
</el-card> </el-card>

4
src/views/moneyManage/refundDetail/refundHeader.vue

@ -46,9 +46,9 @@
</div> </div>
<div> <div>
<el-button type="primary" @click="getRefund">查询</el-button> <el-button type="primary" @click="getRefund">查询</el-button>
<!-- <el-button type="warning">导出excel</el-button>
<el-button type="primary">查看导出列表</el-button> -->
<el-button type="success" @click="reset">重置</el-button> <el-button type="success" @click="reset">重置</el-button>
<el-button type="warning">导出excel</el-button>
<el-button type="primary">查看导出列表</el-button>
</div> </div>
</div> </div>
</el-card> </el-card>

4
src/views/moneyManage/refundDetail/refundService.vue

@ -46,9 +46,9 @@
</div> </div>
<div> <div>
<el-button type="primary" @click="getRefund">查询</el-button> <el-button type="primary" @click="getRefund">查询</el-button>
<!-- <el-button type="warning">导出excel</el-button>
<el-button type="primary">查看导出列表</el-button> -->
<el-button type="success" @click="reset">重置</el-button> <el-button type="success" @click="reset">重置</el-button>
<el-button type="warning">导出excel</el-button>
<el-button type="primary">查看导出列表</el-button>
</div> </div>
</div> </div>
</el-card> </el-card>

4
src/views/recharge/bean/beanOnlineRecharge.vue

@ -362,11 +362,11 @@ onMounted(async function () {
<el-option v-for="item in market" :key="item" :label="item" :value="item" /> <el-option v-for="item in market" :key="item" :label="item" :value="item" />
</el-select> </el-select>
</div> </div>
<div class="selectRow">
<div class="selectRow" style="width: 15vw;">
<el-text class="text" size="large">订单号</el-text> <el-text class="text" size="large">订单号</el-text>
<el-input class="selectContent" v-model="selectData.orderNo" placeholder="请输入订单" clearable /> <el-input class="selectContent" v-model="selectData.orderNo" placeholder="请输入订单" clearable />
</div> </div>
<div class="selectRow">
<div class="selectRow" style="width: 15vw;">
<el-text class="text" size="large">充值平台</el-text> <el-text class="text" size="large">充值平台</el-text>
<el-select class="selectContent" v-model="selectData.platform" placeholder="请选择充值平台" clearable> <el-select class="selectContent" v-model="selectData.platform" placeholder="请选择充值平台" clearable>
<el-option v-for="item in platform" :key="item.value" :label="item.label" :value="item.value" /> <el-option v-for="item in platform" :key="item.value" :label="item.label" :value="item.value" />

4
src/views/recharge/gold/coinRechargeDetail.vue

@ -597,12 +597,12 @@ const getTagText = (state) => {
<el-option v-for="item in activity" :key="item.value" :label="item.label" :value="item.value" /> <el-option v-for="item in activity" :key="item.value" :label="item.label" :value="item.value" />
</el-select> </el-select>
</div> </div>
<div class="selectRow">
<div class="selectRow" style="width: 15vw;">
<el-text class="text" size="large">所属地区</el-text> <el-text class="text" size="large">所属地区</el-text>
<el-cascader class="selectContent" v-model="selectedMarketPath" :options="market" placeholder="请选择所属地区" <el-cascader class="selectContent" v-model="selectedMarketPath" :options="market" placeholder="请选择所属地区"
clearable @change="handleMarketChange" /> clearable @change="handleMarketChange" />
</div> </div>
<div class="selectRow">
<div class="selectRow" style="width: 15vw;">
<el-text class="text" size="large">充值平台</el-text> <el-text class="text" size="large">充值平台</el-text>
<el-select class="selectContent" v-model="rechargeUser.payPlatform" placeholder="请选择充值平台" clearable> <el-select class="selectContent" v-model="rechargeUser.payPlatform" placeholder="请选择充值平台" clearable>
<el-option v-for="item in platform" :key="item.value" :label="item.label" :value="item.value" /> <el-option v-for="item in platform" :key="item.value" :label="item.label" :value="item.value" />

4
src/views/refund/gold/coinRefundDetail.vue

@ -519,7 +519,7 @@ const getMarket = async function () {
<el-cascader class="selectContent" v-model="selectedMarketPath" :options="market" placeholder="请选择所属地区" <el-cascader class="selectContent" v-model="selectedMarketPath" :options="market" placeholder="请选择所属地区"
clearable style="width:10vw" @change="handleMarketChange" /> clearable style="width:10vw" @change="handleMarketChange" />
</div> </div>
<div class="selectRow">
<div class="selectRow" style="width: 12vw;">
<el-text size="large">退款类型</el-text> <el-text size="large">退款类型</el-text>
<el-select class="selectContent" v-model="refundUser.refundType" placeholder="请选择退款类型" style="width: 10vw" <el-select class="selectContent" v-model="refundUser.refundType" placeholder="请选择退款类型" style="width: 10vw"
clearable> clearable>
@ -697,7 +697,7 @@ const getMarket = async function () {
padding: 0 0.5vw; padding: 0 0.5vw;
.text { .text {
width: 4vw;
width: 5vw;
font-size: 15px; font-size: 15px;
} }

6
src/views/usergold/gold/clientCountDetail.vue

@ -481,8 +481,8 @@ const format3 = (num) => {
</el-select> </el-select>
</div> </div>
<div class="selectRow"> <div class="selectRow">
<el-text class="text" size="large">所属地区</el-text>
<el-cascader class="selectContent" v-model="selectedMarketPath" :options="markets" placeholder="请选择所属地区"
<el-text size="large">所属地区</el-text>
<el-cascader class="selectContent" v-model="selectedMarketPath" :options="markets" placeholder="请选择所属地区"
style="width:10vw" clearable @change="handleMarketChange" /> style="width:10vw" clearable @change="handleMarketChange" />
</div> </div>
<div> <div>
@ -688,7 +688,7 @@ const format3 = (num) => {
padding: 0 0.5vw; padding: 0 0.5vw;
.text { .text {
width: 4vw;
width: 5vw;
font-size: 15px; font-size: 15px;
} }

Loading…
Cancel
Save