|
@@ -24,60 +24,70 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<form autocomplete="off">
|
|
|
- <ion-list>
|
|
|
- <ion-item>
|
|
|
- <div class="panel-title2">
|
|
|
- <div class="item-flag"></div>
|
|
|
- 基本信息
|
|
|
- </div>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">统一信用代码<span class="danger">*</span></ion-label>
|
|
|
- <ion-item mode="md" :class="[v$.dataModel.companyCode.$error?'ion-invalid':'ion-valid']">
|
|
|
+ <div class="bw-vue-form">
|
|
|
+ <div class="form-title">基本信息</div>
|
|
|
+ <div class="form-input">
|
|
|
+ <ion-label>企业名称<span class="danger">*</span></ion-label>
|
|
|
+ <ion-input placeholder="请输入企业名称" label-placement="stacked" :clear-input="true"
|
|
|
+ v-model="dataModel.companyName" class="custom">
|
|
|
+ </ion-input>
|
|
|
+<!-- <ion-note slot="error">企业名称不能为空</ion-note>-->
|
|
|
+ </div>
|
|
|
+ <div class="form-input">
|
|
|
+ <ion-label>统一信用代码<span class="danger">*</span></ion-label>
|
|
|
<ion-input placeholder="请输入统一信用代码" label-placement="stacked" :clear-input="true"
|
|
|
v-model="dataModel.companyCode" class="custom">
|
|
|
</ion-input>
|
|
|
- <ion-note slot="error">统一信用代码不能为空</ion-note>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">企业名称<span class="danger">*</span></ion-label>
|
|
|
- <ion-item mode="md" :class="[v$.dataModel.companyName.$error?'ion-invalid':'ion-valid']">
|
|
|
- <ion-input placeholder="请输入企业名称" label-placement="stacked" :clear-input="true"
|
|
|
- v-model="dataModel.companyName" class="custom">
|
|
|
- </ion-input>
|
|
|
- <ion-note slot="error">企业名称不能为空</ion-note>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">服务驿站<span class="danger">*</span></ion-label>
|
|
|
- <ion-item mode="md" :class="[v$.dataModel.siteID.$error?'ion-invalid':'ion-valid']">
|
|
|
- <ion-select id="siteID" name="siteID" cancel-text="取消" v-model="dataModel.siteID"
|
|
|
- interface="action-sheet" placeholder="请选择服务驿站" style="width: 100%;text-align: left;">
|
|
|
- <ion-select-option v-for="(record,key) in siteList" :key="key" v-model:value="record.siteID">
|
|
|
- {{ record.siteName }}
|
|
|
- </ion-select-option>
|
|
|
- </ion-select>
|
|
|
- <ion-note slot="error">服务驿站不能为空</ion-note>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">企业办公地址<span class="danger">*</span></ion-label>
|
|
|
- <ion-item mode="md" :class="[v$.dataModel.companyAddress.$error?'ion-invalid':'ion-valid']">
|
|
|
- <ion-textarea placeholder="请输入企业办公地址" label-placement="stacked" :rows="3" :clear-input="true"
|
|
|
- v-model="dataModel.companyAddress" class="custom" >
|
|
|
+<!-- <ion-note slot="error">统一信用代码不能为空</ion-note>-->
|
|
|
+ </div>
|
|
|
+ <div class="form-select">
|
|
|
+ <ion-label>所属街道<span class="danger">*</span></ion-label>
|
|
|
+<!-- <ion-multi-picker item-content v-model="dataModel.regionCode"-->
|
|
|
+<!-- :placeholder="defaultAddText" :multiPickerColumns="cityColumns"-->
|
|
|
+<!-- cancelText="取消" doneText="选择">-->
|
|
|
+<!-- </ion-multi-picker>-->
|
|
|
+ <ion-select interface="action-sheet" placeholder="请选择所属街道" cancel-text="取消"
|
|
|
+ id="streetCode" v-model="dataModel.streetCode" style="width: 100%;text-align: left;">
|
|
|
+ <ion-select-option v-for="(record,key) in streetList" :key="key"
|
|
|
+ v-model:value="record.code">
|
|
|
+ {{ record.name }}
|
|
|
+ </ion-select-option>
|
|
|
+ </ion-select>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="form-select">
|
|
|
+ <ion-label>所属驿站<span class="danger">*</span></ion-label>
|
|
|
+ <ion-select id="siteID" name="siteID" cancel-text="取消" v-model="dataModel.siteID"
|
|
|
+ interface="action-sheet" placeholder="请选择服务驿站" style="width: 100%;text-align: left;">
|
|
|
+ <ion-select-option v-for="(record,key) in siteList" :key="key" v-model:value="record.siteID">
|
|
|
+ {{ record.siteName }}
|
|
|
+ </ion-select-option>
|
|
|
+ </ion-select>
|
|
|
+<!-- <ion-note slot="error">服务驿站不能为空</ion-note>-->
|
|
|
+ </div>
|
|
|
+ <div class="form-input">
|
|
|
+ <ion-label>办公地址<span class="danger">*</span></ion-label>
|
|
|
+ <ion-textarea placeholder="请输入办公地址" label-placement="stacked" :rows="3" :clear-input="true"
|
|
|
+ v-model="dataModel.companyAddress" class="custom" style="border-bottom: 1px solid #fff2e8;">
|
|
|
</ion-textarea>
|
|
|
- <ion-note slot="error">企业办公地址不能为空</ion-note>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">企业联系人<span class="danger">*</span></ion-label>
|
|
|
- <ion-item mode="md" :class="[v$.dataModel.userName.$error?'ion-invalid':'ion-valid']">
|
|
|
+<!-- <ion-note slot="error">办公地址不能为空</ion-note>-->
|
|
|
+ </div>
|
|
|
+ <div class="form-input">
|
|
|
+ <ion-label>企业联系人<span class="danger">*</span></ion-label>
|
|
|
<ion-input placeholder="请输入企业联系人" label-placement="stacked" :clear-input="true"
|
|
|
v-model="dataModel.userName" class="custom">
|
|
|
</ion-input>
|
|
|
- <ion-note slot="error">企业联系人不能为空</ion-note>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">联系电话<span class="danger">*</span></ion-label>
|
|
|
- <ion-item mode="md" :class="[v$.dataModel.userMobile.$error?'ion-invalid':'ion-valid']">
|
|
|
+<!-- <ion-note slot="error">企业联系人不能为空</ion-note>-->
|
|
|
+ </div>
|
|
|
+ <div class="form-input">
|
|
|
+ <ion-label>联系电话<span class="danger">*</span></ion-label>
|
|
|
<ion-input placeholder="请输入联系电话" label-placement="stacked" :clear-input="true"
|
|
|
v-model="dataModel.userMobile" class="custom">
|
|
|
</ion-input>
|
|
|
- <ion-note slot="error">企业联系电话不能为空</ion-note>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">企业状态<span class="danger">*</span></ion-label>
|
|
|
- <ion-item mode="md" :class="[v$.dataModel.recordStatus.$error?'ion-invalid':'ion-valid']">
|
|
|
+<!-- <ion-note slot="error">企业联系电话不能为空</ion-note>-->
|
|
|
+ </div>
|
|
|
+ <div class="form-select">
|
|
|
+ <ion-label>企业状态<span class="danger">*</span></ion-label>
|
|
|
<ion-select id="recordStatus" name="recordStatus" cancel-text="取消" v-model="dataModel.recordStatus"
|
|
|
interface="action-sheet" placeholder="请选择企业状态" style="width: 100%;text-align: left;">
|
|
|
<ion-select-option v-for="(record,key) in companyStatusList" :key="key"
|
|
@@ -85,10 +95,10 @@
|
|
|
{{ record.name }}
|
|
|
</ion-select-option>
|
|
|
</ion-select>
|
|
|
- <ion-note slot="error">企业状态不能为空</ion-note>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">是否缺工<span class="danger">*</span></ion-label>
|
|
|
- <ion-item mode="md" :class="[v$.dataModel.isShortage.$error?'ion-invalid':'ion-valid']">
|
|
|
+<!-- <ion-note slot="error">企业状态不能为空</ion-note>-->
|
|
|
+ </div>
|
|
|
+ <div class="form-select">
|
|
|
+ <ion-label>是否缺工<span class="danger">*</span></ion-label>
|
|
|
<ion-select id="isShortAge" name="isShortAge" cancel-text="取消" v-model="dataModel.isShortage"
|
|
|
interface="action-sheet" placeholder="请选择是否缺工" style="width: 100%;text-align: left;">
|
|
|
<ion-select-option v-for="(record,key) in shortAgeTypeList" :key="key"
|
|
@@ -96,34 +106,31 @@
|
|
|
{{ record.name }}
|
|
|
</ion-select-option>
|
|
|
</ion-select>
|
|
|
- <ion-note slot="error">企业状态不能为空</ion-note>
|
|
|
- </ion-item>
|
|
|
+<!-- <ion-note slot="error">是否缺工不能为空</ion-note>-->
|
|
|
+ </div>
|
|
|
+ <div class="form-title">
|
|
|
+ 其他信息
|
|
|
+ <div style="float:right;">
|
|
|
+ <ion-icon :icon="chevronDownOutline" @click="isShow=!isShow" v-show="!isShow"
|
|
|
+ style="font-size: 24px;"></ion-icon>
|
|
|
+ <ion-icon :icon="chevronUpOutline" @click="isShow=!isShow" v-show="isShow"
|
|
|
+ style="font-size: 24px;"></ion-icon>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- <ion-item mode="md" >
|
|
|
- <div class="panel-title2" style="width: 25%;">
|
|
|
- <div class="item-flag"></div>
|
|
|
- 其他信息
|
|
|
- </div>
|
|
|
- <div style="width: 75%;text-align: right;">
|
|
|
- <ion-icon :icon="chevronDownOutline" @click="isShow=!isShow" v-show="!isShow"
|
|
|
- style="font-size: 24px;"></ion-icon>
|
|
|
- <ion-icon :icon="chevronUpOutline" @click="isShow=!isShow" v-show="isShow"
|
|
|
- style="font-size: 24px;"></ion-icon>
|
|
|
- </div>
|
|
|
- </ion-item>
|
|
|
- <ion-list v-show="isShow" >
|
|
|
- <ion-label class="title-item">法定代表人(负责人)</ion-label>
|
|
|
- <ion-item mode="md">
|
|
|
+ <div v-show="isShow" >
|
|
|
+ <div class="form-input">
|
|
|
+ <ion-label>法定代表人(负责人)</ion-label>
|
|
|
<ion-input placeholder="请输入法定代表人" label-placement="stacked" :clear-input="true"
|
|
|
v-model="dataModel.frName" class="custom">
|
|
|
</ion-input>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">营业执照有效期</ion-label>
|
|
|
- <ion-item mode="md">
|
|
|
+ </div>
|
|
|
+ <div class="form-input">
|
|
|
+ <ion-label>营业执照有效期</ion-label>
|
|
|
<div>
|
|
|
<ion-radio v-model:checked="isLongDate" justify="start" labelPlacement="end"
|
|
|
@click="changeLongDate" style="height:30px;">至长期</ion-radio>
|
|
|
- <ion-datetime-button datetime="validDate" style=""></ion-datetime-button>
|
|
|
+ <ion-datetime-button datetime="validDate" style="position:relative;right:110px;"></ion-datetime-button>
|
|
|
<ion-modal :keep-contents-mounted="true" >
|
|
|
<ion-datetime id="validDate" name="validDate" placeholder="营业执照有效期"
|
|
|
v-model="dataModel.validDate" :prefer-wheel="true" @ionChange="changeValidDate"
|
|
@@ -132,25 +139,25 @@
|
|
|
</ion-datetime>
|
|
|
</ion-modal>
|
|
|
</div>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">企业邮箱</ion-label>
|
|
|
- <ion-item mode="md">
|
|
|
+ </div>
|
|
|
+ <div class="form-input" >
|
|
|
+ <ion-label>企业邮箱</ion-label>
|
|
|
<ion-input placeholder="请输入企业邮箱" label-placement="stacked" :clear-input="true"
|
|
|
v-model="dataModel.companyEmail" class="custom">
|
|
|
</ion-input>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">企业归类</ion-label>
|
|
|
- <ion-item mode="md">
|
|
|
- <ion-select interface="action-sheet" placeholder="请选择企业归类" cancel-text="取消"
|
|
|
+ </div>
|
|
|
+ <div class="form-select">
|
|
|
+ <ion-label>企业分类</ion-label>
|
|
|
+ <ion-select interface="action-sheet" placeholder="请选择企业分类" cancel-text="取消"
|
|
|
id="companyType" v-model="dataModel.companyType" style="width: 100%;text-align: left;">
|
|
|
<ion-select-option v-for="(record,key) in companyTypeList" :key="key"
|
|
|
v-model:value="record.code">
|
|
|
{{ record.name }}
|
|
|
</ion-select-option>
|
|
|
</ion-select>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">企业规模</ion-label>
|
|
|
- <ion-item mode="md">
|
|
|
+ </div>
|
|
|
+ <div class="form-select">
|
|
|
+ <ion-label>企业规模</ion-label>
|
|
|
<ion-select interface="action-sheet" placeholder="请选择企业规模" cancel-text="取消"
|
|
|
id="companyModel" v-model="dataModel.companyModel" style="width: 100%;text-align: left;">
|
|
|
<ion-select-option v-for="(record,key) in companyModelList" :key="key"
|
|
@@ -158,53 +165,33 @@
|
|
|
{{ record.name }}
|
|
|
</ion-select-option>
|
|
|
</ion-select>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">所属县区</ion-label>
|
|
|
- <ion-item mode="md">
|
|
|
- <ion-select interface="action-sheet" placeholder="请选择所属县区" cancel-text="取消" @ionChange="changeCity"
|
|
|
- id="regionCode" v-model="dataModel.regionCode" style="width:100%;text-align: left;">
|
|
|
- <ion-select-option v-for="(record,key) in regionList" :key="key"
|
|
|
- v-model:value="record.code">
|
|
|
- {{ record.name }}
|
|
|
- </ion-select-option>
|
|
|
- </ion-select>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">所属街道</ion-label>
|
|
|
- <ion-item mode="md">
|
|
|
- <ion-select interface="action-sheet" placeholder="请选择所属街道" cancel-text="取消"
|
|
|
- id="streetCode" v-model="dataModel.streetCode" style="width: 100%;text-align: left;">
|
|
|
- <ion-select-option v-for="(record,key) in streetList" :key="key"
|
|
|
- v-model:value="record.code">
|
|
|
- {{ record.name }}
|
|
|
- </ion-select-option>
|
|
|
- </ion-select>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">用工情况(人)</ion-label>
|
|
|
- <ion-item mode="md">
|
|
|
+ </div>
|
|
|
+ <div class="form-input">
|
|
|
+ <ion-label>用工情况(人)</ion-label>
|
|
|
<ion-input type="number" placeholder="请输入用工人数" label-placement="stacked" :clear-input="true"
|
|
|
v-model="dataModel.workSituation" class="custom">
|
|
|
</ion-input>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">参保人数(人)</ion-label>
|
|
|
- <ion-item mode="md">
|
|
|
+ </div>
|
|
|
+ <div class="form-input">
|
|
|
+ <ion-label>参保人数(人)</ion-label>
|
|
|
<ion-input type="number" placeholder="请输入参保人数" label-placement="stacked" :clear-input="true"
|
|
|
v-model="dataModel.insuredCount" class="custom">
|
|
|
</ion-input>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">经营范围</ion-label>
|
|
|
- <ion-item mode="md">
|
|
|
+ </div>
|
|
|
+ <div class="form-input">
|
|
|
+ <ion-label>经营范围</ion-label>
|
|
|
<ion-textarea placeholder="请输入经营范围" :rows="3" label-placement="stacked" :clear-input="true"
|
|
|
v-model="dataModel.businScope" class="custom">
|
|
|
</ion-textarea>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">企业简介</ion-label>
|
|
|
- <ion-item mode="md">
|
|
|
+ </div>
|
|
|
+ <div class="form-input">
|
|
|
+ <ion-label>企业简介</ion-label>
|
|
|
<ion-textarea placeholder="请输入企业简介" :rows="3" label-placement="stacked" :clear-input="true"
|
|
|
- v-model="dataModel.companyDesc" class="custom">
|
|
|
+ v-model="dataModel.companyDesc" class="custom">
|
|
|
</ion-textarea>
|
|
|
- </ion-item>
|
|
|
- </ion-list>
|
|
|
- </ion-list>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</form>
|
|
|
</ion-content>
|
|
|
<ion-footer>
|
|
@@ -217,14 +204,15 @@
|
|
|
</ion-page>
|
|
|
</template>
|
|
|
<script lang="ts">
|
|
|
-import {defineComponent, ref, reactive, computed, watch, toRefs} from "vue";
|
|
|
+import {defineComponent, ref, reactive, computed, toRefs} from "vue";
|
|
|
+// import {MultiPickerModule} from 'ion-multi-picker';
|
|
|
import {chevronDownOutline, chevronUpOutline, arrowBackOutline} from 'ionicons/icons';
|
|
|
import {getRegionList, getSiteList, getStreeList} from '@/api/company/index'
|
|
|
import {useRoute,useRouter} from "vue-router";
|
|
|
-import {alertController, onIonViewDidEnter} from "@ionic/vue";
|
|
|
+import {alertController, IonIcon, onIonViewDidEnter} from "@ionic/vue";
|
|
|
import {useVuelidate} from "@vuelidate/core";
|
|
|
import {getCompanyById,saveCompanyInfo} from "@/api/company";
|
|
|
-import {minLength,required} from "@vuelidate/validators";
|
|
|
+import {required} from "@vuelidate/validators";
|
|
|
import {getSysDictionaryList} from "@/api/system/dictionary";
|
|
|
import dayjs from "dayjs";
|
|
|
|
|
@@ -236,6 +224,7 @@ interface StepParams{
|
|
|
|
|
|
export default defineComponent({
|
|
|
name: 'CompanyEdit',
|
|
|
+ // components: {MultiPickerModule},
|
|
|
setup() {
|
|
|
const route = useRoute();
|
|
|
const router = useRouter();
|
|
@@ -289,6 +278,51 @@ export default defineComponent({
|
|
|
{value: 0, name: '否'},
|
|
|
];
|
|
|
|
|
|
+ // 选中省市区
|
|
|
+ const cityDefault = ref<string >('');
|
|
|
+ //数据数组
|
|
|
+ const provinceColumns = ref<any>([{name:"广东省",code:"440000000000000"}]);
|
|
|
+ const cityColumns = ref<any>([{name:"惠州市",code:"441300000000000"}]);
|
|
|
+ const regionColumns = ref<any>([]);
|
|
|
+ const streetColumns = ref<any>([]);
|
|
|
+
|
|
|
+ // /** 选择的区域 */
|
|
|
+ // const regionChecked= ref<string>('');
|
|
|
+ // // /** 选择的街道 */
|
|
|
+ // const streetChecked= ref<string>('');
|
|
|
+ //
|
|
|
+ // // /** 编辑传入的地址 */
|
|
|
+ // const defaultAddText= ref<string>('');
|
|
|
+ //
|
|
|
+ // const allData = ref<any>({
|
|
|
+ // province: [],
|
|
|
+ // city: [],
|
|
|
+ // region: [{name:"",code:""}],
|
|
|
+ // street: [{name:"",code:""}]
|
|
|
+ // });
|
|
|
+ //
|
|
|
+ // //获取选定的省市区
|
|
|
+ // const getCityArea = () =>{
|
|
|
+ // // 城市选中后默认为字符串,并且获取到的是编码不是直接内容,为了把省份 城市 区域分为三个字段,所以把字符串分割为数组,在每个单独赋值
|
|
|
+ // let cities = cityDefault.value.split(' ');
|
|
|
+ // allData.value.province = provinceColumns.value;
|
|
|
+ // allData.value.city = cityColumns.value;
|
|
|
+ // allData.value.region = regionColumns.value[0].options;
|
|
|
+ // allData.value.street = streetColumns.value[0].options;
|
|
|
+ //
|
|
|
+ // /* 循环城市数组,通过获取到的省市区编码来查询对应的文字内容 **/
|
|
|
+ // allData.value.region.map(v=>{
|
|
|
+ // if(v.code == cities[0]){
|
|
|
+ // regionChecked.value = v.name; /* 县区 */
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // allData.value.street.map(v => {
|
|
|
+ // if (v.code == cities[1]) {
|
|
|
+ // streetChecked.value = v.name; /* 街道 */
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+
|
|
|
const getCompanyModelList = async function(){
|
|
|
const companyModelResult :any = await getSysDictionaryList("CompanyModel");
|
|
|
companyModelList.value = companyModelResult;
|
|
@@ -360,7 +394,7 @@ export default defineComponent({
|
|
|
}
|
|
|
const emailReg = /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/;
|
|
|
// 这里由于企业邮箱非必填所以先判断是否填写了企业邮箱
|
|
|
- if(formState.dataModel.companyEmail!==""){
|
|
|
+ if(formState.dataModel.companyEmail!=null&&formState.dataModel.companyEmail!=""){
|
|
|
if(!emailReg.test(formState.dataModel.companyEmail)){
|
|
|
presentAlert("输入的企业邮箱有误!");
|
|
|
isAllowCommit.value = false;
|
|
@@ -374,20 +408,12 @@ export default defineComponent({
|
|
|
await presentAlert('请输入完整信息!');
|
|
|
return null;
|
|
|
}
|
|
|
- /*const jsonStr = JSON.stringify(formState.dataModel);
|
|
|
- localStorage.removeItem('companyData');
|
|
|
- localStorage.setItem("companyData", jsonStr);*/
|
|
|
companyCodeValidate();
|
|
|
inputDataValidate();
|
|
|
if(isAllowCommit.value){
|
|
|
saveCompanyInfo(formState.dataModel).then(result => {
|
|
|
if (result) {
|
|
|
- if(isAdd.value){
|
|
|
- router.push({path: './menu', query: {reload:1,id:formState.dataModel.companyID,status:2}});
|
|
|
- }
|
|
|
- else{
|
|
|
router.push({path: './postList', query: {reload:1,id:formState.dataModel.companyID,status:3}});
|
|
|
- }
|
|
|
}
|
|
|
});
|
|
|
}
|
|
@@ -475,6 +501,12 @@ export default defineComponent({
|
|
|
siteList,
|
|
|
regionList,
|
|
|
streetList,
|
|
|
+ // defaultAddText,
|
|
|
+ // cityDefault,
|
|
|
+ // provinceColumns,
|
|
|
+ // cityColumns ,
|
|
|
+ // regionColumns ,
|
|
|
+ // streetColumns,
|
|
|
shortAgeTypeList,
|
|
|
companyStatusList,
|
|
|
companyModelList,
|
|
@@ -500,8 +532,7 @@ export default defineComponent({
|
|
|
|
|
|
.custom{
|
|
|
--placeholder-color: gray;
|
|
|
- --placeholder-font-style:italic;
|
|
|
- --placeholder-opacity: 1;
|
|
|
+ --placeholder-opacity: 0.5;
|
|
|
}
|
|
|
|
|
|
.title-item{
|