|
@@ -12,23 +12,23 @@
|
|
|
</div>
|
|
|
<div class="mod2 flex-col"></div>
|
|
|
</div>
|
|
|
- <van-field colon readonly v-model="deviceDetal.clientId" :label="`${$t('device.equipmentCode')}`"
|
|
|
+ <van-field readonly v-model="deviceDetal.clientId" :label="`${$t('device.equipmentCode')}`"
|
|
|
placeholder="" />
|
|
|
<div class="cust_vantBorder">
|
|
|
- <van-field colon required clearable v-model="deviceDetal.name" name="name"
|
|
|
+ <van-field required clearable v-model="deviceDetal.name" name="name"
|
|
|
:label="`${$t('device.equipmentNameLabel')}`" :placeholder="$t('device.equipmentNamePlaceholder')" :rules="[
|
|
|
{
|
|
|
required: true,
|
|
|
message: $t('device.equipmentNamePlaceholder'),
|
|
|
},
|
|
|
]" />
|
|
|
- <van-field colon clearable v-model="deviceDetal.selfName" :label="`${$t('device.equipmentRemarksLabel')}`"
|
|
|
+ <van-field clearable v-model="deviceDetal.selfName" :label="`${$t('device.equipmentRemarksLabel')}`"
|
|
|
:placeholder="$t('device.equipmentRemarksPlaceholder')" />
|
|
|
+ <div></div>
|
|
|
</div>
|
|
|
- <van-field colon readonly v-model="deviceDetal.adminUserName" :label="`${$t('device.affiliatedMerchant')}`"
|
|
|
- placeholder="" />
|
|
|
+ <van-field readonly v-model="deviceDetal.adminUserName" :label="`${$t('device.affiliatedMerchant')}`" />
|
|
|
<!-- 地区 -->
|
|
|
- <div v-if="areaShow" class="bd7 l-flex-between">
|
|
|
+ <!-- <div v-if="areaShow" class="bd7 l-flex-between">
|
|
|
<div class="l-flex-RC">
|
|
|
<div class="cust_vantBorder">
|
|
|
<div class="filedInpPad">
|
|
@@ -57,16 +57,16 @@
|
|
|
<van-icon @click="areaShow = !areaShow" size="20" name="edit" />
|
|
|
</template>
|
|
|
</van-field>
|
|
|
- </div>
|
|
|
- <van-field colon readonly v-model="deviceDetal.equimentType" :label="`${$t('device.machineType')}`"
|
|
|
+ </div> -->
|
|
|
+ <van-field readonly v-model="deviceDetal.equimentType" :label="`${$t('device.machineType')}`"
|
|
|
placeholder="" />
|
|
|
<!-- mg280才有到期时间 -->
|
|
|
<template v-if="deviceDetal?.equimentType?.indexOf('mg280') !== -1">
|
|
|
- <van-field colon readonly v-model="deviceDetal.lastUseDate" :label="`${$t('device.expirationTime')}`"
|
|
|
+ <van-field readonly v-model="deviceDetal.lastUseDate" :label="`${$t('device.expirationTime')}`"
|
|
|
placeholder="" />
|
|
|
</template>
|
|
|
<div class="bd9 l-f">
|
|
|
- <van-field colon readonly :label="`${$t('device.equipmentLabel')}`" placeholder="">
|
|
|
+ <van-field readonly :label="`${$t('device.equipmentLabel')}`" placeholder="">
|
|
|
<template #input>
|
|
|
<div class="box2 l-flex-RC l-flex-w" v-if="tagsList.arr.length > 0">
|
|
|
<div class="word8 o-mr-6 o-p-6 c-radius-2 o-mb-10" v-for="(item, index) in tagsList.arr" :key="index">
|
|
@@ -86,11 +86,12 @@
|
|
|
</template>
|
|
|
</van-field>
|
|
|
</div>
|
|
|
+ <div class="custom-line"></div>
|
|
|
<div v-if="isAdmind" class="bd9 l-f">
|
|
|
- <van-field colon readonly :label="`${$t('device.adRule')}`" placeholder="">
|
|
|
+ <van-field readonly :label="`${$t('device.adRule')}`" placeholder="">
|
|
|
<template #input>
|
|
|
<div class="box2 l-flex-RC l-flex-w" v-if="adRuleList.length > 0">
|
|
|
- <div class="word8 o-mr-6 o-p-6 c-radius-2 o-mb-10" v-for="(item, index) in adRuleList" :key="index">
|
|
|
+ <div class="word8 o-mr-6 o-p-6 c-radius-2 o-mb-5" v-for="(item, index) in adRuleList" :key="index">
|
|
|
{{ item.name }}
|
|
|
</div>
|
|
|
</div>
|
|
@@ -106,26 +107,28 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
</van-field>
|
|
|
+ <div class="custom-line"></div>
|
|
|
</div>
|
|
|
- <!-- 优惠码功能开关 -->
|
|
|
- <!-- <van-field colon readonly :label="`${$t('device.coupon')}`" placeholder="" v-if="user.type < 2 && user.ifForeign === '0' ">
|
|
|
+ <!-- 优惠券 -->
|
|
|
+ <!-- <van-field readonly :label="`${$t('device.coupon')}`" placeholder=""
|
|
|
+ v-if="user.type < 2 && user.ifForeign === '0'">
|
|
|
<template #input>
|
|
|
<div class="l-flex-RC">
|
|
|
<span>{{ couponStatusNameComp }}</span>
|
|
|
- <van-switch @change="couponStatusChg" v-model="deviceDetal.couponStatus" size="23px" active-value="1"
|
|
|
- inactive-value="0" />
|
|
|
+ <van-switch class="o-ml-5" @change="couponStatusChg" v-model="deviceDetal.couponStatus" size="23px"
|
|
|
+ active-value="1" inactive-value="0" />
|
|
|
</div>
|
|
|
</template>
|
|
|
</van-field> -->
|
|
|
<div class="cust_vantBorder">
|
|
|
- <van-field colon required clearable v-model="deviceDetal.operationalName" name="operationalName"
|
|
|
+ <van-field required clearable v-model="deviceDetal.operationalName" name="operationalName"
|
|
|
:label="`${$t('device.nameOfOperatorLabel')}`" :placeholder="$t('device.nameOfOperatorPlaceholder')" :rules="[
|
|
|
{
|
|
|
required: true,
|
|
|
message: $t('device.nameOfOperatorPlaceholder'),
|
|
|
},
|
|
|
]" />
|
|
|
- <van-field colon required clearable v-model="deviceDetal.operationalPhone" name="operationalPhone"
|
|
|
+ <van-field required clearable v-model="deviceDetal.operationalPhone" name="operationalPhone"
|
|
|
:label="`${$t('device.operatorTelephoneLabel')}`" :placeholder="$t('device.operatorTelephonePlaceholder')"
|
|
|
:rules="[
|
|
|
{
|
|
@@ -134,25 +137,29 @@
|
|
|
},
|
|
|
]" />
|
|
|
|
|
|
- <van-field clearable v-model="deviceDetal.timeRuleId" :label="`${$t('device.advertisingRulesLabel')}:`"
|
|
|
- :placeholder="$t('device.advertisingRulesPlaceholder')" />
|
|
|
+ <!-- <van-field clearable v-model="deviceDetal.timeRuleId" :label="`${$t('device.advertisingRulesLabel')}:`"
|
|
|
+ :placeholder="$t('device.advertisingRulesPlaceholder')" /> -->
|
|
|
</div>
|
|
|
+ <div class="custom-line"></div>
|
|
|
<div class="cust_vantBorder">
|
|
|
<van-field clearable label-width="32%" v-model="deviceDetal.messageReceiver1"
|
|
|
- :label="`${$t('device.messageReceiver1')}:`"
|
|
|
+ :label="`${$t('device.messageReceiver1')}`"
|
|
|
:placeholder="$t('device.equipmentmessageReceiverPlaceholder')" />
|
|
|
- </div>
|
|
|
- <div class="cust_vantBorder">
|
|
|
<van-field clearable label-width="32%" v-model="deviceDetal.messageReceiver2"
|
|
|
- :label="`${$t('device.messageReceiver2')}:`"
|
|
|
+ :label="`${$t('device.messageReceiver2')}`"
|
|
|
:placeholder="$t('device.equipmentmessageReceiverPlaceholder')" />
|
|
|
- </div>
|
|
|
- <div class="cust_vantBorder">
|
|
|
<van-field clearable label-width="32%" v-model="deviceDetal.messageReceiver3"
|
|
|
- :label="`${$t('device.messageReceiver3')}:`"
|
|
|
+ :label="`${$t('device.messageReceiver3')}`"
|
|
|
:placeholder="$t('device.equipmentmessageReceiverPlaceholder')" />
|
|
|
</div>
|
|
|
- <van-field colon readonly label-width="18%" :label="`${$t('device.paymentMethod')}`" placeholder="">
|
|
|
+ <div class="custom-line"></div>
|
|
|
+ <!-- <div class="cust_vantBorder">
|
|
|
+ </div>
|
|
|
+ <div class="cust_vantBorder">
|
|
|
+ </div> -->
|
|
|
+ <!-- 支付方式 -->
|
|
|
+ <!-- <van-field v-if="user.ifForeign == '0'" colon readonly label-width="18%" :label="`${$t('device.paymentMethod')}`"
|
|
|
+ placeholder="">
|
|
|
<template #input>
|
|
|
<div class="van-cell__value van-field__value radioBox">
|
|
|
<van-radio-group v-model="deviceDetal.payType" direction="horizontal">
|
|
@@ -168,17 +175,22 @@
|
|
|
</van-radio-group>
|
|
|
</div>
|
|
|
</template>
|
|
|
- </van-field>
|
|
|
+ </van-field> -->
|
|
|
+ <!-- 新支付方式,暂时没用屏蔽掉,后续再添加 -->
|
|
|
+ <!-- <van-field v-model="paymentValue" is-link readonly :label="`${$t('device.paymentMethod')}`" placeholder="选择支付方式" @click="showPayment = true" />
|
|
|
+ <van-popup v-model:show="showPayment" round position="bottom">
|
|
|
+ <van-picker :columns="paymentColumns" @cancel="showPayment = false" @confirm="onConfirm" />
|
|
|
+ </van-popup> -->
|
|
|
<!-- 通信通道 -->
|
|
|
<template v-if="isAdmind">
|
|
|
- <van-field colon readonly :label="`${$t('device.communiChannel')}`" placeholder="">
|
|
|
+ <van-field readonly :label="`${$t('device.communiChannel')}`" placeholder="">
|
|
|
<template #input>
|
|
|
<div class="van-cell__value van-field__value radioBox">
|
|
|
<van-radio-group v-model="deviceDetal.channel" direction="horizontal">
|
|
|
- <van-radio name="1" icon-size="18px">{{
|
|
|
+ <van-radio name="1" icon-size="16px">{{
|
|
|
$t("device.tweets")
|
|
|
}}</van-radio>
|
|
|
- <van-radio name="2" icon-size="18px">{{
|
|
|
+ <van-radio name="2" icon-size="16px">{{
|
|
|
$t("device.mq")
|
|
|
}}</van-radio>
|
|
|
</van-radio-group>
|
|
@@ -188,28 +200,28 @@
|
|
|
</template>
|
|
|
<!-- 花型种类 -->
|
|
|
<template v-if="isAdmind && machineType === '0'">
|
|
|
- <van-field colon readonly :label="`${$t('device.flowerType')}`" placeholder="">
|
|
|
+ <van-field readonly :label="`${$t('device.flowerType')}`" placeholder="">
|
|
|
<template #input>
|
|
|
<div class="van-cell__value van-field__value radioBox">
|
|
|
<van-radio-group v-model="deviceDetal.flowers" direction="horizontal">
|
|
|
- <van-radio name="18" icon-size="18px">18</van-radio>
|
|
|
- <van-radio name="22" icon-size="18px">22</van-radio>
|
|
|
- <van-radio name="26" icon-size="18px">26</van-radio>
|
|
|
- <van-radio name="30" icon-size="18px">30</van-radio>
|
|
|
- <van-radio name="42" icon-size="18px">42</van-radio>
|
|
|
+ <van-radio name="18" icon-size="16px">18</van-radio>
|
|
|
+ <van-radio name="22" icon-size="16px">22</van-radio>
|
|
|
+ <van-radio name="26" icon-size="16px">26</van-radio>
|
|
|
+ <van-radio name="30" icon-size="16px">30</van-radio>
|
|
|
+ <van-radio name="42" icon-size="16px">42</van-radio>
|
|
|
</van-radio-group>
|
|
|
</div>
|
|
|
</template>
|
|
|
</van-field>
|
|
|
</template>
|
|
|
<!-- 版本号 -->
|
|
|
- <van-field colon readonly v-model="deviceDetal.apkVersion" :label="`${$t('device.versionNo')}`" placeholder="" />
|
|
|
+ <van-field readonly v-model="deviceDetal.apkVersion" :label="`${$t('device.versionNo')}`" placeholder="" />
|
|
|
<!-- url -->
|
|
|
<div v-if="isAdmind" class="cust_vantBorder">
|
|
|
- <van-field colon clearable class="input1" v-model="deviceDetal.url" :label="$t('device.url')"
|
|
|
+ <van-field center clearable class="input1" v-model="deviceDetal.url" :label="$t('device.url')"
|
|
|
:placeholder="$t('device.urlPlace')">
|
|
|
<template #button>
|
|
|
- <van-button @click="updateUrlClk" type="primary"> {{ $t("device.update")
|
|
|
+ <van-button class="updateBtn" @click="updateUrlClk" type="primary"> {{ $t("device.update")
|
|
|
}} </van-button>
|
|
|
</template>
|
|
|
</van-field>
|
|
@@ -218,7 +230,6 @@
|
|
|
<van-button round type="primary" class="info7" native-type="submit">{{
|
|
|
$t("device.submitAndPushDeviceUpdates") }}</van-button>
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
</van-form>
|
|
|
<!-- 地区弹窗 -->
|
|
@@ -311,6 +322,16 @@ export default {
|
|
|
const isAdmind = ref(false);
|
|
|
// 设备类型
|
|
|
const machineType = ref('0');
|
|
|
+
|
|
|
+ const paymentColumns = [t("device.onlinePayment"), t("device.offlinePayment"), t("device.onlineAndOfflinePayment")];
|
|
|
+ const paymentValue = ref('');
|
|
|
+ const showPayment = ref(false);
|
|
|
+ const onConfirm = (value, index) => {
|
|
|
+ paymentValue.value = value;
|
|
|
+ deviceDetal.value.payType = index;
|
|
|
+ console.log(deviceDetal.value.payType);
|
|
|
+ showPayment.value = false;
|
|
|
+ };
|
|
|
// 初始化页面获取列表
|
|
|
onMounted(async () => {
|
|
|
// 加载样式
|
|
@@ -330,7 +351,7 @@ export default {
|
|
|
const getLabelDetail = () => {
|
|
|
Api_getGetEquipmentToLabel({ equipmentId: route.query.deviceId }).then(
|
|
|
(res) => {
|
|
|
- console.log("res", res);
|
|
|
+ // console.log("res", res);
|
|
|
if (res.data.code === "00000") {
|
|
|
tagsList.arr = res.data.data;
|
|
|
// 储存数据到vuex
|
|
@@ -376,7 +397,7 @@ export default {
|
|
|
const getDetail = (id) => {
|
|
|
Api_getAdRuleDetail({ id }).then((res) => {
|
|
|
const resData = res.data.data;
|
|
|
- console.log("resData", resData);
|
|
|
+ // console.log("resData", resData);
|
|
|
adRuleList.value = [{ name: resData.name, id: resData.id }];
|
|
|
});
|
|
|
};
|
|
@@ -398,9 +419,11 @@ export default {
|
|
|
channel: item.channel,
|
|
|
messageReceiver1: item.messageReceiver1,
|
|
|
messageReceiver2: item.messageReceiver2,
|
|
|
- messageReceiver3: item.messageReceiver3
|
|
|
+ messageReceiver3: item.messageReceiver3,
|
|
|
+ payType: item.payType
|
|
|
};
|
|
|
})[0];
|
|
|
+ console.log(params);
|
|
|
const { data } = await updateDevice(params);
|
|
|
if (data.code === "00000") {
|
|
|
Toast.success(t("device.modificationSucceeded"));
|
|
@@ -506,10 +529,23 @@ export default {
|
|
|
adRuleList,
|
|
|
machineType,
|
|
|
user,
|
|
|
+ paymentValue,
|
|
|
+ paymentColumns,
|
|
|
+ onConfirm,
|
|
|
+ showPayment,
|
|
|
};
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
|
@import "../../common/style/common";
|
|
|
+@import "../../styles/deviceSet/index.less";
|
|
|
+
|
|
|
+.custom-line {
|
|
|
+ height: 1px;
|
|
|
+ background-color: #ebedf0;
|
|
|
+ /* 设置线条颜色 */
|
|
|
+ // margin-bottom: 10px; /* 根据需要调整线条与上方内容的间距 */
|
|
|
+ margin: 0 15px;
|
|
|
+}
|
|
|
</style>
|