1706 lines
55 KiB
Vue
1706 lines
55 KiB
Vue
|
<!--
|
||
|
|
* @Descripttion:
|
||
|
|
* @version:
|
||
|
|
* @Author: kBank
|
||
|
|
* @Date: 2022-10-26 17:12:12
|
||
|
|
-->
|
||
|
|
<template>
|
||
|
|
<div class="page">
|
||
|
|
<div class="topbox">
|
||
|
|
<div class="levelList_i"
|
||
|
|
:class="tabActive == item.id ? 'act' : ''"
|
||
|
|
v-for="(item, index) in topList"
|
||
|
|
:key="index"
|
||
|
|
@click.prevent="handleLink(item.id)">
|
||
|
|
{{ item.name }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="main">
|
||
|
|
<div class="contain"
|
||
|
|
ref="box">
|
||
|
|
<div v-show="tabActive == 0">
|
||
|
|
<el-form ref="form"
|
||
|
|
:model="form"
|
||
|
|
:rules="rules"
|
||
|
|
style="width:1200px"
|
||
|
|
label-width="100px">
|
||
|
|
<el-row :gutter="40">
|
||
|
|
<el-col :span="16">
|
||
|
|
<el-form-item :label="$t('w_0078')"
|
||
|
|
prop="waresName">
|
||
|
|
<el-input clearable
|
||
|
|
:disabled="methods==0"
|
||
|
|
maxlength="100"
|
||
|
|
v-model="form.waresName"
|
||
|
|
:placeholder="$t('S_C_70')"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('MN_F_T_1152')"
|
||
|
|
prop="waresCode">
|
||
|
|
<el-input v-model="form.waresCode"
|
||
|
|
:placeholder="$t('S_C_70')"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="16">
|
||
|
|
<el-form-item :label="$t('MN_F_T_1153')"
|
||
|
|
prop="sellingPoints">
|
||
|
|
<el-input clearable
|
||
|
|
:disabled="methods==0"
|
||
|
|
v-model="form.sellingPoints"
|
||
|
|
:placeholder="$t('S_C_70')"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('MN_F_T_451')"
|
||
|
|
prop="sales">
|
||
|
|
<el-input clearable
|
||
|
|
:disabled="methods==0"
|
||
|
|
oninput="value=value.replace(/[^\d]/g,'')"
|
||
|
|
v-model="form.sales"
|
||
|
|
:placeholder="$t('S_C_70')"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('MN_F_T_1042')"
|
||
|
|
prop="waresPrice">
|
||
|
|
<el-input clearable
|
||
|
|
:disabled="methods==0"
|
||
|
|
v-model="form.waresPrice"
|
||
|
|
:placeholder="$t('S_C_70')"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('w_0080')+`(${isLocals()})`"
|
||
|
|
prop="waresAchieve">
|
||
|
|
<el-input clearable
|
||
|
|
:disabled="methods==0"
|
||
|
|
v-model="form.waresAchieve"
|
||
|
|
:placeholder="$t('S_C_70')"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<!-- <el-col :span="8">
|
||
|
|
<el-form-item :label="$t('MN_F_T_1136')"
|
||
|
|
prop="sort">
|
||
|
|
<el-input clearable
|
||
|
|
:disabled="methods==0"
|
||
|
|
oninput="value = value.replace(/[^\d]/g,'')"
|
||
|
|
v-model="form.sort"
|
||
|
|
:placeholder="$t('S_C_70')"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col> -->
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('MN_F_T_612')"
|
||
|
|
prop="specialArea">
|
||
|
|
<el-select clearable
|
||
|
|
:disabled="methods==0"
|
||
|
|
@change="selSpecial"
|
||
|
|
v-model="form.specialArea">
|
||
|
|
<el-option v-for="item in areaList"
|
||
|
|
:key="item.value"
|
||
|
|
:label="item.label"
|
||
|
|
:value="item.value"></el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('MN_F_T_61')"
|
||
|
|
prop="pkAreaClassifys">
|
||
|
|
<!-- <el-select clearable v-model="form.pkAreaClassify">
|
||
|
|
<el-option v-for="item in agreeList"
|
||
|
|
:key="item.val"
|
||
|
|
:label="item.text"
|
||
|
|
:value="item.val"></el-option>
|
||
|
|
</el-select> -->
|
||
|
|
<el-cascader @change="flChange"
|
||
|
|
:disabled="methods==0"
|
||
|
|
:show-all-levels="false"
|
||
|
|
v-model="form.pkAreaClassifys"
|
||
|
|
:options="hierarchyList"></el-cascader>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('MN_F_T_622')"
|
||
|
|
prop="isPutOn">
|
||
|
|
<el-select clearable
|
||
|
|
:disabled="methods==0"
|
||
|
|
v-model="form.isPutOn">
|
||
|
|
<el-option v-for="item in agreeList"
|
||
|
|
:key="item.val"
|
||
|
|
:label="item.text"
|
||
|
|
:value="item.val"></el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('MN_F_T_253')"
|
||
|
|
prop="preSaleStatus">
|
||
|
|
<el-select clearable
|
||
|
|
:disabled="methods==0"
|
||
|
|
v-model="form.preSaleStatus">
|
||
|
|
<el-option v-for="item in presaleList"
|
||
|
|
:key="item.value"
|
||
|
|
:label="item.label"
|
||
|
|
:value="item.value"></el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('MN_F_T_250')"
|
||
|
|
prop="operateScope">
|
||
|
|
<el-select clearable
|
||
|
|
:disabled="methods==0"
|
||
|
|
v-model="form.operateScope">
|
||
|
|
<el-option v-for="item in gyList"
|
||
|
|
:key="item.value"
|
||
|
|
:label="item.label"
|
||
|
|
:value="item.value"></el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('MN_F_T_1154')"
|
||
|
|
prop="isSale">
|
||
|
|
<el-select clearable
|
||
|
|
:disabled="methods==0"
|
||
|
|
v-model="form.isSale">
|
||
|
|
<el-option v-for="item in xsList"
|
||
|
|
:key="item.val"
|
||
|
|
:label="item.text"
|
||
|
|
:value="item.val"></el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('MN_F_T_1044')"
|
||
|
|
prop="isSingle">
|
||
|
|
<el-select clearable
|
||
|
|
:disabled="methods==0"
|
||
|
|
v-model="form.isSingle">
|
||
|
|
<el-option v-for="item in tcList"
|
||
|
|
:key="item.val"
|
||
|
|
:label="item.text"
|
||
|
|
:value="item.val"></el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('MN_F_T_1155')">
|
||
|
|
<el-select clearable
|
||
|
|
:disabled="methods==0"
|
||
|
|
v-model="form.isRecommend">
|
||
|
|
<el-option v-for="item in isTj"
|
||
|
|
:key="item.value"
|
||
|
|
:label="item.label"
|
||
|
|
:value="item.value"></el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('ENU_TAG_TYPE_1')">
|
||
|
|
<el-select clearable
|
||
|
|
:disabled="methods==0"
|
||
|
|
v-model="form.pkPrefixLabel">
|
||
|
|
<el-option v-for="item in qzList"
|
||
|
|
:key="item.pkId"
|
||
|
|
:label="item.label"
|
||
|
|
:value="item.pkId"></el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('ENU_TAG_TYPE_2')">
|
||
|
|
<el-select clearable
|
||
|
|
:disabled="methods==0"
|
||
|
|
v-model="form.pkCoolLabel">
|
||
|
|
<el-option v-for="item in kxList"
|
||
|
|
:key="item.pkId"
|
||
|
|
:label="item.label"
|
||
|
|
:value="item.pkId"></el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('w_1032')
|
||
|
|
">
|
||
|
|
<el-select clearable
|
||
|
|
v-model="form.isMakerGift">
|
||
|
|
<el-option v-for="item in waresTypeList"
|
||
|
|
:key="item.value"
|
||
|
|
:label="item.label"
|
||
|
|
:value="item.value"></el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item label="支付比例">
|
||
|
|
<el-select clearable
|
||
|
|
v-model="form.pkSpecialCurrency">
|
||
|
|
<el-option v-for="item in specialCurrency"
|
||
|
|
:key="item.pkId"
|
||
|
|
:label="item.tempName"
|
||
|
|
:value="item.pkId"></el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item label="是否预售">
|
||
|
|
<el-select clearable
|
||
|
|
v-model="form.isPreSale">
|
||
|
|
<el-option v-for="item in agreeList"
|
||
|
|
:key="item.val"
|
||
|
|
:label="item.text"
|
||
|
|
:value="item.val"></el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item label="预售数量">
|
||
|
|
<el-input clearable
|
||
|
|
v-model="form.preSaleQuantity"
|
||
|
|
:placeholder="$t('S_C_70')"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item label="商品排序" prop="sortStatus">
|
||
|
|
<el-select clearable
|
||
|
|
v-model="form.sortStatus">
|
||
|
|
<el-option v-for="item in sortList"
|
||
|
|
:key="item.value"
|
||
|
|
:label="item.label"
|
||
|
|
:value="item.value"></el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8" v-show="form.specialArea == 3">
|
||
|
|
<el-form-item label="发起人收益">
|
||
|
|
<el-input clearable
|
||
|
|
v-model="form.makerIncome"
|
||
|
|
:placeholder="$t('S_C_70')"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="24">
|
||
|
|
<el-form-item :label="$t('ENU_TAG_TYPE_3')">
|
||
|
|
<el-checkbox-group v-model="form.pkGuaranteeLabel"
|
||
|
|
:disabled="methods==0">
|
||
|
|
<el-checkbox v-for="item,index in bzList"
|
||
|
|
:key="item.pkId"
|
||
|
|
:label="item.pkId">{{item.label}}</el-checkbox>
|
||
|
|
</el-checkbox-group>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('ENU_TAG_TYPE_4')">
|
||
|
|
<el-select clearable
|
||
|
|
:disabled="methods==0"
|
||
|
|
multiple
|
||
|
|
v-model="form.pkSellingPoint">
|
||
|
|
<el-option v-for="item in mdList"
|
||
|
|
@change="mdChange"
|
||
|
|
:key="item.pkId"
|
||
|
|
:label="item.label"
|
||
|
|
:value="item.pkId"></el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('MN_F_T_1156')">
|
||
|
|
<el-select clearable
|
||
|
|
:disabled="methods==0"
|
||
|
|
v-model="form.pkAgreement">
|
||
|
|
<el-option v-for="item in agreementList"
|
||
|
|
:key="item.pkId"
|
||
|
|
:label="item.title"
|
||
|
|
:value="item.pkId"></el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('MN_F_T_664')"
|
||
|
|
prop="isFreeMail">
|
||
|
|
<el-select clearable
|
||
|
|
:disabled="methods==0"
|
||
|
|
v-model="form.isFreeMail">
|
||
|
|
<el-option v-for="item in postList"
|
||
|
|
:key="item.val"
|
||
|
|
:label="item.text"
|
||
|
|
:value="item.val"></el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
<div v-show="form.isFreeMail == 1"
|
||
|
|
class="baoyou">
|
||
|
|
<el-checkbox-group v-model="form.checkList"
|
||
|
|
@change="getTrans"
|
||
|
|
:disabled="methods==0">
|
||
|
|
<el-checkbox v-for="item,index in transportTypeList"
|
||
|
|
:key="item.value"
|
||
|
|
:label="item.value">
|
||
|
|
<div>{{item.label}}</div>
|
||
|
|
<el-select clearable
|
||
|
|
:disabled="methods==0"
|
||
|
|
v-show="item.value == 1"
|
||
|
|
v-model="form.pkLandPostage">
|
||
|
|
<el-option v-for="item in postMoneyList1"
|
||
|
|
:key="item.pkId"
|
||
|
|
:label="item.tempName"
|
||
|
|
:value="item.pkId"></el-option>
|
||
|
|
</el-select>
|
||
|
|
<el-select clearable
|
||
|
|
:disabled="methods==0"
|
||
|
|
v-show="item.value == 2"
|
||
|
|
v-model="form.pkAirPostage">
|
||
|
|
<el-option v-for="item in postMoneyList2"
|
||
|
|
:key="item.pkId"
|
||
|
|
:label="item.tempName"
|
||
|
|
:value="item.pkId"></el-option>
|
||
|
|
</el-select>
|
||
|
|
<el-select clearable
|
||
|
|
:disabled="methods==0"
|
||
|
|
v-show="item.value == 3"
|
||
|
|
v-model="form.pkOceanPostage">
|
||
|
|
<el-option v-for="item in postMoneyList3"
|
||
|
|
:key="item.pkId"
|
||
|
|
:label="item.tempName"
|
||
|
|
:value="item.pkId"></el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-checkbox>
|
||
|
|
</el-checkbox-group>
|
||
|
|
</div>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
<el-row :gutter="40">
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('w_0434')">
|
||
|
|
<el-date-picker :disabled="methods==0"
|
||
|
|
v-model="form.putOnTime"
|
||
|
|
type="datetime"
|
||
|
|
:placeholder="$t('CK_KS_38')">
|
||
|
|
</el-date-picker>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('w_0435')">
|
||
|
|
<el-date-picker :disabled="methods==0"
|
||
|
|
v-model="form.putOffTime"
|
||
|
|
type="datetime"
|
||
|
|
:placeholder="$t('CK_KS_38')">
|
||
|
|
</el-date-picker>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('MN_F_T_1159')">
|
||
|
|
<el-date-picker :disabled="methods==0"
|
||
|
|
v-model="form.arrivalTime"
|
||
|
|
type="datetime"
|
||
|
|
:placeholder="$t('CK_KS_38')">
|
||
|
|
</el-date-picker>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="24">
|
||
|
|
<el-form-item :label="$t('MN_F_T_1160')">
|
||
|
|
<el-input clearable
|
||
|
|
:disabled="methods==0"
|
||
|
|
v-model="form.warnMessage"
|
||
|
|
:placeholder="$t('S_C_70')"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
<el-row>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item label="商品视频"
|
||
|
|
prop="videoUrl">
|
||
|
|
<!-- <el-input clearable v-model="form.name"
|
||
|
|
:placeholder="$t('S_C_70')"></el-input> -->
|
||
|
|
<!-- <UpDataImg :maxLength="1"
|
||
|
|
ref="upImg1"
|
||
|
|
@getImg="getImg1"
|
||
|
|
@delImg="delImg1"></UpDataImg> -->
|
||
|
|
<imageUpload v-model="form.videoUrl"
|
||
|
|
:isVideo="true" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item label="视频主图"
|
||
|
|
prop="cover">
|
||
|
|
<!-- <el-input clearable v-model="form.name"
|
||
|
|
:placeholder="$t('S_C_70')"></el-input> -->
|
||
|
|
<!-- <UpDataImg :maxLength="1"
|
||
|
|
ref="upImg2"
|
||
|
|
@getImg="getImg2"
|
||
|
|
@delImg="delImg2"></UpDataImg> -->
|
||
|
|
<imageUpload v-model="form.cover" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
<el-row>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('MN_F_T_351')"
|
||
|
|
prop="cover1">
|
||
|
|
<!-- <el-input clearable v-model="form.name"
|
||
|
|
:placeholder="$t('S_C_70')"></el-input> -->
|
||
|
|
<!-- <UpDataImg :maxLength="1"
|
||
|
|
ref="upImg3"
|
||
|
|
@getImg="getImg3"
|
||
|
|
@delImg="delImg3"></UpDataImg> -->
|
||
|
|
<imageUpload v-model="form.cover1" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('MN_F_T_351')"
|
||
|
|
prop="cover2">
|
||
|
|
<!-- <el-input clearable v-model="form.name"
|
||
|
|
:placeholder="$t('S_C_70')"></el-input> -->
|
||
|
|
<!-- <UpDataImg :maxLength="1"
|
||
|
|
ref="upImg4"
|
||
|
|
@getImg="getImg4"
|
||
|
|
@delImg="delImg4"></UpDataImg> -->
|
||
|
|
<imageUpload v-model="form.cover2" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('MN_F_T_351')"
|
||
|
|
prop="cover3">
|
||
|
|
<!-- <el-input clearable v-model="form.name"
|
||
|
|
:placeholder="$t('S_C_70')"></el-input> -->
|
||
|
|
<!-- <UpDataImg :maxLength="1"
|
||
|
|
ref="upImg5"
|
||
|
|
@getImg="getImg5"
|
||
|
|
@delImg="delImg5"></UpDataImg> -->
|
||
|
|
<imageUpload v-model="form.cover3" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
<el-row>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('MN_F_T_351')"
|
||
|
|
prop="cover4">
|
||
|
|
<!-- <el-input clearable v-model="form.name"
|
||
|
|
:placeholder="$t('S_C_70')"></el-input> -->
|
||
|
|
<!-- <UpDataImg :maxLength="1"
|
||
|
|
ref="upImg6"
|
||
|
|
@getImg="getImg6"
|
||
|
|
@delImg="delImg6"></UpDataImg> -->
|
||
|
|
<imageUpload v-model="form.cover4" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('MN_F_T_351')">
|
||
|
|
<!-- <el-input clearable v-model="form.name"
|
||
|
|
:placeholder="$t('S_C_70')"></el-input> -->
|
||
|
|
<!-- <UpDataImg :maxLength="1"
|
||
|
|
ref="upImg7"
|
||
|
|
@getImg="getImg7"
|
||
|
|
@delImg="delImg7"></UpDataImg> -->
|
||
|
|
<imageUpload v-model="form.cover5" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item :label="$t('MN_F_T_351')">
|
||
|
|
<!-- <el-input clearable v-model="form.name"
|
||
|
|
:placeholder="$t('S_C_70')"></el-input> -->
|
||
|
|
<!-- <UpDataImg :maxLength="1"
|
||
|
|
ref="upImg8"
|
||
|
|
@getImg="getImg8"
|
||
|
|
@delImg="delImg8"></UpDataImg> -->
|
||
|
|
<imageUpload v-model="form.cover6" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
<el-row>
|
||
|
|
<el-col :span="24">
|
||
|
|
<el-form-item :label="$t('w_0115')"
|
||
|
|
prop="details">
|
||
|
|
<editor ref="sptwEditor1"
|
||
|
|
:readOnly="methods==0"
|
||
|
|
v-model="form.details"
|
||
|
|
:min-height="196"
|
||
|
|
:uploadUrl="uploadImgUrl" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<!-- <el-col :span="24">
|
||
|
|
<el-form-item label="规格与包装">
|
||
|
|
<el-row v-for="item,index in form.waresSpecsPackList"
|
||
|
|
:key="index">
|
||
|
|
<el-col :span="10"
|
||
|
|
style="margin-right:20px">
|
||
|
|
<el-input clearable v-model="item.key"
|
||
|
|
placeholder="规格名称"></el-input>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="10"
|
||
|
|
style="margin-right:10px">
|
||
|
|
<el-input clearable v-model="item.value"
|
||
|
|
placeholder="规格内容"></el-input>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="2"
|
||
|
|
v-if="index == form.waresSpecsPackList.length-1">
|
||
|
|
<i class="el-icon-circle-plus-outline addIcon"
|
||
|
|
@click="addGg"></i>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="2"
|
||
|
|
v-if="index != form.waresSpecsPackList.length-1">
|
||
|
|
<i class="el-icon-remove-outline addIcon"
|
||
|
|
@click="removeGg(index)"></i>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col> -->
|
||
|
|
|
||
|
|
<el-col :span="24">
|
||
|
|
<el-form-item :label="$t('w_0125')"
|
||
|
|
prop="afterGuarantee">
|
||
|
|
<editor ref="sptwEditor3"
|
||
|
|
:readOnly="methods==0"
|
||
|
|
v-model="form.afterGuarantee"
|
||
|
|
:min-height="196"
|
||
|
|
:uploadUrl="uploadImgUrl" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
</el-form>
|
||
|
|
</div>
|
||
|
|
<!-- 产品明细 -->
|
||
|
|
<!-- <div v-show="tabActive==1"> -->
|
||
|
|
<Cpmx ref="cpmxed"
|
||
|
|
v-show="tabActive == 1"
|
||
|
|
:methods="methods"
|
||
|
|
:tableDataEd.sync="waresDetailList"
|
||
|
|
@getTableList="getTableList"></Cpmx>
|
||
|
|
<!-- </div> -->
|
||
|
|
<!-- 规格明细 -->
|
||
|
|
<div v-show="tabActive == 2">
|
||
|
|
<Ggmx ref="ggmxed"
|
||
|
|
:methods="methods"
|
||
|
|
:specialArea="form.specialArea"
|
||
|
|
:waresSpecsSkuList.sync="waresSpecsSkuList"
|
||
|
|
@getGoodList="getGoodList"></Ggmx>
|
||
|
|
</div>
|
||
|
|
<!-- 团队配置 -->
|
||
|
|
<div v-show="tabActive == 3"
|
||
|
|
class="teamPz">
|
||
|
|
<div class="tit">{{ $t('MN_F_T_1163') }}</div>
|
||
|
|
<div class="xian"></div>
|
||
|
|
<el-form ref="team"
|
||
|
|
:model="form"
|
||
|
|
style="width:1200px;padding: 0 20px;"
|
||
|
|
label-width="100px">
|
||
|
|
<el-row :gutter="20"
|
||
|
|
v-for="item,index in form.waresAuthorityList"
|
||
|
|
:key="index">
|
||
|
|
<el-col :span="10">
|
||
|
|
<el-form-item :label="$t('MN_F_T_1165')">
|
||
|
|
<el-select clearable
|
||
|
|
:disabled="methods==0"
|
||
|
|
v-model="item.authorityType"
|
||
|
|
@change="getTeamList(item.authorityType)">
|
||
|
|
<el-option v-for="cld in xyList"
|
||
|
|
v-if="!(index>0&&cld.value==5)"
|
||
|
|
:key="cld.value"
|
||
|
|
:label="cld.label"
|
||
|
|
:value="cld.value"></el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="10"
|
||
|
|
v-if="form.waresAuthorityList[index].authorityType != 5">
|
||
|
|
<el-form-item :label="$t('MN_F_T_362')">
|
||
|
|
<el-input clearable
|
||
|
|
:disabled="methods==0"
|
||
|
|
v-model="item.memberCode"
|
||
|
|
:placeholder="$t('S_C_70')"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col v-if="form.waresAuthorityList[index].authorityType != 5&&index !== form.waresAuthorityList.length-1"
|
||
|
|
:span="4">
|
||
|
|
<i v-show="methods!=0"
|
||
|
|
class="el-icon-remove-outline addIcon"
|
||
|
|
@click="removeTeamPz(index)"></i>
|
||
|
|
</el-col>
|
||
|
|
<el-col v-if="form.waresAuthorityList[index].authorityType != 5&&index == form.waresAuthorityList.length-1"
|
||
|
|
:span="4">
|
||
|
|
<i v-show="methods!=0"
|
||
|
|
class="el-icon-circle-plus-outline addIcon"
|
||
|
|
@click="addTeamPz"></i>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
</el-form>
|
||
|
|
<!-- <Ggmx ref="ggmxed"></Ggmx> -->
|
||
|
|
</div>
|
||
|
|
<!-- 级差配置 -->
|
||
|
|
<div v-show="tabActive==4">
|
||
|
|
<Jcpz ref="jcpzed"
|
||
|
|
:methods="methods"
|
||
|
|
:waresRangeList="waresRangeList"
|
||
|
|
@getRangList="getRangList"></Jcpz>
|
||
|
|
</div>
|
||
|
|
<!-- 等级配置 -->
|
||
|
|
<div v-show="tabActive==5"
|
||
|
|
class="teamPz">
|
||
|
|
<div class="djpz">
|
||
|
|
<div class="tit">{{ $t('MN_F_T_1166') }}</div>
|
||
|
|
<div class="djpz_i">{{ $t('MN_F_T_1167') }}</div>
|
||
|
|
</div>
|
||
|
|
<div class="xian"></div>
|
||
|
|
<el-form ref="team"
|
||
|
|
:model="form"
|
||
|
|
style="width:1200px;padding: 0 20px;"
|
||
|
|
label-width="auto">
|
||
|
|
<div class="djpz_a">
|
||
|
|
|
||
|
|
<el-checkbox v-model="levelAll"
|
||
|
|
:disabled="methods==0"
|
||
|
|
@change="getLevel">{{$t('ENU_ACHIEVEMENT_TYPE_1')}}</el-checkbox>
|
||
|
|
<div class="djpz_g">
|
||
|
|
<el-checkbox-group v-model="form.waresGradeIds"
|
||
|
|
@change="getLevelAll"
|
||
|
|
:disabled="methods==0">
|
||
|
|
<el-checkbox v-for="item in levelList"
|
||
|
|
:key="item.pkId"
|
||
|
|
:label="item.pkId">{{ item.gradeName }}</el-checkbox>
|
||
|
|
</el-checkbox-group>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</el-form>
|
||
|
|
<!-- <Ggmx ref="ggmxed"></Ggmx> -->
|
||
|
|
</div>
|
||
|
|
<!-- 奖衔配置 -->
|
||
|
|
<div v-show="tabActive==6"
|
||
|
|
class="teamPz">
|
||
|
|
<div class="djpz">
|
||
|
|
<div class="tit">{{$t('MN_F_T_109')}}</div>
|
||
|
|
</div>
|
||
|
|
<div class="xian"></div>
|
||
|
|
<el-form ref="team"
|
||
|
|
:model="form"
|
||
|
|
style="width:1200px;padding: 0 20px;"
|
||
|
|
label-width="auto">
|
||
|
|
<div class="djpz_a">
|
||
|
|
|
||
|
|
<el-checkbox v-model="gradeAll"
|
||
|
|
:disabled="methods==0"
|
||
|
|
@change="getGrade">{{$t('ENU_ACHIEVEMENT_TYPE_1')}}</el-checkbox>
|
||
|
|
<div class="djpz_g">
|
||
|
|
<el-checkbox-group v-model="form.waresAwardsIds"
|
||
|
|
@change="getGradeAll"
|
||
|
|
:disabled="methods==0">
|
||
|
|
<el-checkbox v-for="item in awardsList"
|
||
|
|
:key="item.pkId"
|
||
|
|
:label="item.pkId">{{ item.awardsName }}</el-checkbox>
|
||
|
|
</el-checkbox-group>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</el-form>
|
||
|
|
</div>
|
||
|
|
<!-- 商品权限 -->
|
||
|
|
<div v-show="tabActive==7"
|
||
|
|
class="teamPz">
|
||
|
|
<div class="djpz">
|
||
|
|
<div class="tit">商品权限</div>
|
||
|
|
<!-- <div class="djpz_i">{{$t('MN_F_T_1167')}}</div> -->
|
||
|
|
</div>
|
||
|
|
<div class="xian"></div>
|
||
|
|
<el-form ref="team"
|
||
|
|
:model="form"
|
||
|
|
style="width:1200px;padding: 0 20px;"
|
||
|
|
label-width="auto">
|
||
|
|
<div class="djpz_a">
|
||
|
|
<div class="djpz_g">
|
||
|
|
<el-checkbox-group v-model="form.waresMemberAuthorizeList" :disabled="methods==0">
|
||
|
|
<el-checkbox v-for="item in authorityList"
|
||
|
|
:key="item.value"
|
||
|
|
:label="item.value">{{ item.label }}</el-checkbox>
|
||
|
|
</el-checkbox-group>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</el-form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="footer"
|
||
|
|
v-if="methods!=0">
|
||
|
|
<el-button size="small"
|
||
|
|
class="thebtn2"> {{ $t('ENU_P_TYPE0') }}</el-button>
|
||
|
|
<el-button size="small"
|
||
|
|
@click="submit('form')"
|
||
|
|
class="thebtn1"> {{ $t('MN_F_32') }}</el-button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import Editor from '@/components/Editor'
|
||
|
|
import Cpmx from '@/views/goodsManage/goodsList/goodsEdit/cpmx.vue'
|
||
|
|
import Ggmx from '@/views/goodsManage/goodsList/goodsEdit/ggmx.vue'
|
||
|
|
import Jcpz from '@/views/goodsManage/goodsList/goodsEdit/jcpz.vue'
|
||
|
|
import { getToken } from '@/utils/auth'
|
||
|
|
import UpDataImg from '@/components/upDataImg'
|
||
|
|
import * as api from '@/api/product.js'
|
||
|
|
import { specialArea } from '@/api/configManage'
|
||
|
|
import ImageUpload from '@/components/ImageUpload'
|
||
|
|
import { isLocals } from '@/utils/numberToCurrency'
|
||
|
|
import { getAwardsListChiose } from '@/api/level'
|
||
|
|
export default {
|
||
|
|
name: 'Jcsz',
|
||
|
|
components: {
|
||
|
|
ImageUpload,
|
||
|
|
Editor,
|
||
|
|
UpDataImg,
|
||
|
|
Jcpz,
|
||
|
|
Cpmx,
|
||
|
|
Ggmx,
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
isMakerGift: 1,
|
||
|
|
levelAll: false,
|
||
|
|
gradeAll: false,
|
||
|
|
// 产品明细
|
||
|
|
cpList: [],
|
||
|
|
uploadImgUrl: process.env.VUE_APP_BASE_API + '/system/upload',
|
||
|
|
headers: {
|
||
|
|
Authorization: getToken(),
|
||
|
|
},
|
||
|
|
dialogImageUrl: '',
|
||
|
|
dialogVisible: false,
|
||
|
|
form: {
|
||
|
|
waresGradeIds: [],
|
||
|
|
waresAwardsIds: [],
|
||
|
|
sales: '',
|
||
|
|
sortStatus:0,
|
||
|
|
sort: '',
|
||
|
|
sptw: '',
|
||
|
|
ysList: [],
|
||
|
|
bzList: [],
|
||
|
|
pkGuaranteeLabel: [],
|
||
|
|
specialArea: '',
|
||
|
|
checkList: [],
|
||
|
|
waresMemberAuthorizeList:[],
|
||
|
|
waresAuthorityList: [
|
||
|
|
{
|
||
|
|
authorityType: 5,
|
||
|
|
memberCode: '',
|
||
|
|
},
|
||
|
|
],
|
||
|
|
waresSpecsPackList: [{ key: '', value: '' }],
|
||
|
|
},
|
||
|
|
moren: '/goodsManage/goodsRelease/jcsz',
|
||
|
|
tabActive: 0,
|
||
|
|
waresDetailList: [],
|
||
|
|
waresSpecsSkuList: [],
|
||
|
|
waresRangeList: [],
|
||
|
|
agreeList: [
|
||
|
|
{
|
||
|
|
text: this.$t('ENU_POPUP_TYPE_1'),
|
||
|
|
val: 0,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
text: this.$t('ENU_POPUP_TYPE_2'),
|
||
|
|
val: 1,
|
||
|
|
},
|
||
|
|
],
|
||
|
|
// 套餐类型
|
||
|
|
tcList: [
|
||
|
|
{
|
||
|
|
text: this.$t('MN_F_T_1047'),
|
||
|
|
val: 0,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
text: this.$t('MN_F_T_1046'),
|
||
|
|
val: 1,
|
||
|
|
},
|
||
|
|
],
|
||
|
|
postList: [
|
||
|
|
{
|
||
|
|
text: this.$t('MN_F_T_666'),
|
||
|
|
val: 0,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
text: this.$t('MN_F_T_667'),
|
||
|
|
val: 1,
|
||
|
|
},
|
||
|
|
],
|
||
|
|
xsList: [
|
||
|
|
{
|
||
|
|
text: this.$t('MN_F_T_1168'),
|
||
|
|
val: 0,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
text: this.$t('MN_F_T_1169'),
|
||
|
|
val: 1,
|
||
|
|
},
|
||
|
|
],
|
||
|
|
isTj: [
|
||
|
|
{
|
||
|
|
label: this.$t('MN_F_T_450'),
|
||
|
|
value: 0,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: this.$t('MN_F_T_1170'),
|
||
|
|
value: 1,
|
||
|
|
},
|
||
|
|
],
|
||
|
|
topList: [
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_1122'),
|
||
|
|
id: 0,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_1164'),
|
||
|
|
id: 1,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_617'),
|
||
|
|
id: 2,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_1163'),
|
||
|
|
id: 3,
|
||
|
|
},
|
||
|
|
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_1166'),
|
||
|
|
id: 5,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_109'),
|
||
|
|
id: 6,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '商品权限',
|
||
|
|
id: 7,
|
||
|
|
},
|
||
|
|
],
|
||
|
|
goodList: [],
|
||
|
|
copyArr: [],
|
||
|
|
// 血缘列表
|
||
|
|
xyList: '',
|
||
|
|
// 海陆空
|
||
|
|
transportTypeList: [],
|
||
|
|
//商品分类
|
||
|
|
hierarchyList: [],
|
||
|
|
// 所属专区
|
||
|
|
areaList: [],
|
||
|
|
// 预售状态
|
||
|
|
presaleList: [],
|
||
|
|
//供应方式
|
||
|
|
gyList: [],
|
||
|
|
// 前缀标签
|
||
|
|
qzList: [],
|
||
|
|
// 酷炫标签
|
||
|
|
kxList: [],
|
||
|
|
// 保障标签
|
||
|
|
bzList: [],
|
||
|
|
// 卖点标签
|
||
|
|
mdList: [],
|
||
|
|
// 协议
|
||
|
|
agreementList: [],
|
||
|
|
//邮费模板
|
||
|
|
postMoneyList1: [],
|
||
|
|
postMoneyList2: [],
|
||
|
|
postMoneyList3: [],
|
||
|
|
rules: {
|
||
|
|
waresName: [
|
||
|
|
{ required: true, message: this.$t('w_0253'), trigger: 'blur' },
|
||
|
|
],
|
||
|
|
sortStatus: [
|
||
|
|
{ required: true, message: '请选择', trigger: 'change' },
|
||
|
|
],
|
||
|
|
waresCode: [{ required: true, message: '', trigger: 'blur' }],
|
||
|
|
sellingPoints: [
|
||
|
|
{ required: true, message: '请输入商品卖点', trigger: 'blur' },
|
||
|
|
],
|
||
|
|
sales: [{ required: true, message: '请输入商品销量', trigger: 'blur' }],
|
||
|
|
waresPrice: [
|
||
|
|
{ required: true, message: this.$t('MN_F_T_1043'), trigger: 'blur' },
|
||
|
|
],
|
||
|
|
waresAchieve: [
|
||
|
|
{ required: true, message: '请输入商品业绩', trigger: 'blur' },
|
||
|
|
],
|
||
|
|
sort: [
|
||
|
|
{ required: true, message: this.$t('MN_F_T_1137'), trigger: 'blur' },
|
||
|
|
],
|
||
|
|
pkAreaClassifys: [
|
||
|
|
{ required: true, message: this.$t('MN_F_T_457'), trigger: 'change' },
|
||
|
|
],
|
||
|
|
specialArea: [
|
||
|
|
{ required: true, message: '请选择所属专区', trigger: 'change' },
|
||
|
|
],
|
||
|
|
isPutOn: [
|
||
|
|
{ required: true, message: '请选择上架状态', trigger: 'change' },
|
||
|
|
],
|
||
|
|
operateScope: [
|
||
|
|
{ required: true, message: '请选择供应方式', trigger: 'change' },
|
||
|
|
],
|
||
|
|
preSaleStatus: [
|
||
|
|
{
|
||
|
|
required: true,
|
||
|
|
message: this.$t('MN_F_T_1104'),
|
||
|
|
trigger: 'change',
|
||
|
|
},
|
||
|
|
],
|
||
|
|
isSale: [
|
||
|
|
{ required: true, message: '请选择销售状态', trigger: 'change' },
|
||
|
|
],
|
||
|
|
isSingle: [
|
||
|
|
{
|
||
|
|
required: true,
|
||
|
|
message: this.$t('MN_F_T_1045'),
|
||
|
|
trigger: 'change',
|
||
|
|
},
|
||
|
|
],
|
||
|
|
pkAgreement: [
|
||
|
|
{ required: true, message: '请选择补充协议', trigger: 'change' },
|
||
|
|
],
|
||
|
|
isFreeMail: [
|
||
|
|
{ required: true, message: '请选择包邮类型', trigger: 'change' },
|
||
|
|
],
|
||
|
|
videoUrl: [
|
||
|
|
{ required: true, message: '请上传商品视频', trigger: 'blur' },
|
||
|
|
],
|
||
|
|
cover: [{ required: true, message: '请上传视频主图', trigger: 'blur' }],
|
||
|
|
cover1: [
|
||
|
|
{ required: true, message: this.$t('MN_F_T_356'), trigger: 'blur' },
|
||
|
|
],
|
||
|
|
cover2: [
|
||
|
|
{ required: true, message: this.$t('MN_F_T_356'), trigger: 'blur' },
|
||
|
|
],
|
||
|
|
cover3: [
|
||
|
|
{ required: true, message: this.$t('MN_F_T_356'), trigger: 'blur' },
|
||
|
|
],
|
||
|
|
cover4: [
|
||
|
|
{ required: true, message: this.$t('MN_F_T_356'), trigger: 'blur' },
|
||
|
|
],
|
||
|
|
details: [
|
||
|
|
{ required: true, message: '请输入商品详情', trigger: 'blur' },
|
||
|
|
],
|
||
|
|
afterGuarantee: [
|
||
|
|
{ required: true, message: '请输入售后保障', trigger: 'blur' },
|
||
|
|
],
|
||
|
|
},
|
||
|
|
pkId: '',
|
||
|
|
methods: 1,
|
||
|
|
levelList: [],
|
||
|
|
yesNo: [],
|
||
|
|
specialCurrency: [],
|
||
|
|
waresTypeList: [],
|
||
|
|
awardsList: [],
|
||
|
|
authorityList:[],
|
||
|
|
sortList:[]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
this.pkId = this.$route.query.id
|
||
|
|
this.methods = this.$route.query.methods
|
||
|
|
this.getOther()
|
||
|
|
// 获取极差列表
|
||
|
|
this.getRangeList()
|
||
|
|
// 血缘关系
|
||
|
|
this.getXYList()
|
||
|
|
// 运输方式
|
||
|
|
this.getTransportType()
|
||
|
|
//查询分类父子级关系
|
||
|
|
this.get_hierarchy_list()
|
||
|
|
// 获取专区
|
||
|
|
this.getArea()
|
||
|
|
// 供应方式
|
||
|
|
this.supply_way()
|
||
|
|
// 查询预售状态
|
||
|
|
this.presale_status()
|
||
|
|
//四个标签
|
||
|
|
this.labelAll()
|
||
|
|
// 协议接口
|
||
|
|
this.getAgreementList()
|
||
|
|
// 邮费模板
|
||
|
|
this.getPostageList()
|
||
|
|
// 获取所有数据
|
||
|
|
this.getEduitdata()
|
||
|
|
|
||
|
|
this.$store.commit('settings/GGMX_SETTING', [])
|
||
|
|
},
|
||
|
|
// mounted() {
|
||
|
|
// this.$refs.box.scrollTop = 0
|
||
|
|
// },
|
||
|
|
methods: {
|
||
|
|
isLocals,
|
||
|
|
getOther() {
|
||
|
|
api.get_sort().then((res) => {
|
||
|
|
this.sortList = res.data
|
||
|
|
})
|
||
|
|
api.yes_no().then((res) => {
|
||
|
|
this.yesNo = res.data
|
||
|
|
})
|
||
|
|
api.wares_type().then((res) => {
|
||
|
|
this.waresTypeList = res.data
|
||
|
|
})
|
||
|
|
api.special_currency().then((res) => {
|
||
|
|
this.specialCurrency = res.data
|
||
|
|
})
|
||
|
|
getAwardsListChiose().then((res) => {
|
||
|
|
this.awardsList = res.rows
|
||
|
|
})
|
||
|
|
api.ERegistrationAuthority().then((res) => {
|
||
|
|
this.authorityList = res.data;
|
||
|
|
});
|
||
|
|
},
|
||
|
|
// getWaresSort() {
|
||
|
|
// api.waresSort().then((res) => {
|
||
|
|
// this.form.sort = res.data
|
||
|
|
// })
|
||
|
|
// },
|
||
|
|
getLevel(e) {
|
||
|
|
if (e) {
|
||
|
|
let levelArr = this.levelList.map((item) => {
|
||
|
|
return item.pkId
|
||
|
|
})
|
||
|
|
this.form.waresGradeIds = levelArr
|
||
|
|
} else {
|
||
|
|
this.form.waresGradeIds = []
|
||
|
|
}
|
||
|
|
},
|
||
|
|
getLevelAll(e) {
|
||
|
|
if (e.length == this.levelList.length) {
|
||
|
|
this.levelAll = true
|
||
|
|
} else {
|
||
|
|
this.levelAll = false
|
||
|
|
}
|
||
|
|
},
|
||
|
|
getGrade(e) {
|
||
|
|
if (e) {
|
||
|
|
let gradeArr = this.awardsList.map((item) => {
|
||
|
|
return item.pkId
|
||
|
|
})
|
||
|
|
this.form.waresAwardsIds = gradeArr
|
||
|
|
} else {
|
||
|
|
this.form.waresAwardsIds = []
|
||
|
|
}
|
||
|
|
},
|
||
|
|
getGradeAll(e) {
|
||
|
|
if (e.length == this.awardsList.length) {
|
||
|
|
this.gradeAll = true
|
||
|
|
} else {
|
||
|
|
this.gradeAll = false
|
||
|
|
}
|
||
|
|
},
|
||
|
|
getRangeList() {
|
||
|
|
api.rangeList().then((res) => {
|
||
|
|
this.levelList = res.data
|
||
|
|
})
|
||
|
|
},
|
||
|
|
getWaresCode() {
|
||
|
|
api.getWaresCode().then((res) => {
|
||
|
|
this.form.waresCode = res.msg
|
||
|
|
})
|
||
|
|
},
|
||
|
|
getEduitdata() {
|
||
|
|
api
|
||
|
|
.waresDetail({
|
||
|
|
pkId: this.pkId,
|
||
|
|
})
|
||
|
|
.then((res) => {
|
||
|
|
this.form = res.data
|
||
|
|
// this.form.waresAwardsIds = res.data.waresAwardsIds || []
|
||
|
|
this.$set(this.form, 'waresAwardsIds', res.data.waresAwardsIds || [])
|
||
|
|
this.$set(this.form, 'waresMemberAuthorizeList', res.data.waresMemberAuthorizeList || [])
|
||
|
|
if (this.form.parentPkAreaClassify) {
|
||
|
|
this.form.pkAreaClassifys = [
|
||
|
|
this.form.parentPkAreaClassify,
|
||
|
|
this.form.pkAreaClassify,
|
||
|
|
]
|
||
|
|
} else {
|
||
|
|
this.form.pkAreaClassifys = [this.form.pkAreaClassify]
|
||
|
|
}
|
||
|
|
this.waresDetailList = this.form.waresDetailList
|
||
|
|
this.waresSpecsSkuList = this.form.waresSpecsSkuList
|
||
|
|
// this.form.waresAuthorityList.forEach((item) => {
|
||
|
|
// item.memberCode = item.pkMember
|
||
|
|
// })
|
||
|
|
this.waresRangeList = this.form.waresRangeList
|
||
|
|
// this.$refs.upImg1.geCoverList(this.form.videoUrl)
|
||
|
|
// this.$refs.upImg2.geCoverList(this.form.cover)
|
||
|
|
// this.$refs.upImg3.geCoverList(this.form.cover1)
|
||
|
|
// this.$refs.upImg4.geCoverList(this.form.cover2)
|
||
|
|
// this.$refs.upImg5.geCoverList(this.form.cover3)
|
||
|
|
// this.$refs.upImg6.geCoverList(this.form.cover4)
|
||
|
|
// this.$refs.upImg7.geCoverList(this.form.cover5)
|
||
|
|
// this.$refs.upImg8.geCoverList(this.form.cover6)
|
||
|
|
// this.$refs.cpmx.getTableData(this.form.waresDetailList)
|
||
|
|
|
||
|
|
if (this.levelList.length == this.form.waresGradeIds.length) {
|
||
|
|
this.levelAll = true
|
||
|
|
this.$forceUpdate()
|
||
|
|
}
|
||
|
|
let checkList = []
|
||
|
|
if (this.form.isOceanTrans == 0) {
|
||
|
|
checkList.push(3)
|
||
|
|
} else if (this.form.isLandTrans == 0) {
|
||
|
|
checkList.push(1)
|
||
|
|
} else if (this.form.isAirTrans == 0) {
|
||
|
|
checkList.push(2)
|
||
|
|
}
|
||
|
|
this.$set(this.form, 'checkList', checkList)
|
||
|
|
let that = this
|
||
|
|
if (this.methods == 2) {
|
||
|
|
this.getWaresCode()
|
||
|
|
// 排序
|
||
|
|
// this.getWaresSort()
|
||
|
|
}
|
||
|
|
if (
|
||
|
|
this.form.specialArea == 3 ||
|
||
|
|
this.form.specialArea == 26 ||
|
||
|
|
this.form.specialArea == 12 ||
|
||
|
|
this.form.specialArea == 22 ||
|
||
|
|
this.form.specialArea == 14
|
||
|
|
) {
|
||
|
|
this.topList = [
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_1122'),
|
||
|
|
id: 0,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_1164'),
|
||
|
|
id: 1,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_617'),
|
||
|
|
id: 2,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_1163'),
|
||
|
|
id: 3,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_623'),
|
||
|
|
id: 4,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_1166'),
|
||
|
|
id: 5,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_109'),
|
||
|
|
id: 6,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '商品权限',
|
||
|
|
id: 7,
|
||
|
|
},
|
||
|
|
]
|
||
|
|
}
|
||
|
|
setTimeout(() => {
|
||
|
|
that.$refs.box.scrollTop = 0
|
||
|
|
}, 50)
|
||
|
|
})
|
||
|
|
},
|
||
|
|
addGg() {
|
||
|
|
this.form.waresSpecsPackList.push({ key: '', value: '' })
|
||
|
|
},
|
||
|
|
submit() {
|
||
|
|
this.$refs['form'].validate((valid) => {
|
||
|
|
if (valid) {
|
||
|
|
let urlRequir = ''
|
||
|
|
let mssg = ''
|
||
|
|
if (this.methods == 1) {
|
||
|
|
urlRequir = api.waresUpdate
|
||
|
|
mssg = this.$t('MN_F_T_478')
|
||
|
|
} else {
|
||
|
|
urlRequir = api.waresSave
|
||
|
|
mssg = this.$t('MY_CK_29')
|
||
|
|
this.form.waresSpecsSkuList.forEach((item) => {
|
||
|
|
item.pkWaresSpecsSku = null
|
||
|
|
})
|
||
|
|
}
|
||
|
|
const loading = this.$loading({
|
||
|
|
lock: true,
|
||
|
|
text: '努力提交中',
|
||
|
|
spinner: 'el-icon-loading',
|
||
|
|
background: 'rgba(0, 0, 0, 0.7)',
|
||
|
|
})
|
||
|
|
|
||
|
|
this.$store.commit('settings/GGMX_SETTING', [])
|
||
|
|
urlRequir(this.form).then((res) => {
|
||
|
|
loading.close()
|
||
|
|
if (res.code == 200) {
|
||
|
|
this.$message({
|
||
|
|
message: mssg,
|
||
|
|
type: 'success',
|
||
|
|
})
|
||
|
|
this.$router.replace({
|
||
|
|
path: '/goodsManage/goodsList/goodsList',
|
||
|
|
})
|
||
|
|
}
|
||
|
|
})
|
||
|
|
} else {
|
||
|
|
return false
|
||
|
|
}
|
||
|
|
})
|
||
|
|
},
|
||
|
|
getTrans(data) {
|
||
|
|
this.form.isLandTrans = ''
|
||
|
|
this.form.isAirTrans = ''
|
||
|
|
this.form.isOceanTrans = ''
|
||
|
|
data.forEach((item) => {
|
||
|
|
if (item == 1) {
|
||
|
|
this.form.isLandTrans = 0
|
||
|
|
} else if (item == 2) {
|
||
|
|
this.form.isAirTrans = 0
|
||
|
|
} else if (item == 3) {
|
||
|
|
this.form.isOceanTrans = 0
|
||
|
|
}
|
||
|
|
})
|
||
|
|
},
|
||
|
|
getTeamList(val) {
|
||
|
|
if (val == 5) {
|
||
|
|
this.form.waresAuthorityList = [
|
||
|
|
{
|
||
|
|
authorityType: 5,
|
||
|
|
memberCode: '',
|
||
|
|
},
|
||
|
|
]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
getPostageList() {
|
||
|
|
// 陆运
|
||
|
|
api.getPostageList({ tranType: 1 }).then((res) => {
|
||
|
|
this.postMoneyList1 = res.data
|
||
|
|
})
|
||
|
|
// 空运
|
||
|
|
api.getPostageList({ tranType: 2 }).then((res) => {
|
||
|
|
this.postMoneyList2 = res.data
|
||
|
|
})
|
||
|
|
// 海运
|
||
|
|
api.getPostageList({ tranType: 3 }).then((res) => {
|
||
|
|
this.postMoneyList3 = res.data
|
||
|
|
})
|
||
|
|
},
|
||
|
|
getAgreementList() {
|
||
|
|
api.getAgreementList().then((res) => {
|
||
|
|
this.agreementList = res.data
|
||
|
|
})
|
||
|
|
},
|
||
|
|
//四个标签
|
||
|
|
labelAll() {
|
||
|
|
// 前缀标签
|
||
|
|
api.labelAll({ labelType: 1 }).then((res) => {
|
||
|
|
this.qzList = res.data
|
||
|
|
})
|
||
|
|
// 酷炫标签
|
||
|
|
api.labelAll({ labelType: 2 }).then((res) => {
|
||
|
|
this.kxList = res.data
|
||
|
|
})
|
||
|
|
// 保障标签
|
||
|
|
api.labelAll({ labelType: 3 }).then((res) => {
|
||
|
|
this.bzList = res.data
|
||
|
|
})
|
||
|
|
// 卖点标签
|
||
|
|
api.labelAll({ labelType: 4 }).then((res) => {
|
||
|
|
this.mdList = res.data
|
||
|
|
})
|
||
|
|
},
|
||
|
|
// 供应方式
|
||
|
|
supply_way() {
|
||
|
|
api.supply_way().then((res) => {
|
||
|
|
this.gyList = res.data
|
||
|
|
})
|
||
|
|
},
|
||
|
|
// 查询预售状态
|
||
|
|
presale_status() {
|
||
|
|
api.presale_status().then((res) => {
|
||
|
|
this.presaleList = res.data
|
||
|
|
})
|
||
|
|
},
|
||
|
|
// 获取专区
|
||
|
|
getArea() {
|
||
|
|
specialArea().then((res) => {
|
||
|
|
this.areaList = res.data
|
||
|
|
})
|
||
|
|
},
|
||
|
|
// 商品分类赋值
|
||
|
|
flChange(value) {
|
||
|
|
console.log(
|
||
|
|
'%c [ value ]-827',
|
||
|
|
'font-size:13px; background:#7eb846; color:#c2fc8a;',
|
||
|
|
value
|
||
|
|
)
|
||
|
|
this.form.pkAreaClassify = value[value.length - 1]
|
||
|
|
},
|
||
|
|
selSpecial(e) {
|
||
|
|
this.get_hierarchy_list(e)
|
||
|
|
if (e == 3 || e == 26 || e == 12 || e == 22 || e == 14) {
|
||
|
|
this.$set(this, 'topList', [
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_1122'),
|
||
|
|
id: 0,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_1164'),
|
||
|
|
id: 1,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_617'),
|
||
|
|
id: 2,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_1163'),
|
||
|
|
id: 3,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_623'),
|
||
|
|
id: 4,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_1166'),
|
||
|
|
id: 5,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_109'),
|
||
|
|
id: 6,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '商品权限',
|
||
|
|
id: 7,
|
||
|
|
},
|
||
|
|
])
|
||
|
|
} else {
|
||
|
|
this.$set(this, 'topList', [
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_1122'),
|
||
|
|
id: 0,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_1164'),
|
||
|
|
id: 1,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_617'),
|
||
|
|
id: 2,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_1163'),
|
||
|
|
id: 3,
|
||
|
|
},
|
||
|
|
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_1166'),
|
||
|
|
id: 5,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: this.$t('MN_F_T_109'),
|
||
|
|
id: 6,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '商品权限',
|
||
|
|
id: 7,
|
||
|
|
},
|
||
|
|
])
|
||
|
|
}
|
||
|
|
},
|
||
|
|
// 查询分类父子级关系
|
||
|
|
get_hierarchy_list(val) {
|
||
|
|
api
|
||
|
|
.get_hierarchy_list({
|
||
|
|
specialArea: val || null,
|
||
|
|
})
|
||
|
|
.then((res) => {
|
||
|
|
this.hierarchyList = res.data
|
||
|
|
})
|
||
|
|
},
|
||
|
|
// 运输方式
|
||
|
|
getTransportType() {
|
||
|
|
api.transportType().then((res) => {
|
||
|
|
this.transportTypeList = res.data
|
||
|
|
})
|
||
|
|
},
|
||
|
|
getXYList() {
|
||
|
|
api.getEWaresPermissionTypeList().then((res) => {
|
||
|
|
this.xyList = res.data
|
||
|
|
})
|
||
|
|
},
|
||
|
|
addTeamPz() {
|
||
|
|
this.form.waresAuthorityList.push({
|
||
|
|
kjlx: '',
|
||
|
|
teamOrder: '',
|
||
|
|
})
|
||
|
|
},
|
||
|
|
removeGg(index) {
|
||
|
|
this.form.waresSpecsPackList.splice(index, 1)
|
||
|
|
},
|
||
|
|
removeTeamPz(index) {
|
||
|
|
this.form.waresAuthorityList.splice(index, 1)
|
||
|
|
},
|
||
|
|
getRangList(data) {
|
||
|
|
this.form.waresRangeList = data
|
||
|
|
},
|
||
|
|
// 切换tab
|
||
|
|
handleLink(id) {
|
||
|
|
if (id == 2) {
|
||
|
|
if (this.cpList.length == 0) {
|
||
|
|
this.$message({
|
||
|
|
message: this.$t('MN_F_T_1171'),
|
||
|
|
type: 'warning',
|
||
|
|
})
|
||
|
|
} else {
|
||
|
|
this.tabActive = id
|
||
|
|
this.$refs.box.scrollTop = 0
|
||
|
|
this.$refs.ggmxed.getData(this.cpList,this.form.specialArea)
|
||
|
|
}
|
||
|
|
} else if (id == 4) {
|
||
|
|
this.tabActive = id
|
||
|
|
this.$refs.box.scrollTop = 0
|
||
|
|
this.$refs.jcpzed.getAllData(
|
||
|
|
this.goodList,
|
||
|
|
this.copyArr,
|
||
|
|
this.waresRangeList,
|
||
|
|
this.pkId
|
||
|
|
)
|
||
|
|
} else {
|
||
|
|
this.tabActive = id
|
||
|
|
this.$refs.box.scrollTop = 0
|
||
|
|
}
|
||
|
|
// this.tabActive = id
|
||
|
|
// this.$refs.box.scrollTop = 0
|
||
|
|
},
|
||
|
|
getGoodList(goodList, copyArr) {
|
||
|
|
if (goodList[0].showList) {
|
||
|
|
this.goodList = goodList
|
||
|
|
this.copyArr = copyArr
|
||
|
|
let waresSpecsSkuList = []
|
||
|
|
this.goodList.forEach((item) => {
|
||
|
|
if (item.showList) {
|
||
|
|
waresSpecsSkuList.push(...item.showList)
|
||
|
|
}
|
||
|
|
})
|
||
|
|
this.form.waresSpecsSkuList = waresSpecsSkuList
|
||
|
|
}
|
||
|
|
},
|
||
|
|
// // 保证
|
||
|
|
// bzChange(val) {
|
||
|
|
// this.form.pkGuaranteeLabel = this.form.pkGuaranteeLabels
|
||
|
|
// },
|
||
|
|
// 卖点
|
||
|
|
mdChange(val) {
|
||
|
|
this.form.pkSellingPoint = val
|
||
|
|
},
|
||
|
|
// 多选框
|
||
|
|
changeYsfs() {},
|
||
|
|
// 获取产品明细数组内容
|
||
|
|
getTableList(data) {
|
||
|
|
this.form.waresDetailList = data
|
||
|
|
this.cpList = data.map((item) => {
|
||
|
|
return {
|
||
|
|
pkProduct:item.pkProduct,
|
||
|
|
isGift:item.isGift,
|
||
|
|
quantity:item.quantity
|
||
|
|
}
|
||
|
|
})
|
||
|
|
this.$refs.ggmxed.getData(this.cpList,this.form.specialArea)
|
||
|
|
},
|
||
|
|
getImg1(data) {
|
||
|
|
this.form.videoUrl = data
|
||
|
|
},
|
||
|
|
delImg1() {},
|
||
|
|
getImg2(data) {
|
||
|
|
this.form.cover = data
|
||
|
|
},
|
||
|
|
delImg2() {},
|
||
|
|
getImg3(data) {
|
||
|
|
this.form.cover1 = data
|
||
|
|
},
|
||
|
|
delImg3() {},
|
||
|
|
getImg4(data) {
|
||
|
|
this.form.cover2 = data
|
||
|
|
},
|
||
|
|
delImg4() {},
|
||
|
|
getImg5(data) {
|
||
|
|
this.form.cover3 = data
|
||
|
|
},
|
||
|
|
delImg5() {},
|
||
|
|
getImg6(data) {
|
||
|
|
this.form.cover4 = data
|
||
|
|
},
|
||
|
|
delImg6() {},
|
||
|
|
getImg7(data) {
|
||
|
|
this.form.cover5 = data
|
||
|
|
},
|
||
|
|
delImg7() {},
|
||
|
|
getImg8(data) {
|
||
|
|
this.form.cover6 = data
|
||
|
|
},
|
||
|
|
delImg8() {},
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped lang="scss">
|
||
|
|
::v-deep .el-select,
|
||
|
|
.el-cascader {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
::v-deep .el-date-editor.el-input,
|
||
|
|
.el-date-editor.el-input__inner {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.topbox {
|
||
|
|
align-items: center;
|
||
|
|
padding: 0px 0 0px 0;
|
||
|
|
display: flex; // background: skyblue;
|
||
|
|
.levelList_i {
|
||
|
|
margin-left: 20px;
|
||
|
|
position: relative;
|
||
|
|
cursor: pointer;
|
||
|
|
padding: 3px 10px;
|
||
|
|
// width: 88px;
|
||
|
|
// height: 34px;
|
||
|
|
border-radius: 17px;
|
||
|
|
border: 1px solid #cccccc;
|
||
|
|
font-size: 14px;
|
||
|
|
font-family: MicrosoftYaHei;
|
||
|
|
text-align: center;
|
||
|
|
// line-height: 34px;
|
||
|
|
}
|
||
|
|
.act {
|
||
|
|
color: #ffffff;
|
||
|
|
background: #c8161d;
|
||
|
|
}
|
||
|
|
.act1 {
|
||
|
|
border-bottom: 3px solid #1890ff !important;
|
||
|
|
}
|
||
|
|
.cha {
|
||
|
|
font-size: 16px;
|
||
|
|
color: #606266;
|
||
|
|
position: absolute;
|
||
|
|
top: 10px;
|
||
|
|
}
|
||
|
|
.li {
|
||
|
|
width: 40px;
|
||
|
|
margin: 0 auto;
|
||
|
|
border-bottom: 3px solid transparent;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.page {
|
||
|
|
height: calc(100vh - 50px);
|
||
|
|
overflow: hidden;
|
||
|
|
background: #f9f9f9;
|
||
|
|
padding-top: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.main {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
height: calc(100vh - 124px);
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contain {
|
||
|
|
background: #ffffff;
|
||
|
|
border-radius: 8px;
|
||
|
|
box-shadow: 0px 2px 20px 0px rgba(238, 238, 238, 0.5);
|
||
|
|
margin: 0px 20px 0 20px;
|
||
|
|
height: 100%;
|
||
|
|
overflow-y: auto;
|
||
|
|
padding: 0px 10px;
|
||
|
|
|
||
|
|
overflow-x: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer {
|
||
|
|
height: 68px;
|
||
|
|
background: #ffffff;
|
||
|
|
box-shadow: 0px -3px 20px 0px rgba(204, 204, 204, 0.5);
|
||
|
|
margin: 0 20px;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
.thebtn1 {
|
||
|
|
background: #3181e5;
|
||
|
|
color: #ffffff;
|
||
|
|
padding: 9px 45px;
|
||
|
|
}
|
||
|
|
.thebtn2 {
|
||
|
|
background: #cccccc;
|
||
|
|
color: #ffffff;
|
||
|
|
padding: 9px 45px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.addIcon {
|
||
|
|
font-size: 22px;
|
||
|
|
line-height: 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.teamPz {
|
||
|
|
margin: 0 -20px;
|
||
|
|
overflow-x: hidden;
|
||
|
|
.xian {
|
||
|
|
height: 1px;
|
||
|
|
background: rgba(0, 0, 0, 0.1);
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
.tit {
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: bold;
|
||
|
|
color: #333333;
|
||
|
|
padding: 0 20px;
|
||
|
|
border-left: 5px solid #4391fd;
|
||
|
|
margin: 15px 0;
|
||
|
|
margin-right: -20px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.baoyou {
|
||
|
|
::v-deep .el-checkbox {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
margin-right: 0px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
::v-deep .el-checkbox__label {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
flex: 1;
|
||
|
|
}
|
||
|
|
::v-deep .el-input {
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
::v-deep .el-select {
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.djpz {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.djpz_i {
|
||
|
|
margin-left: 10px;
|
||
|
|
font-size: 10px;
|
||
|
|
|
||
|
|
font-weight: 400;
|
||
|
|
color: #999999;
|
||
|
|
}
|
||
|
|
.djpz_a {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
.djpz_g {
|
||
|
|
display: inline-block;
|
||
|
|
margin-left: 20px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
::v-deep .el-form-item {
|
||
|
|
margin-bottom: 15px;
|
||
|
|
}
|
||
|
|
// ::v-deep .el-input__suffix{
|
||
|
|
// top: -3px;
|
||
|
|
// }
|
||
|
|
// ::v-deep .el-select .el-input__suffix {
|
||
|
|
// top: 5px;
|
||
|
|
// }
|
||
|
|
</style>
|