修改问题
parent
0e0c517014
commit
6c2a8e3a4d
@ -1,6 +0,0 @@
|
||||
@import "~ant-design-vue/lib/style/index";
|
||||
|
||||
// The prefix to use on all css classes from ant-pro.
|
||||
@ant-pro-prefix : ant-pro;
|
||||
@ant-global-sider-zindex : 106;
|
||||
@ant-global-header-zindex : 105;
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,488 +0,0 @@
|
||||
<template>
|
||||
<a-collapse class="collapse-box bill-info-box" :bordered="false" v-model="showKey">
|
||||
<a-collapse-panel key="1" :showArrow="false">
|
||||
<template slot="header">
|
||||
<div class="base-tit"><i class="iconfont icon-electronic-signature"></i>签单信息 <span class="click-btn" @click.stop="tabStopFun"></span></div>
|
||||
</template>
|
||||
<template slot="extra">
|
||||
<div class="tab-change"><i class="iconfont icon-xia" :class="{'active': !showKey.includes('1')}"></i></div>
|
||||
</template>
|
||||
<div class="container bill-info">
|
||||
<a-form-model ref="billFrom" :model="details" :rules="rules">
|
||||
<a-row :gutter="10">
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="签单方式"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="issuetype"
|
||||
>
|
||||
<selectView
|
||||
type="issuetype"
|
||||
:defaultVal="details.issuetype"
|
||||
searchApi="Codeissuetypelist"
|
||||
:searchQuery="{ KeyWord: '' }"
|
||||
:showLabel="['enName', 'cnName']"
|
||||
:openSearch="false"
|
||||
@change="getSelectViewRes"
|
||||
></selectView>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="签单日期"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="issuedate"
|
||||
>
|
||||
<datePickerView
|
||||
class="date-picker"
|
||||
:parentVal="details.issuedate"
|
||||
type="issuedate"
|
||||
format="YYYY-MM-DD"
|
||||
@dateChange="dateChangeFun"
|
||||
></datePickerView>
|
||||
<!-- <a-date-picker size="small" v-model="details.issuedate" format="YYYY-MM-DD" /> -->
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="签单地点"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="issueplace"
|
||||
>
|
||||
<selectView
|
||||
type="issueplace"
|
||||
:defaultVal="details.issueplace"
|
||||
searchApi="GetPortloadlist"
|
||||
:searchQuery="{ KeyWord: '' }"
|
||||
:showLabel="['enName']"
|
||||
:openSearch="true"
|
||||
:isCopy="true"
|
||||
@change="getSelectViewRes"
|
||||
></selectView>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="签单地代码"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="issueplaceid"
|
||||
>
|
||||
<inputView type="issueplaceid" size="small" :parentVal="details.issueplaceid" @getInputChange="inputChange"/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="提单份数"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="nobill"
|
||||
>
|
||||
<selectView
|
||||
type="nobill"
|
||||
:defaultVal="details.nobill"
|
||||
searchApi="nobillData"
|
||||
:searchQuery="{ name: '' }"
|
||||
:showLabel="['name']"
|
||||
:openSearch="false"
|
||||
@change="getSelectViewRes"
|
||||
></selectView>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="副本份数"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="copynobill"
|
||||
>
|
||||
<selectView
|
||||
type="copynobill"
|
||||
:defaultVal="details.copynobill"
|
||||
searchApi="copynobilllData"
|
||||
:searchQuery="{ name: '' }"
|
||||
:showLabel="['name']"
|
||||
:openSearch="false"
|
||||
@change="getSelectViewRes"
|
||||
></selectView>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="预付地点"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="prepardat"
|
||||
>
|
||||
<selectView
|
||||
type="prepardat"
|
||||
:defaultVal="details.prepardat"
|
||||
searchApi="GetPortloadlist"
|
||||
:searchQuery="{ KeyWord: '' }"
|
||||
:showLabel="['enName']"
|
||||
:openSearch="true"
|
||||
:isCopy="true"
|
||||
@change="getSelectViewRes"
|
||||
></selectView>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="到付地点"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="payableat"
|
||||
>
|
||||
<selectView
|
||||
type="payableat"
|
||||
:defaultVal="details.payableat"
|
||||
searchApi="GetPortlist"
|
||||
:searchQuery="{ KeyWord: '' }"
|
||||
:showLabel="['enName']"
|
||||
:openSearch="true"
|
||||
@change="getSelectViewRes"
|
||||
></selectView>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="付费方式"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="blfrt"
|
||||
>
|
||||
<selectView
|
||||
type="blfrt"
|
||||
:defaultVal="details.blfrt"
|
||||
searchApi="GetFrt"
|
||||
:searchQuery="{ KeyWord: '' }"
|
||||
:showLabel="['enName']"
|
||||
:openSearch="false"
|
||||
@change="getSelectViewRes"
|
||||
></selectView>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="第三付款地"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="thirdpayaddr"
|
||||
>
|
||||
<inputView type="thirdpayaddr" size="small" :parentVal="details.thirdpayaddr" @getInputChange="inputChange"/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="运输条款"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="service"
|
||||
>
|
||||
<selectView
|
||||
type="service"
|
||||
:defaultVal="details.service"
|
||||
searchApi="GetService"
|
||||
:searchQuery="{ KeyWord: '' }"
|
||||
:showLabel="['name']"
|
||||
:openSearch="true"
|
||||
@change="getSelectViewRes"
|
||||
></selectView>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<template v-if="details.cargoid == 'R'">
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="冷藏通风量"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="reeferf"
|
||||
>
|
||||
<inputView type="reeferf" size="small" :parentVal="details.reeferf" @getInputChange="inputChange"/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="设置温度"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="tempset"
|
||||
>
|
||||
<inputView type="tempset" size="small" :parentVal="details.tempset" @getInputChange="inputChange"/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="温度单位"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="tempid"
|
||||
>
|
||||
<a-select size="small" :default-value="details.tempid || 'C摄氏'" v-model="details.tempid">
|
||||
<a-select-option value="C"> C摄氏 </a-select-option>
|
||||
<a-select-option value="F"> F华氏 </a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="最低温度"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="tempmin"
|
||||
>
|
||||
<inputView type="tempmin" size="small" :parentVal="details.tempmin" @getInputChange="inputChange"/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="最高温度"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="tempmax"
|
||||
>
|
||||
<inputView type="tempmax" size="small" :parentVal="details.tempmax" @getInputChange="inputChange"/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item class="from-label" label="湿度" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback prop="humidity">
|
||||
<inputView type="humidity" size="small" :parentVal="details.humidity" @getInputChange="inputChange"/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</template>
|
||||
<template v-if="details.cargoid == 'D'">
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="危险品等级"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="dclass"
|
||||
>
|
||||
<inputView type="dclass" size="small" :parentVal="details.dclass" @getInputChange="inputChange"/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="危险品编号"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="dunno"
|
||||
>
|
||||
<inputView type="dunno" size="small" :parentVal="details.dunno" @getInputChange="inputChange"/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="危险品页号"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="dpage"
|
||||
>
|
||||
<inputView type="dpage" size="small" :parentVal="details.dpage" @getInputChange="inputChange"/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="危险品标签"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="dlabel"
|
||||
>
|
||||
<inputView type="dlabel" size="small" :parentVal="details.dlabel" @getInputChange="inputChange"/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="危险品联系人"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="linkman"
|
||||
>
|
||||
<inputView type="linkman" size="small" :parentVal="details.linkman" @getInputChange="inputChange"/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</template>
|
||||
</a-row>
|
||||
</a-form-model>
|
||||
</div>
|
||||
</a-collapse-panel>
|
||||
</a-collapse>
|
||||
</template>
|
||||
<script>
|
||||
import inputView from '../components/inputView'
|
||||
import selectView from '../components/selectView'
|
||||
import datePickerView from '../components/datePickerView'
|
||||
|
||||
export default {
|
||||
name: '',
|
||||
components: {
|
||||
selectView,
|
||||
inputView,
|
||||
datePickerView
|
||||
},
|
||||
props: {
|
||||
details: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
}
|
||||
},
|
||||
rules: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
}
|
||||
},
|
||||
inSave: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isParent: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
labelCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 8 },
|
||||
md: { span: 10 }
|
||||
},
|
||||
wrapperCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 15 },
|
||||
md: { span: 13 }
|
||||
},
|
||||
showKey: ['1']
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
details: {
|
||||
handler(nval, oval) {
|
||||
if (!this.inSave) {
|
||||
this.$emit('changeDetail', {
|
||||
detail: nval,
|
||||
type: 'billInfo'
|
||||
})
|
||||
}
|
||||
this.$forceUpdate()
|
||||
},
|
||||
deep: true
|
||||
},
|
||||
'$route.query': {
|
||||
immediate: true,
|
||||
handler(nD, oD) {
|
||||
this.id = this.$route.query.id
|
||||
}
|
||||
}
|
||||
},
|
||||
created() { },
|
||||
methods: {
|
||||
checkbasic () {
|
||||
this.$refs.billFrom.validate(valid => {
|
||||
if (valid) {
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
});
|
||||
},
|
||||
handleCopyNoChange(value) {
|
||||
this.details.copynobill = value
|
||||
},
|
||||
handleNoChange(value) {
|
||||
this.details.nobill = value
|
||||
},
|
||||
getSelectViewRes({ type, res }) {
|
||||
if (['issuetype', 'blfrt'].includes(type)) {
|
||||
this.details[type] = res.enName || ''
|
||||
if (type === 'blfrt') {
|
||||
if (this.details.blfrt === 'FREIGHT COLLECT') {
|
||||
this.details.payableat = this.details.payableat ? this.details.payableat : this.details.portdischarge || ''
|
||||
this.details.payableatid = this.details.payableatid ? this.details.payableatid : this.details.portdischargeid || ''
|
||||
} else {
|
||||
this.details.prepardat = this.details.prepardat ? this.details.prepardat : this.details.portload || ''
|
||||
this.details.prepardatid = this.details.prepardatid ? this.details.prepardatid : this.details.portloadid || ''
|
||||
}
|
||||
}
|
||||
} else if (['issueplace', 'prepardat', 'payableat'].includes(type)) {
|
||||
this.details[type] = res.enName || ''
|
||||
this.details[`${type}id`] = res.ediCode || ''
|
||||
} else if (['service'].includes(type)) {
|
||||
this.details[type] = res.name || ''
|
||||
} else if (['nobill', 'copynobill'].includes(type)) {
|
||||
this.details[type] = res.code || ''
|
||||
}
|
||||
},
|
||||
inputChange({ type, value }) {
|
||||
this.details[type] = value
|
||||
this.$forceUpdate()
|
||||
},
|
||||
dateChangeFun ({ type, value }) {
|
||||
this.details[type] = value || ''
|
||||
},
|
||||
tabStopFun () {
|
||||
return false
|
||||
},
|
||||
tabChangeFun () {
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
/deep/ .ant-form-explain{
|
||||
display: none !important;
|
||||
}
|
||||
/deep/ .ant-form-item-children-icon .anticon-check-circle{
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
<style lang="less" scoped>
|
||||
@import url('../style/billInfo.less');
|
||||
</style>
|
||||
@ -1,340 +0,0 @@
|
||||
<template>
|
||||
<a-collapse class="collapse-box" :bordered="false" v-model="showKey">
|
||||
<a-collapse-panel key="1" :showArrow="false">
|
||||
<template slot="header">
|
||||
<div class="base-tit"><i class="iconfont icon-goods"></i>货物信息 <span
|
||||
class="click-btn"
|
||||
@click.stop="tabStopFun"></span></div>
|
||||
</template>
|
||||
<template slot="extra">
|
||||
<div class="tab-change"><i class="iconfont icon-xia" :class="{ 'active': !showKey.includes('1') }"></i></div>
|
||||
</template>
|
||||
<div class="container cargo-info">
|
||||
<a-form-model :selfUpdate="true" ref="cargoFrom" :model="details" :rules="rules">
|
||||
<a-row :gutter="20">
|
||||
<a-col :span="8">
|
||||
<div class="cargo-info-tit" :class="{ 'required': rules['marks'] && rules['marks'][0].required }">
|
||||
<div>Seal No.(封志号)<span
|
||||
@click="handleOpen(1)"
|
||||
style="cursor: pointer;"
|
||||
class="copy-btn iconfont icon-bianji"></span></div>
|
||||
<div>Marks & Nos.(标记与号码)</div>
|
||||
</div>
|
||||
<a-form-model-item has-feedback prop="marks" class="textarea-label" label="">
|
||||
<div class="bottom">
|
||||
<textareaView
|
||||
class="input-box"
|
||||
id="marks-scroll"
|
||||
:parentVal="details.marks"
|
||||
type="marks"
|
||||
:height="100"
|
||||
:openToCDB="true"
|
||||
@getTextareaChange="getTextareaChange" />
|
||||
<div
|
||||
class="line-count"
|
||||
id="marks-scroll-right"
|
||||
v-if="Object.keys(details).length > 1 && details.marks.length > 1">
|
||||
<div v-for="(num, index) in details.marks.split('\n')" :key="index">{{ num.length }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="16">
|
||||
<div class="line">
|
||||
<div
|
||||
class="left"
|
||||
:class="{ 'required': rules['description'] && rules['description'][0].required }"
|
||||
v-if="details.carrierid !== 'PIL'">
|
||||
<div>Description of Goods</div>
|
||||
<div>(包装种类与货名)<span
|
||||
@click="handleOpen(2)"
|
||||
style="cursor: pointer;"
|
||||
class="copy-btn iconfont icon-bianji"></span></div>
|
||||
</div>
|
||||
<div class="left" v-else>
|
||||
<div class="title" :class="{ 'required': rules['description'] && rules['description'][0].required }">
|
||||
Description of Goods (包装种类与货名)<span
|
||||
@click="handleOpen(2)"
|
||||
style="cursor: pointer;color: black;"
|
||||
class="copy-btn iconfont icon-bianji"></span></div>
|
||||
<a-form-model-item
|
||||
has-feedback
|
||||
prop="goodsname"
|
||||
label=""
|
||||
:class="{ 'goods-name-box': rules['goodsname'] && rules['goodsname'][0].required }">
|
||||
<i
|
||||
class="icon required goods-required"
|
||||
v-if="rules['goodsname'] && rules['goodsname'][0].required"></i>
|
||||
<!-- :showLabel="['goodsNameEN', 'goodsCode']" -->
|
||||
<selectView
|
||||
type="goodsname"
|
||||
:defaultVal="details.goodsname"
|
||||
searchApi="getGoodsname"
|
||||
:searchQuery="{ queryItem: '', top: 50 }"
|
||||
:showLabel="['goodsNameEN', 'goodsCode']"
|
||||
:openSearch="true"
|
||||
@change="getSelectViewRes"
|
||||
style="width: 75%;max-width:210px;"></selectView>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
<div class="cargo-mark">
|
||||
<div :class="{ 'required': rules['cargoid'] && rules['cargoid'][0].required }" class="tit">货物标志</div>
|
||||
<a-form-model-item class="cargoid" has-feedback prop="cargoid" label="" style="margin-top:-6px;">
|
||||
<selectView
|
||||
type="cargoid"
|
||||
:defaultVal="details.cargoid"
|
||||
searchApi="cargoData"
|
||||
:searchQuery="{ name: '' }"
|
||||
:showLabel="['name']"
|
||||
:openSearch="false"
|
||||
@change="getSelectViewRes"
|
||||
style="width: 120px;margin-top:7px;"></selectView>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
<div class="input">
|
||||
<div :class="{ 'required': rules['hscode'] && rules['hscode'][0].required }" calss="tit">HS编码</div>
|
||||
<a-form-model-item class="cargoid" has-feedback prop="hscode" label="" style="margin-top:-2px;">
|
||||
<!-- <a-input size="small" :allowClear="true" v-model="details.hscode" /> -->
|
||||
<inputView type="hscode" size="small" :parentVal="details.hscode" @getInputChange="inputChange" />
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</div>
|
||||
<a-form-model-item has-feedback prop="description" class="textarea-label" label="">
|
||||
<div class="bottom">
|
||||
<textareaView
|
||||
id="description-scroll"
|
||||
class="input-box"
|
||||
:parentVal="details.description"
|
||||
type="description"
|
||||
:height="100"
|
||||
:openToCDB="true"
|
||||
@getTextareaChange="getTextareaChange" />
|
||||
<div
|
||||
class="line-count"
|
||||
id="description-scroll-right"
|
||||
v-if="Object.keys(details).length > 1 && details.description.length > 1">
|
||||
<div v-for="(num, index) in details.description.split('\n')" :key="index">{{ num.length }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col class="num-box" :span="24">
|
||||
<span class="label">件数大写: </span>
|
||||
<a-input
|
||||
:allowClear="true"
|
||||
class="input-val num-box-right"
|
||||
v-model="details.totalno"
|
||||
disabled
|
||||
placeholder="自动生成" />
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form-model>
|
||||
</div>
|
||||
<a-modal :title="modelTitle" :width="900" :visible="visible" @ok="visible = false" @cancel="visible = false">
|
||||
<div>
|
||||
<div v-if="modelType === 1" style="display: flex;">
|
||||
<textareaView
|
||||
class="input-box"
|
||||
id="marks-scroll"
|
||||
:parentVal="details.marks"
|
||||
type="marks"
|
||||
:height="500"
|
||||
style="font-size:20px;margin-right: 10px;"
|
||||
:openToCDB="true"
|
||||
@getTextareaChange="getTextareaChange" />
|
||||
<div
|
||||
class="line-count"
|
||||
id="marks-scroll-right"
|
||||
v-if="Object.keys(details).length > 1 && details.marks.length > 1">
|
||||
<div v-for="(num, index) in details.marks.split('\n')" :key="index">{{ num.length }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="modelType === 2" style="display: flex;">
|
||||
<textareaView
|
||||
id="description-scroll"
|
||||
class="input-box"
|
||||
:parentVal="details.description"
|
||||
type="description"
|
||||
:height="500"
|
||||
style="font-size:20px;margin-right: 10px;"
|
||||
:openToCDB="true"
|
||||
@getTextareaChange="getTextareaChange" />
|
||||
<div
|
||||
class="line-count"
|
||||
id="description-scroll-right"
|
||||
v-if="Object.keys(details).length > 1 && details.description.length > 1">
|
||||
<div v-for="(num, index) in details.description.split('\n')" :key="index">{{ num.length }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</a-modal>
|
||||
</a-collapse-panel>
|
||||
</a-collapse>
|
||||
</template>
|
||||
<script>
|
||||
|
||||
import textareaView from '../components/textareaView'
|
||||
import selectView from '../components/selectView'
|
||||
import inputView from '../components/inputView'
|
||||
|
||||
let timer;
|
||||
export default {
|
||||
name: '',
|
||||
components: {
|
||||
textareaView,
|
||||
selectView,
|
||||
inputView
|
||||
},
|
||||
props: {
|
||||
details: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
}
|
||||
},
|
||||
moreStr: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
rules: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
}
|
||||
},
|
||||
inSave: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isParent: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
showKey: ['1'],
|
||||
modelTitle: '',
|
||||
modelType: 0,
|
||||
visible: false
|
||||
// goodsnameData: []
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
details: {
|
||||
handler(nval, oval) {
|
||||
if (!this.inSave) {
|
||||
this.$emit('changeDetail', {
|
||||
detail: nval,
|
||||
type: 'cargoInfo'
|
||||
})
|
||||
}
|
||||
},
|
||||
deep: true
|
||||
},
|
||||
moreStr(nval, oval) {
|
||||
if (nval !== oval) {
|
||||
let str = this.details.description
|
||||
if (str.length > 0) {
|
||||
str += '\n'
|
||||
}
|
||||
this.details.description = str + nval
|
||||
}
|
||||
},
|
||||
'$route.query': {
|
||||
immediate: true,
|
||||
handler(nD, oD) {
|
||||
this.id = this.$route.query.id
|
||||
}
|
||||
}
|
||||
},
|
||||
created() { },
|
||||
mounted() {
|
||||
const marksScroll = document.getElementById('marks-scroll')
|
||||
if (marksScroll) {
|
||||
marksScroll.addEventListener('scroll', () => {
|
||||
document.getElementById('marks-scroll-right').scrollTop = marksScroll.scrollTop
|
||||
})
|
||||
}
|
||||
const descriptionScroll = document.getElementById('description-scroll')
|
||||
if (descriptionScroll) {
|
||||
descriptionScroll.addEventListener('scroll', () => {
|
||||
document.getElementById('description-scroll-right').scrollTop = descriptionScroll.scrollTop
|
||||
})
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleOpen(type) {
|
||||
this.modelType = type
|
||||
if (type === 1) {
|
||||
this.modelTitle = '唛头'
|
||||
} else {
|
||||
this.modelTitle = '货物描述'
|
||||
}
|
||||
this.visible = true
|
||||
},
|
||||
debounce(func, wait, ...args) {
|
||||
if (timer) clearTimeout(timer);
|
||||
timer = setTimeout(() => {
|
||||
func.apply(this, args);
|
||||
}, wait);
|
||||
},
|
||||
checkbasic() {
|
||||
this.$refs.cargoFrom.validate(valid => {
|
||||
if (valid) {
|
||||
console.log('验证成功!');
|
||||
return true;
|
||||
} else {
|
||||
console.log('验证失败!');
|
||||
return false;
|
||||
}
|
||||
});
|
||||
},
|
||||
handleChange(value) {
|
||||
this.details.cargoid = value
|
||||
},
|
||||
getTextareaChange({ type, value }) {
|
||||
this.details[type] = value
|
||||
this.$forceUpdate()
|
||||
},
|
||||
getSelectViewRes({ type, res }) {
|
||||
if (type === 'goodsname') {
|
||||
this.details.goodscode = res.goodsCode || ''
|
||||
this.details.goodsname = res.goodsNameEN || ''
|
||||
} else if (type === 'cargoid') {
|
||||
this.details.cargoid = res.code || ''
|
||||
}
|
||||
},
|
||||
inputChange({ type, value }) {
|
||||
this.details[type] = value
|
||||
this.$forceUpdate()
|
||||
},
|
||||
tabStopFun() {
|
||||
return false
|
||||
},
|
||||
tabChangeFun() {
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.copy-btn {
|
||||
margin-left: 10px;
|
||||
|
||||
&:hover {
|
||||
color: @primary-color !important;
|
||||
}
|
||||
}
|
||||
|
||||
/deep/ .ant-form-explain {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/deep/ .ant-form-item-children-icon .anticon-check-circle {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
<style lang="less" scoped>
|
||||
@import url('../style/cargoInfo.less');
|
||||
</style>
|
||||
@ -1,713 +0,0 @@
|
||||
<template>
|
||||
<div class="more-edi" :style="{ paddingTop: '20px', paddingBottom: '10px' }">
|
||||
<a-form-model ref="ediFrom" :model="details" :rules="rules" v-if="details">
|
||||
<div class="normal">
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="发送方EDI代码"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.sendCode"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.sendCode" /> -->
|
||||
<inputView type="sendCode" :parentVal="details.bookingEDIExt.sendCode" @getInputChange="inputChange" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="接收方EDI代码"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.receiveCode"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.receiveCode" /> -->
|
||||
<inputView
|
||||
type="receiveCode"
|
||||
:parentVal="details.bookingEDIExt.receiveCode"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="EDI联系人名称"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.ediAttn"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.ediAttn" /> -->
|
||||
<inputView type="ediAttn" :parentVal="details.bookingEDIExt.ediAttn" @getInputChange="inputChange" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="EDI联系人电话"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.ediAttnTel"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.ediAttnTel" /> -->
|
||||
<inputView
|
||||
type="ediAttnTel"
|
||||
:parentVal="details.bookingEDIExt.ediAttnTel"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="EDI联系人邮箱"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.ediAttnMail"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.ediAttnMail" /> -->
|
||||
<inputView
|
||||
type="ediAttnMail"
|
||||
:parentVal="details.bookingEDIExt.ediAttnMail"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="AMS收货人"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.amsConsignee"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.amsConsignee" /> -->
|
||||
<inputView
|
||||
type="amsConsignee"
|
||||
:parentVal="details.bookingEDIExt.amsConsignee"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="AMS通知人"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.amsNotifyParty"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.amsNotifyParty" /> -->
|
||||
<inputView
|
||||
type="amsNotifyParty"
|
||||
:parentVal="details.bookingEDIExt.amsNotifyParty"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="操作英文名称"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.opEName"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.opEName" /> -->
|
||||
<inputView type="opEName" :parentVal="details.bookingEDIExt.opEName" @getInputChange="inputChange" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="操作电话"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.opTel"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.opTel" /> -->
|
||||
<inputView type="opTel" :parentVal="details.bookingEDIExt.opTel" @getInputChange="inputChange" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="操作邮箱"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.opEmail"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.opEmail" /> -->
|
||||
<inputView type="opEmail" :parentVal="details.bookingEDIExt.opEmail" @getInputChange="inputChange" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="商品名称"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.goodsName"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.goodsName" /> -->
|
||||
<inputView type="goodsName" :parentVal="details.bookingEDIExt.goodsName" @getInputChange="inputChange" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="SOC箱"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="iscontainersoc"
|
||||
>
|
||||
<a-select size="small" :default-value="iscontainersoc" style="width: 120px" v-model="iscontainersoc">
|
||||
<a-select-option value="1"> 是 </a-select-option>
|
||||
<a-select-option value="0"> 否 </a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="SCAC代码"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="scaccode"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.scaccode" /> -->
|
||||
<inputView type="scaccode" :parentVal="details.scaccode" @getInputChange="inputChange" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="ITN编号"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="itncode"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.itncode" /> -->
|
||||
<inputView type="itncode" :parentVal="details.itncode" @getInputChange="inputChange" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="订舱人说明"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.orderRemark"
|
||||
>
|
||||
<!-- <a-input v-model="details.bookingEDIExt.orderRemark" /> -->
|
||||
<inputView
|
||||
type="orderRemark"
|
||||
:placeholder="'订舱人说明或ESL BP CODE'"
|
||||
:parentVal="details.bookingEDIExt.orderRemark"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="付款方"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="freightpayer"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.freightpayer" /> -->
|
||||
<inputView type="freightpayer" :parentVal="details.freightpayer" @getInputChange="inputChange" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="第一层包装皮重"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.kingTareweight"
|
||||
>
|
||||
<inputView
|
||||
type="kingTareweight"
|
||||
:parentVal="details.bookingEDIExt.kingTareweight"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="指定业务员"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.xmcywy"
|
||||
>
|
||||
<inputView
|
||||
type="xmcywy"
|
||||
:parentVal="details.bookingEDIExt.xmcywy"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col v-if="details.carrierid == 'EMC'" :span="8">
|
||||
<a-form-model-item
|
||||
label="Name accout"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.emcNameAccount"
|
||||
>
|
||||
<inputView
|
||||
type="emcNameAccount"
|
||||
:parentVal="details.bookingEDIExt.emcNameAccount"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="23">
|
||||
<a-form-model-item
|
||||
label="委托方"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 3 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 21 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.weiTuoFang"
|
||||
style="margin-top:4px;"
|
||||
>
|
||||
<a-textarea
|
||||
size="small"
|
||||
v-model="details.bookingEDIExt.weiTuoFang"
|
||||
:auto-size="{ minRows: 2, maxRows: 5 }"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</div>
|
||||
<div class="ex-remark">
|
||||
<div class="title">
|
||||
<span class="line left"></span>
|
||||
<span class="text">业务备注</span>
|
||||
<span class="line right"></span>
|
||||
</div>
|
||||
<div class="ex-remark-content">
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="辅助字段1"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 17 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.exRemark1"
|
||||
>
|
||||
<a-textarea
|
||||
size="small"
|
||||
:allowClear="true"
|
||||
v-model="details.bookingEDIExt.exRemark1"
|
||||
:auto-size="{ minRows: 2, maxRows: 5 }"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="辅助字段2"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 17 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.exRemark2"
|
||||
>
|
||||
<a-textarea
|
||||
size="small"
|
||||
:allowClear="true"
|
||||
v-model="details.bookingEDIExt.exRemark2"
|
||||
:auto-size="{ minRows: 2, maxRows: 5 }"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="辅助字段3"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 17 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.exRemark3"
|
||||
>
|
||||
<a-textarea
|
||||
size="small"
|
||||
:allowClear="true"
|
||||
v-model="details.bookingEDIExt.exRemark3"
|
||||
:auto-size="{ minRows: 2, maxRows: 5 }"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="辅助字段4"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 17 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.exRemark4"
|
||||
>
|
||||
<a-textarea
|
||||
size="small"
|
||||
:allowClear="true"
|
||||
v-model="details.bookingEDIExt.exRemark4"
|
||||
:auto-size="{ minRows: 2, maxRows: 5 }"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</div>
|
||||
</div>
|
||||
<!-- === 太平添加 start === -->
|
||||
<template v-if="details.carrierid == 'PIL'">
|
||||
<div class="taiping">
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="收货人EDI代码"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.consigneeEdiCode"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.consigneeEdiCode" /> -->
|
||||
<inputView
|
||||
type="consigneeEdiCode"
|
||||
:parentVal="details.bookingEDIExt.consigneeEdiCode"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="发货人EDI代码"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.shipperEdiCode"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.shipperEdiCode" /> -->
|
||||
<inputView
|
||||
type="shipperEdiCode"
|
||||
:parentVal="details.bookingEDIExt.shipperEdiCode"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="通知方EDI代码"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.notifyCdoe"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.notifyCdoe" /> -->
|
||||
<inputView
|
||||
type="notifyCdoe"
|
||||
:parentVal="details.bookingEDIExt.notifyCdoe"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="太平销售EDI代码"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.salerCode"
|
||||
>
|
||||
<selectView
|
||||
type="salerCode"
|
||||
:defaultVal="details.bookingEDIExt.salerCode"
|
||||
searchApi="salerCode"
|
||||
:searchQuery="{ NAME: '' }"
|
||||
:showLabel="['NAME']"
|
||||
:openSearch="false"
|
||||
@change="getSelectViewRes"
|
||||
></selectView>
|
||||
<!-- <a-select size="small" default-value="CN087 | GRACE SUN" v-model="details.bookingEDIExt.salerCode" @change="handleSaleChange">
|
||||
<a-select-option v-for="(sales, sindex) in StoreSalesRepCode" :value="sales.NAME" :key="sindex">
|
||||
{{ sales.NAME }}
|
||||
</a-select-option>
|
||||
</a-select> -->
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="EMANIFEST HBL"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.emanifestHbl"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.emanifestHbl" /> -->
|
||||
<inputView
|
||||
type="emanifestHbl"
|
||||
:parentVal="details.bookingEDIExt.emanifestHbl"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="Master Bol Indicator"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.masterBolIndicator"
|
||||
>
|
||||
<selectView
|
||||
type="masterBolIndicator"
|
||||
:defaultVal="details.bookingEDIExt.masterBolIndicatorName"
|
||||
searchApi="StoreMasterBOLIndicator"
|
||||
:searchQuery="{ NAME: '' }"
|
||||
:showLabel="['NAME']"
|
||||
:openSearch="false"
|
||||
@change="getSelectViewRes"
|
||||
></selectView>
|
||||
<!-- <a-select size="small" v-model="details.bookingEDIExt.masterBolIndicator" @change="handleMasterBolChange" optionLabelProp="label">
|
||||
<a-select-option v-for="(master, mindex) in StoreMasterBOLIndicator" :value="mindex" :key="mindex">
|
||||
{{ master.NAME }}
|
||||
</a-select-option>
|
||||
</a-select> -->
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="S0C C0C:"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.s0CC0C"
|
||||
style="margin-top:4px;"
|
||||
>
|
||||
<a-textarea
|
||||
size="small"
|
||||
:allowClear="true"
|
||||
v-model="details.bookingEDIExt.s0CC0C"
|
||||
:auto-size="{ minRows: 2, maxRows: 5 }"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="欧盟港口、伊朗港口、KHI"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.ckhi"
|
||||
style="margin-top:4px;"
|
||||
>
|
||||
<a-textarea size="small" v-model="details.bookingEDIExt.ckhi" :auto-size="{ minRows: 2, maxRows: 5 }" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</div>
|
||||
<div class="taiping-2">
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="南美东"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.cncm"
|
||||
>
|
||||
<a-textarea size="small" v-model="details.bookingEDIExt.cncm" :auto-size="{ minRows: 2, maxRows: 5 }" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="巴西线木质包装情况"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.wncm"
|
||||
>
|
||||
<a-textarea size="small" v-model="details.bookingEDIExt.wncm" :auto-size="{ minRows: 2, maxRows: 5 }" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="ACI HBL:"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.acihbl"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.acihbl" /> -->
|
||||
<inputView type="acihbl" :parentVal="details.bookingEDIExt.acihbl" @getInputChange="inputChange" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="CNPT No:"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.cnptNo"
|
||||
>
|
||||
<inputView type="CNPTNo" :parentVal="details.bookingEDIExt.cnptNo" @getInputChange="inputChange" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</div>
|
||||
</template>
|
||||
<!-- === 太平添加 END === -->
|
||||
</a-form-model>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import inputView from '../components/inputView'
|
||||
import selectView from '../components/selectView'
|
||||
let timer
|
||||
export default {
|
||||
components: {
|
||||
inputView,
|
||||
selectView
|
||||
},
|
||||
props: {
|
||||
details: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
}
|
||||
},
|
||||
rules: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
}
|
||||
},
|
||||
inSave: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isParent: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
iscontainersoc: '',
|
||||
StoreSalesRepCode: [
|
||||
{ ID: 'CN087', NAME: 'CN087 | GRACE SUN' },
|
||||
{ ID: 'CN096', NAME: 'CN096 | LEON LIANG' },
|
||||
{ ID: 'CN097', NAME: 'CN097 | CHARLES GAO' },
|
||||
{ ID: 'CN098', NAME: 'CN098 | TERESA LIU SHAN' },
|
||||
{ ID: 'CN106', NAME: 'CN106 | HOKI YU' },
|
||||
{ ID: 'CN107', NAME: 'CN107 | WILLIAM YANG JING YU' },
|
||||
{ ID: 'CN099', NAME: 'CN099 | HELEN ZHANG' },
|
||||
{ ID: 'CN100', NAME: 'CN100 | LEOREN' }
|
||||
],
|
||||
StoreMasterBOLIndicator: [
|
||||
{ ID: '1', NAME: 'Carrier filing HBL | 船公司发HBL' },
|
||||
{ ID: '2', NAME: 'Self filing HBL | 自己发' },
|
||||
{ ID: '3', NAME: 'Not Applicable/Straight bl | 无HBL' }
|
||||
]
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
details: {
|
||||
handler(nval, oval) {
|
||||
if (!this.inSave) {
|
||||
this.$emit('changeDetail', {
|
||||
detail: nval,
|
||||
type: 'ediMore'
|
||||
})
|
||||
}
|
||||
},
|
||||
deep: true
|
||||
},
|
||||
iscontainersoc(nval, oval) {
|
||||
this.details.iscontainersoc = nval !== '0'
|
||||
},
|
||||
'$route.query': {
|
||||
immediate: true,
|
||||
handler(nD, oD) {
|
||||
if (this.$route.name === 'BookingDetail') {
|
||||
this.id = this.$route.query.id
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
mounted() {
|
||||
this.iscontainersoc = this.details.iscontainersoc ? '1' : '0'
|
||||
},
|
||||
methods: {
|
||||
debounce(func, wait, ...args) {
|
||||
if (timer) clearTimeout(timer)
|
||||
timer = setTimeout(() => {
|
||||
func.apply(this, args)
|
||||
}, wait)
|
||||
},
|
||||
checkbasic() {
|
||||
this.$refs.ediFrom.validate(valid => {
|
||||
if (valid) {
|
||||
return true
|
||||
} else {
|
||||
return false
|
||||
}
|
||||
})
|
||||
},
|
||||
inputChange({ type, value }) {
|
||||
const bookingEDIExtArr = [
|
||||
'sendCode',
|
||||
'receiveCode',
|
||||
'ediAttn',
|
||||
'ediAttnTel',
|
||||
'ediAttnMail',
|
||||
'amsConsignee',
|
||||
'amsNotifyParty',
|
||||
'opEName',
|
||||
'opTel',
|
||||
'opEmail',
|
||||
'goodsName',
|
||||
'orderRemark',
|
||||
'consigneeEdiCode',
|
||||
'shipperEdiCode',
|
||||
'notifyCdoe',
|
||||
'emanifestHbl',
|
||||
'acihbl',
|
||||
'CNPTNo',
|
||||
'kingTareweight',
|
||||
'xmcywy',
|
||||
'emcNameAccount'
|
||||
]
|
||||
if (bookingEDIExtArr.includes(type)) {
|
||||
this.details.bookingEDIExt[type] = value
|
||||
} else {
|
||||
this.details[type] = value
|
||||
}
|
||||
this.$forceUpdate()
|
||||
},
|
||||
getSelectViewRes({ type, res }) {
|
||||
if (type === 'masterBolIndicator') {
|
||||
this.details.bookingEDIExt.masterBolIndicator = res.ID || ''
|
||||
this.details.bookingEDIExt.masterBolIndicatorName = res.NAME || ''
|
||||
} else if (type === 'salerCode') {
|
||||
this.details.bookingEDIExt.salerCode = res.ID
|
||||
this.details.bookingEDIExt.salerCodeName = res.NAME
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
/deep/ .ant-form-explain {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/deep/ .ant-form-item-children-icon .anticon-check-circle {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
<style lang="less" scoped>
|
||||
@import url('../style/ediMore.less');
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,100 +0,0 @@
|
||||
<template>
|
||||
<a-card class="ramark-box" :bordered="false">
|
||||
<!-- <a-button type="primary" @click="checkbasic"> 验证 </a-button> -->
|
||||
<a-form-model ref="remarkFrom" :model="details" :rules="rules">
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="12">
|
||||
<a-form-model-item prop="soremark">
|
||||
<div class="tit" :class="{'required':rules['soremark'] && rules['soremark'][0].required}"><span class="iconfont icon-bianji"></span>订舱备注</div>
|
||||
<a-textarea :auto-size="{ minRows: 4, maxRows: 7 }" class="input-box" v-model="details.soremark" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item prop="siremark">
|
||||
<div class="tit" :class="{'required':rules['siremark'] && rules['siremark'][0].required}"><span class="iconfont icon-bianji"></span>截单备注</div>
|
||||
<a-textarea :auto-size="{ minRows: 4, maxRows: 7 }" class="input-box" v-model="details.siremark" data-next="box-ctnall"/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form-model>
|
||||
</a-card>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: '',
|
||||
props: {
|
||||
details: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
}
|
||||
},
|
||||
rules: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
}
|
||||
},
|
||||
inSave: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isParent: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
remarks: ''
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
details: {
|
||||
handler(nval, oval) {
|
||||
if (!this.inSave) {
|
||||
this.$emit('changeDetail', {
|
||||
detail: nval,
|
||||
type: 'remarksInfo'
|
||||
})
|
||||
}
|
||||
},
|
||||
deep: true
|
||||
},
|
||||
'$route.query': {
|
||||
immediate: true,
|
||||
handler(nD, oD) {
|
||||
this.id = this.$route.query.id
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
checkbasic () {
|
||||
this.$refs.remarkFrom.validate(valid => {
|
||||
if (valid) {
|
||||
console.log('验证成功!');
|
||||
return true;
|
||||
} else {
|
||||
console.log('验证失败!');
|
||||
return false;
|
||||
}
|
||||
});
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
|
||||
/deep/ .ant-form-explain{
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/deep/ .ant-form-item-children-icon .anticon-check-circle{
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
<style lang="less" scoped>
|
||||
@import url('../style/remarksInfo.less');
|
||||
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,274 +0,0 @@
|
||||
.from-label {
|
||||
margin-bottom: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
/deep/ .from-label label{
|
||||
color: black;
|
||||
}
|
||||
.from-box {
|
||||
border-bottom: 1px dashed #ccc;
|
||||
margin-bottom: 2px;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
|
||||
.from-box2 {
|
||||
padding-bottom: 6px;
|
||||
overflow: hidden;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.from-box3 {
|
||||
border-top: 1px dashed #ccc;
|
||||
/*margin-top: 20px;*/
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.from-box4 {
|
||||
border-top: 1px dashed #ccc;
|
||||
margin-top: 8px;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.date-box {
|
||||
display: flex;
|
||||
padding-top:4px;
|
||||
|
||||
.date-picker {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.week {
|
||||
display: inline-block;
|
||||
padding: 0 0px;
|
||||
background: #f6c806;
|
||||
color: #fff;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
border: 4px;
|
||||
font-size: 10px;
|
||||
margin-left: 8px;
|
||||
border-radius: 2px;
|
||||
width: 32px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.customer-box{
|
||||
display: flex;
|
||||
margin-top: 2px;
|
||||
.customer-input {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.customer-btn {
|
||||
display: inline-block;
|
||||
padding: 0 4px;
|
||||
color: @primary-color;
|
||||
cursor: pointer;
|
||||
margin-top: -4px;
|
||||
}
|
||||
}
|
||||
.copy-box {
|
||||
display: flex;
|
||||
.copy-input{
|
||||
width: 100%;
|
||||
flex: 1;
|
||||
}
|
||||
.copy-btn{
|
||||
width: 30px;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
&:hover{
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.my-dropdown2 {
|
||||
border-radius: 4px;
|
||||
border: 1px solid #dcdfe6;
|
||||
background-color: #fff;
|
||||
}
|
||||
.list-item2 {
|
||||
padding: 3px 8px;
|
||||
}
|
||||
.list-item2:hover {
|
||||
background-color: #f5f7fa;
|
||||
}
|
||||
.table-no-data {
|
||||
text-align: center;
|
||||
}
|
||||
/deep/ .date-box {
|
||||
// padding-top: 7px !important;
|
||||
}
|
||||
.ant-input[type="text"]{
|
||||
height: 24px !important;
|
||||
}
|
||||
.vessel-label{
|
||||
// border-bottom:1px solid #eee;
|
||||
.title{
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
font-size: 14px;
|
||||
font-weight:600;
|
||||
color: #666;
|
||||
border-bottom:1px dashed #ddd;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.voyno, .etd {
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
.contractno-label{
|
||||
.title{
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
font-size: 14px;
|
||||
font-weight:600;
|
||||
color: #666;
|
||||
}
|
||||
.note{
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
/deep/ .ant-form-item-children-icon{
|
||||
display: none !important;
|
||||
}
|
||||
/deep/ .ant-input-suffix{
|
||||
right: 10px !important;
|
||||
}
|
||||
|
||||
.has-error{
|
||||
.ant-input{
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.ant-input-suffix{
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
.ant-select-selection__rendered{
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.ant-select-arrow{
|
||||
right: 8px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.has-success{
|
||||
.ant-input{
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.ant-input-suffix{
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
.ant-select-selection__rendered{
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.ant-select-arrow{
|
||||
right: 8px !important;
|
||||
}
|
||||
}
|
||||
/deep/ .ant-card-body{
|
||||
padding-top: 25px !important;
|
||||
}
|
||||
/deep/ .has-success .ant-select-selection-selected-value{
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
/deep/ .has-error .ant-select-selection-selected-value{
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
/deep/ .has-success .ant-select-arrow{
|
||||
right: 8px !important;
|
||||
}
|
||||
/deep/ .has-error .ant-select-arrow{
|
||||
right: 8px !important;
|
||||
}
|
||||
|
||||
/deep/ .has-success .ant-input{
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
/deep/ .has-error .ant-input{
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
/deep/ form .has-success .ant-input{
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
/deep/ form .has-error .ant-input{
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
/deep/ form .has-success .ant-calendar-picker-input{
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
/deep/ form .has-feedback input{
|
||||
padding-right: 10px !important;
|
||||
}
|
||||
|
||||
/deep/ .ant-select-selection__clear{
|
||||
right: 10px !important;
|
||||
margin-top: -6px !important;
|
||||
}
|
||||
|
||||
/deep/ form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection__clear{
|
||||
right: 10px !important;
|
||||
margin-top: -6px !important;
|
||||
}
|
||||
|
||||
/deep/ form .has-feedback .ant-input-affix-wrapper .ant-input-suffix{
|
||||
right: 0px !important;
|
||||
padding-right: 10px;
|
||||
}
|
||||
/deep/ form .has-feedback .ant-calendar-picker-icon, form .has-feedback .ant-time-picker-icon, form .has-feedback .ant-calendar-picker-clear, form .has-feedback .ant-time-picker-clear{
|
||||
right: 10px !important;
|
||||
}
|
||||
|
||||
/deep/ .ant-calendar-picker-clear{
|
||||
color: rgba(0, 0, 0, 0.25) !important;
|
||||
}
|
||||
|
||||
/deep/ .ant-card-body{
|
||||
margin-bottom: 2px !important;
|
||||
}
|
||||
|
||||
// /deep/ .ant-form-item-control{
|
||||
// height:24px;
|
||||
// }
|
||||
/deep/ .from-label{
|
||||
height: 35px !important;
|
||||
.ant-form-item-control-wrapper{
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
// background: #f00;
|
||||
padding:8px 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/deep/ .ant-form-item-label {
|
||||
height:36px !important;
|
||||
line-height: 36px !important;
|
||||
// border: 1px solid #f00;
|
||||
}
|
||||
/deep/ .ant-form-item-control{
|
||||
height:36px !important;
|
||||
line-height: 36px !important;
|
||||
}
|
||||
|
||||
.from-box3 {
|
||||
/deep/ .ant-form-item-label{
|
||||
margin-top: 2px;
|
||||
}
|
||||
/deep/ .ant-col{
|
||||
padding-left: 0 !important;
|
||||
// padding-right: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,180 +0,0 @@
|
||||
|
||||
.collapse-box {
|
||||
margin-bottom: 2px;
|
||||
background: #fff;
|
||||
}
|
||||
.base-tit {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
position: relative;
|
||||
height: 34px;
|
||||
line-height: 40px;
|
||||
margin-top: -5px;
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 4px;
|
||||
height: 20px;
|
||||
background: @primary-color;
|
||||
top: 9px;
|
||||
left: -10px;
|
||||
}
|
||||
i {
|
||||
margin-right: 7px;
|
||||
font-weight: 500;
|
||||
font-size: 18px;
|
||||
color: @primary-color;
|
||||
}
|
||||
.click-btn{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// background: #f99;
|
||||
z-index: 9;
|
||||
top: 0;left: 0;
|
||||
}
|
||||
}
|
||||
.tab-change i{
|
||||
transition: .5s all;
|
||||
display: inline-block;
|
||||
&.active{
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
}
|
||||
/deep/ .ant-collapse-header {
|
||||
position: relative;
|
||||
}
|
||||
/deep/ .ant-collapse-header .ant-collapse-extra {
|
||||
position: absolute !important;
|
||||
top: 7px !important;
|
||||
right: 11px !important;
|
||||
z-index: 99;
|
||||
}
|
||||
/*多余线条去掉 */
|
||||
.ant-collapse-item {
|
||||
border-bottom: none;
|
||||
}
|
||||
.has-error{
|
||||
.ant-input{
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.ant-input-suffix{
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
.ant-select-selection__rendered{
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.ant-select-arrow{
|
||||
right: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.has-success{
|
||||
.ant-input{
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.ant-input-suffix{
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
.ant-select-selection__rendered{
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.ant-select-arrow{
|
||||
right: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bill-info{
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.bill-info /deep/ label{
|
||||
color: black;
|
||||
}
|
||||
.bill-info-box{
|
||||
/deep/ .ant-row{
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
/deep/ .ant-collapse-content-box{
|
||||
padding: 0 !important;
|
||||
}
|
||||
/deep/ .ant-calendar-picker-clear{
|
||||
color: rgba(0, 0, 0, 0.25) !important;
|
||||
}
|
||||
|
||||
/deep/ .ant-collapse-header{
|
||||
padding: 4px 10px !important;
|
||||
}
|
||||
|
||||
/deep/ .collapse-box{
|
||||
margin-bottom: 2px !important;
|
||||
}
|
||||
|
||||
/deep/ .ant-form-item-label {
|
||||
height:36px !important;
|
||||
line-height: 36px !important;
|
||||
// border: 1px solid #f00;
|
||||
}
|
||||
/deep/ .ant-form-item-control{
|
||||
height:36px !important;
|
||||
line-height: 36px !important;
|
||||
}
|
||||
|
||||
/deep/ .ant-calendar-picker-input {
|
||||
height: 24px !important;
|
||||
// margin-top: 4px !important;
|
||||
}
|
||||
|
||||
|
||||
/deep/ .has-success .ant-select-selection-selected-value{
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
/deep/ .has-error .ant-select-selection-selected-value{
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
/deep/ .has-success .ant-select-arrow{
|
||||
right: 8px !important;
|
||||
}
|
||||
/deep/ .has-error .ant-select-arrow{
|
||||
right: 8px !important;
|
||||
}
|
||||
|
||||
/deep/ .ant-select-selection__clear{
|
||||
right: 10px !important;
|
||||
margin-top: -4px !important;
|
||||
}
|
||||
|
||||
/deep/ form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection__clear{
|
||||
right: 10px !important;
|
||||
margin-top: -4px !important;
|
||||
}
|
||||
|
||||
/deep/ form .has-feedback .ant-input-affix-wrapper .ant-input-suffix{
|
||||
right: 0px !important;
|
||||
padding-right: 10px;
|
||||
}
|
||||
/deep/ form .has-feedback .ant-calendar-picker-icon, form .has-feedback .ant-time-picker-icon, form .has-feedback .ant-calendar-picker-clear, form .has-feedback .ant-time-picker-clear{
|
||||
right: 10px !important;
|
||||
}
|
||||
|
||||
|
||||
/deep/ form .has-feedback .ant-calendar-picker-icon, form .has-feedback .ant-calendar-picker-clear, form .has-feedback .ant-time-picker-clear, form .has-feedback .ant-time-picker-icon{
|
||||
right: 10px !important;
|
||||
}
|
||||
|
||||
/deep/ form .has-feedback .ant-calendar-picker-icon, form .has-feedback .ant-time-picker-icon, form .has-feedback .ant-calendar-picker-clear, form .has-feedback .ant-time-picker-clear{
|
||||
right: 10px !important;
|
||||
}
|
||||
|
||||
/deep/ .ant-calendar-picker-input {
|
||||
height: 24px !important;
|
||||
// margin-top: 4px !important;
|
||||
}
|
||||
|
||||
/deep/ .right-content[data-v-27167ea2] .ant-form-item-control, .right-content[data-v-27167ea2] .ant-form-item-label {
|
||||
height: 36px!important;
|
||||
line-height: 36px!important;
|
||||
}
|
||||
@ -1,287 +0,0 @@
|
||||
.collapse-box {
|
||||
margin-bottom: 2px;
|
||||
background: #fff;
|
||||
}
|
||||
.base-tit {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #666;
|
||||
position: relative;
|
||||
height: 34px;
|
||||
line-height: 40px;
|
||||
margin-top: -5px;
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 4px;
|
||||
height: 20px;
|
||||
background: @primary-color;
|
||||
top: 9px;
|
||||
left: -10px;
|
||||
}
|
||||
i {
|
||||
margin-right: 7px;
|
||||
font-weight: 500;
|
||||
color: @primary-color;
|
||||
}
|
||||
.click-btn{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// background: #f99;
|
||||
z-index: 9;
|
||||
top: 0;left: 0;
|
||||
}
|
||||
}
|
||||
.tab-change i{
|
||||
transition: .5s all;
|
||||
display: inline-block;
|
||||
&.active{
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
}
|
||||
/deep/ .ant-collapse-header {
|
||||
position: relative;
|
||||
}
|
||||
/deep/ .ant-collapse-header .ant-collapse-extra {
|
||||
position: absolute !important;
|
||||
top: 7px !important;
|
||||
right: 11px !important;
|
||||
z-index: 99;
|
||||
}
|
||||
.cargo-info {
|
||||
box-shadow: none;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
.tit {
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.line {
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
// margin-bottom: 10px;
|
||||
// height: 54px;
|
||||
}
|
||||
|
||||
.left {
|
||||
// text-align: left;
|
||||
// display: inline-block;
|
||||
// padding-top: 4px;
|
||||
// flex: 1;
|
||||
|
||||
text-align: left;
|
||||
display: inline-block;
|
||||
/* padding-top: 4px; */
|
||||
flex: 1;
|
||||
line-height: 18px;
|
||||
.title{
|
||||
// padding-bottom:4px;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.goods-name-box{
|
||||
position: relative;
|
||||
padding-left: 15px;
|
||||
i.icon{
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
left: -14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.input {
|
||||
text-align: left;
|
||||
display: inline-block;
|
||||
// flex: 1;
|
||||
width: 170px;
|
||||
}
|
||||
.cargo-mark {
|
||||
// margin-left: 11%;
|
||||
text-align: left;
|
||||
display: inline-block;
|
||||
width: 120px;
|
||||
margin-right: 10px;
|
||||
.ant-form-item{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.cargo-info-tit{
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
height: 45px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/deep/ .ant-form-item-label {
|
||||
height:36px !important;
|
||||
line-height: 36px !important;
|
||||
}
|
||||
/deep/ .ant-form-item-control{
|
||||
height:36px !important;
|
||||
line-height: 36px !important;
|
||||
}
|
||||
.line{
|
||||
height: 45px;
|
||||
color: #000;
|
||||
}
|
||||
.cargo-mark{
|
||||
padding: 0;
|
||||
height: 56px;
|
||||
}
|
||||
.input-box {
|
||||
// height: 200px;
|
||||
height: 100px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.num-box {
|
||||
display: flex;
|
||||
height: 30px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.label {
|
||||
width: 80px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.input-val {
|
||||
flex: 1;
|
||||
margin-top: 6px;
|
||||
}
|
||||
}
|
||||
/*多余线条去掉 */
|
||||
.ant-collapse-item {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
display: flex;
|
||||
.input-box {
|
||||
margin-top: 10px;
|
||||
flex: 1;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
}
|
||||
.line-count {
|
||||
width: 24px;
|
||||
margin-top: 10px;
|
||||
height: 100px;
|
||||
overflow: auto;
|
||||
padding-top: 7px;
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
// max-height: 192px;
|
||||
// overflow-y: auto;
|
||||
div {
|
||||
text-align: right;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
}
|
||||
/deep/ .ant-form-explain{
|
||||
margin-top: -6px;
|
||||
}
|
||||
.textarea-label{
|
||||
margin-bottom: 0;
|
||||
min-height: 104px;
|
||||
}
|
||||
.required{
|
||||
padding-left: 10px;
|
||||
position: relative;
|
||||
&::before{
|
||||
display: inline-block;
|
||||
margin-right: 4px;
|
||||
color: #f5222d;
|
||||
font-size: 14px;
|
||||
font-family: SimSun, sans-serif;
|
||||
line-height: 1;
|
||||
content: '*';
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
.goods-required{
|
||||
&::before{
|
||||
top: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.has-error{
|
||||
.ant-input{
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.ant-input-suffix{
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
.ant-select-selection__rendered{
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.ant-select-arrow{
|
||||
right: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.has-success{
|
||||
.ant-input{
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.ant-input-suffix{
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
.ant-select-selection__rendered{
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.ant-select-arrow{
|
||||
right: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
/deep/ .has-success .ant-select-selection-selected-value{
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
/deep/ .has-error .ant-select-selection-selected-value{
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
/deep/ .has-success .ant-select-arrow{
|
||||
right: 8px !important;
|
||||
}
|
||||
/deep/ .has-error .ant-select-arrow{
|
||||
right: 8px !important;
|
||||
}
|
||||
/deep/ .ant-select-selection__clear{
|
||||
right: 10px !important;
|
||||
margin-top: -4px !important;
|
||||
}
|
||||
|
||||
/deep/ form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection__clear{
|
||||
right: 10px !important;
|
||||
margin-top: -4px !important;
|
||||
}
|
||||
|
||||
/deep/ form .has-feedback .ant-input-affix-wrapper .ant-input-suffix{
|
||||
right: 0px !important;
|
||||
padding-right: 10px;
|
||||
}
|
||||
/deep/ form .has-feedback .ant-calendar-picker-icon, form .has-feedback .ant-time-picker-icon, form .has-feedback .ant-calendar-picker-clear, form .has-feedback .ant-time-picker-clear{
|
||||
right: 10px !important;
|
||||
}
|
||||
|
||||
/deep/ .ant-collapse-header{
|
||||
padding: 4px 10px !important;
|
||||
}
|
||||
|
||||
@ -1,92 +0,0 @@
|
||||
|
||||
|
||||
.more-edi {
|
||||
padding: 60px 20px;
|
||||
background: #ffffff;
|
||||
.ant-row{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.bottom-btn {
|
||||
text-align: right;
|
||||
padding-right: 20px;
|
||||
.btn {
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
.normal{
|
||||
// margin-bottom: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.taiping{
|
||||
border-top: 1px dashed #ccc;
|
||||
margin-top: 10px;
|
||||
padding-top: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ex-remark{
|
||||
overflow: hidden;
|
||||
.title{
|
||||
height: 40px;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
// margin-bottom:20px;
|
||||
.text{
|
||||
width: 87px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
}
|
||||
span{
|
||||
display: block;
|
||||
vertical-align: top;
|
||||
}
|
||||
.line{
|
||||
border-bottom: 1px dashed #ccc;
|
||||
height: 19px;
|
||||
}
|
||||
.left{
|
||||
width:100px;
|
||||
}
|
||||
.right{
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
.ex-remark-content{
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
/deep/ .ant-select-selection__clear{
|
||||
right: 10px !important;
|
||||
margin-top: -4px !important;
|
||||
}
|
||||
|
||||
/deep/ form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection__clear{
|
||||
right: 10px !important;
|
||||
margin-top: -4px !important;
|
||||
}
|
||||
|
||||
/deep/ form .has-feedback .ant-input-affix-wrapper .ant-input-suffix{
|
||||
right: 0px !important;
|
||||
padding-right: 10px;
|
||||
}
|
||||
/deep/ form .has-feedback .ant-calendar-picker-icon, form .has-feedback .ant-time-picker-icon, form .has-feedback .ant-calendar-picker-clear, form .has-feedback .ant-time-picker-clear{
|
||||
right: 10px !important;
|
||||
}
|
||||
|
||||
/deep/ .ant-input-affix-wrapper{
|
||||
color: rgba(0, 0, 0, 0.25) !important;
|
||||
}
|
||||
|
||||
// /deep/ .ant-form-item-label {
|
||||
// height:36px !important;
|
||||
// line-height: 36px !important;
|
||||
// // border: 1px solid #f00;
|
||||
// }
|
||||
// /deep/ .ant-form-item-control{
|
||||
// height:36px !important;
|
||||
// line-height: 36px !important;
|
||||
// }
|
||||
@ -1,231 +0,0 @@
|
||||
|
||||
|
||||
.base-tit {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #666;
|
||||
position: relative;
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 3px;
|
||||
height: 30px;
|
||||
background: #ccc;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
i {
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
.booking-detail {
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
.pane-box {
|
||||
margin-top: -17px;
|
||||
min-height: 200px;
|
||||
// background: #ffffff;
|
||||
}
|
||||
|
||||
.load-block {
|
||||
border-radius: 4px;
|
||||
background: #fcfcfc;
|
||||
margin-bottom: 10px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
&::after {
|
||||
/* 内容区域空状态时追加骨架屏样式 */
|
||||
content: '';
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
transform: translateX(-100%) rotate(45deg);
|
||||
background: linear-gradient(90deg, transparent, rgba(225, 225, 225, 0.1), transparent);
|
||||
animation: loading 1.5s infinite;
|
||||
}
|
||||
@keyframes loading {
|
||||
/* 骨架屏的动画 */
|
||||
100% {
|
||||
transform: translateX(100%) rotate(45deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// .ant-calendar-picker-input{
|
||||
// padding: 0 4px;
|
||||
// }
|
||||
// .ant-calendar-range-picker-input{
|
||||
// height: 24px;
|
||||
// font-size: 12px;
|
||||
// vertical-align: top;
|
||||
// text-align: center;
|
||||
// // background: #f99;
|
||||
// }
|
||||
// .ant-select-auto-complete.ant-select .ant-input{
|
||||
// height: 28px !important;
|
||||
// // padding-top: 4px !important;
|
||||
// background: #f99 !important;
|
||||
// }
|
||||
.ant-input-affix-wrapper .ant-input:not(:last-child) {
|
||||
height: 24px !important;
|
||||
// margin-top: 4px !important;
|
||||
// background: #9f9 !important;
|
||||
}
|
||||
.ant-select-selection {
|
||||
height: 24px !important;
|
||||
// margin-top: 4px !important;
|
||||
// background: #f00 !important;
|
||||
}
|
||||
.ant-input:placeholder-shown {
|
||||
height: 24px !important;
|
||||
// margin-top: 4px !important;
|
||||
// background: #99f !important;
|
||||
}
|
||||
.ant-calendar-picker-input.ant-input {
|
||||
height: 24px !important;
|
||||
// margin-top: 4px !important;
|
||||
}
|
||||
.ant-form-item-label {
|
||||
// line-height: 30px !important;
|
||||
// border: 1px solid #f00;
|
||||
}
|
||||
.ant-form-item-control-wrapper {
|
||||
// border: 1px solid #f99;
|
||||
// height: 30px;
|
||||
// vertical-align: top;
|
||||
// padding: 0;
|
||||
}
|
||||
.left-box {
|
||||
// padding-top: 60px;
|
||||
}
|
||||
.normal-nav {
|
||||
transition: 0.5s all;
|
||||
}
|
||||
.fixed-nav {
|
||||
position: fixed;
|
||||
top: 56px;
|
||||
box-shadow: 0px 15px 10px -15px #ccc;
|
||||
z-index: 999;
|
||||
background: #fff;
|
||||
transition: 0.5s all;
|
||||
}
|
||||
/deep/ form .has-success .ant-input {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
/deep/ form .has-error .ant-input {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
/deep/ form .has-success .ant-calendar-picker-input {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
/deep/ form .has-feedback .ant-input {
|
||||
padding-right: 10px !important;
|
||||
}
|
||||
|
||||
/deep/ .ant-select-selection__clear {
|
||||
// margin-top: -3px !important;
|
||||
// right: 16px !important;
|
||||
}
|
||||
|
||||
/deep/ form .has-feedback > .ant-select .ant-select-arrow,
|
||||
form .has-feedback > .ant-select .ant-select-selection__clear,
|
||||
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
|
||||
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection__clear {
|
||||
right: 9px !important;
|
||||
}
|
||||
|
||||
/deep/ form .has-feedback .ant-input-affix-wrapper .ant-input-suffix {
|
||||
right: 0px !important;
|
||||
}
|
||||
// /deep/ form .has-feedback .ant-calendar-picker-icon,
|
||||
// form .has-feedback .ant-time-picker-icon,
|
||||
// form .has-feedback .ant-calendar-picker-clear,
|
||||
// form .has-feedback .ant-time-picker-clear {
|
||||
// right: 0px !important;
|
||||
// }
|
||||
|
||||
// === 0217更新样式 ===
|
||||
.booking-detail {
|
||||
margin-top: -16px;
|
||||
margin-left: -16px;
|
||||
margin-right: -16px;
|
||||
|
||||
/deep/ .ant-card-body {
|
||||
margin-bottom: 2px !important;
|
||||
}
|
||||
/deep/ .ant-collapse-header {
|
||||
padding: 4px 10px !important;
|
||||
}
|
||||
// /deep/ .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab{
|
||||
// height: 30px !important;
|
||||
// line-height: 30px !important;
|
||||
// top: -3px !important;
|
||||
// }
|
||||
}
|
||||
|
||||
.parent-tabs-box {
|
||||
width: 100%;
|
||||
// float: none;
|
||||
list-style: none;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
padding: 29px 0 0 0;
|
||||
.parents-tabs-top {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
li {
|
||||
float: left;
|
||||
}
|
||||
input[type='radio'] {
|
||||
position: absolute;
|
||||
top: -9999px;
|
||||
left: -9999px;
|
||||
}
|
||||
.tabs-label {
|
||||
display: block;
|
||||
padding: 4px 10px;
|
||||
border-radius: 2px 2px 0 0;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
text-transform: uppercase;
|
||||
background: #fafafa;
|
||||
color: #999;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
top: 3px;
|
||||
-webkit-transition: all 0.1s;
|
||||
-moz-transition: all 0.1s;
|
||||
-o-transition: all 0.1s;
|
||||
transition: all 0.1s;
|
||||
// transition: all 0.2s ease-in-out;
|
||||
margin-right: 4px;
|
||||
}
|
||||
[id^='tab']:checked + label {
|
||||
top: 0;
|
||||
background: #fff;
|
||||
color: @primary-color;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
.parents-tabs-content {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
vertical-align: top;
|
||||
.tab-content {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
transition: 0.5s all;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
padding: 10px 0;
|
||||
}
|
||||
}
|
||||
// [id^="tab"]:checked ~ [id^="tab-content"] {
|
||||
// display: block;
|
||||
// }
|
||||
}
|
||||
@ -1,412 +0,0 @@
|
||||
.vgm-info {
|
||||
padding-top: 0px;
|
||||
.ant-form-item {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
.OCRBox {
|
||||
/deep/.ant-drawer-body {
|
||||
position: relative;
|
||||
padding: 0 !important;
|
||||
}
|
||||
}
|
||||
.CvBox {
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
border: 1px solid #f0f0f0;
|
||||
box-shadow: 0 1px 2px -2px #00000029, 0 3px 6px #0000001f, 0 5px 12px 4px #00000017;
|
||||
padding: 0;
|
||||
background: #ffffff;
|
||||
li {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
list-style-type: none;
|
||||
padding: 3px 0;
|
||||
&:hover {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.CV {
|
||||
// width: 100%;
|
||||
// height: auto;
|
||||
// background-repeat: no-repeat;
|
||||
}
|
||||
@import url('../index.less');
|
||||
.operation-area {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
.btn-list {
|
||||
padding: 0 10px;
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
text-align: left;
|
||||
height: 48px;
|
||||
margin-bottom: 13px;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 0;
|
||||
width: 1px;
|
||||
height: 35px;
|
||||
background: #ccc;
|
||||
}
|
||||
&:nth-last-of-type(1) {
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
button {
|
||||
border: none;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
cursor: pointer;
|
||||
color: black;
|
||||
background: #fff;
|
||||
.iconfont {
|
||||
font-size: 16px;
|
||||
margin-right: 6px;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
.more-view {
|
||||
width: 150px;
|
||||
.iconfont {
|
||||
color: #2095f2;
|
||||
}
|
||||
}
|
||||
.more-view-1 {
|
||||
width: 332px;
|
||||
.iconfont {
|
||||
color: #26b578;
|
||||
}
|
||||
}
|
||||
.more-view-2 {
|
||||
width: 205px;
|
||||
.iconfont {
|
||||
color: #ff9702;
|
||||
}
|
||||
}
|
||||
.more-view-3 {
|
||||
width: 160px;
|
||||
.iconfont {
|
||||
color: #f36f48;
|
||||
}
|
||||
}
|
||||
.single-view {
|
||||
width: 80px;
|
||||
.iconfont {
|
||||
color: #fcd017;
|
||||
}
|
||||
}
|
||||
.single-view-1 {
|
||||
width: 100px;
|
||||
.iconfont {
|
||||
color: #3455b6;
|
||||
}
|
||||
button:hover {
|
||||
color: @primary-color;
|
||||
}
|
||||
&.inLoad {
|
||||
opacity: .5;
|
||||
}
|
||||
}
|
||||
.single-view-4 {
|
||||
width: 85px;
|
||||
// padding-top: 10px;
|
||||
.iconfont {
|
||||
color: #1e7ece;
|
||||
}
|
||||
}
|
||||
}
|
||||
.box-flex {
|
||||
display: flex;
|
||||
padding-top: 8px;
|
||||
.box-input {
|
||||
flex: 1;
|
||||
text-align: left;
|
||||
}
|
||||
span {
|
||||
display: inline-block;
|
||||
width: 25px;
|
||||
text-align: right;
|
||||
height: 100%;
|
||||
// height: 32px;
|
||||
// line-height: 32px;
|
||||
font-size: 13px;
|
||||
cursor: pointer;
|
||||
> textarea {
|
||||
background: #f6fdfd !important;
|
||||
}
|
||||
|
||||
i {
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.item-box {
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 20px;
|
||||
padding-top: 20px;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px dashed #ccc;
|
||||
&:nth-last-of-type(1) {
|
||||
border: none;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.cabin-box,
|
||||
.to-box {
|
||||
.ant-row {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
.book-model-box {
|
||||
position: relative;
|
||||
padding-left: 50px;
|
||||
.book-check {
|
||||
position: absolute;
|
||||
width: 50px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
top: 0;
|
||||
left: 17px;
|
||||
}
|
||||
}
|
||||
.pdf-view {
|
||||
height: 400px;
|
||||
}
|
||||
.no-pdf {
|
||||
text-align: center;
|
||||
margin: 20px 0;
|
||||
}
|
||||
.Citems {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.PrintMain {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.PrintTitle {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
background: #f7f8fe;
|
||||
border: 1px dashed #cdcdcd;
|
||||
p {
|
||||
margin: 0;
|
||||
&:nth-child(2) {
|
||||
margin-left: 35px;
|
||||
}
|
||||
span {
|
||||
color: #ff6646;
|
||||
}
|
||||
}
|
||||
}
|
||||
.PrintMainBox {
|
||||
width: 100%;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
margin-top: 5px;
|
||||
.items {
|
||||
padding-left: 1rem;
|
||||
height: 2.5rem;
|
||||
line-height: 2.5rem;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
color: #2f54eb;
|
||||
}
|
||||
span {
|
||||
font-weight: bolder;
|
||||
margin-right: 0.6rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/*订舱弹窗文件功能对齐 */
|
||||
/deep/ .ant-form-file {
|
||||
.ant-form-item-label {
|
||||
margin-top: -5px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
}
|
||||
/*弹窗按钮颜色修改 */
|
||||
/deep/ .ant-modal-footer .ant-btn.ant-btn-primary span {
|
||||
color: #fff;
|
||||
}
|
||||
/*弹窗文本框背景颜色修改 */
|
||||
/deep/ .ant-modal-body .ant-input-affix-wrapper {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// height: 24px;
|
||||
z-index: -1;
|
||||
background-color: @primary-color !important;
|
||||
opacity: 0.04;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.cabin-box {
|
||||
/deep/ .ant-modal-body .ant-input-affix-wrapper {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
// height: 100%;
|
||||
height: 24px;
|
||||
z-index: -1;
|
||||
background-color: @primary-color !important;
|
||||
opacity: 0.04;
|
||||
}
|
||||
}
|
||||
}
|
||||
.initCabin-box{
|
||||
/deep/ .ant-select-selection {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: -1;
|
||||
background-color: @primary-color !important;
|
||||
opacity: 0.04;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/deep/ .ant-calendar-picker {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: -1;
|
||||
background-color: @primary-color !important;
|
||||
opacity: 0.04;
|
||||
}
|
||||
}
|
||||
/deep/ .ant-input-affix-wrapper,
|
||||
.ant-input-affix-wrapper-textarea-with-clear-btn {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: -1;
|
||||
background-color: @primary-color !important;
|
||||
opacity: 0.04;
|
||||
}
|
||||
}
|
||||
.remark-input {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: -1;
|
||||
background-color: @primary-color !important;
|
||||
opacity: 0.04;
|
||||
}
|
||||
}
|
||||
/deep/ .ant-modal-body .ant-input {
|
||||
background: none;
|
||||
}
|
||||
.PrintRadio {
|
||||
width: 100%;
|
||||
padding-left: 1rem;
|
||||
margin-bottom: 0.8rem;
|
||||
}
|
||||
|
||||
.PrintMain {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.PrintTitle {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
background: #f7f8fe;
|
||||
border: 1px dashed #cdcdcd;
|
||||
p {
|
||||
margin: 0;
|
||||
&:nth-child(2) {
|
||||
margin-left: 35px;
|
||||
}
|
||||
span {
|
||||
color: #ff6646;
|
||||
}
|
||||
}
|
||||
}
|
||||
.PrintMainBox {
|
||||
width: 100%;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
margin-top: 5px;
|
||||
.items {
|
||||
padding-left: 1rem;
|
||||
height: 2.5rem;
|
||||
line-height: 2.5rem;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
color: #2f54eb;
|
||||
}
|
||||
span {
|
||||
font-weight: bolder;
|
||||
margin-right: 0.6rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.trace-box {
|
||||
padding: 20px 0;
|
||||
}
|
||||
.trace-check {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.model-btn-list {
|
||||
margin-bottom: 15px;
|
||||
.btn {
|
||||
margin-right: 6px;
|
||||
&.ant-btn-primary {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,101 +0,0 @@
|
||||
.tit {
|
||||
// margin-bottom: 10px;
|
||||
// font-size: 14px;
|
||||
// color: #666;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
line-height: 32px;
|
||||
.iconfont {
|
||||
margin-right: 4px;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
.ramark-box {
|
||||
margin-bottom: 2px;
|
||||
// padding-bottom: 10px;
|
||||
}
|
||||
.required{
|
||||
padding-left: 10px;
|
||||
position: relative;
|
||||
&::before{
|
||||
display: inline-block;
|
||||
margin-right: 4px;
|
||||
color: #f5222d;
|
||||
font-size: 14px;
|
||||
font-family: SimSun, sans-serif;
|
||||
line-height: 1;
|
||||
content: '*';
|
||||
position: absolute;
|
||||
top: 14px;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
/deep/ .ant-card-body{
|
||||
padding-top: 5px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.ant-form-item{
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
|
||||
.has-error{
|
||||
.ant-input{
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.ant-input-suffix{
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
.ant-select-selection__rendered{
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.ant-select-arrow{
|
||||
right: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.has-success{
|
||||
.ant-input{
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.ant-input-suffix{
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
.ant-select-selection__rendered{
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.ant-select-arrow{
|
||||
right: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
/deep/ .has-success .ant-select-selection-selected-value{
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
/deep/ .has-error .ant-select-selection-selected-value{
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
/deep/ .has-success .ant-select-arrow{
|
||||
right: 8px !important;
|
||||
}
|
||||
/deep/ .has-error .ant-select-arrow{
|
||||
right: 8px !important;
|
||||
}
|
||||
|
||||
/deep/ .ant-select-selection__clear{
|
||||
right: 10px !important;
|
||||
margin-top: -4px !important;
|
||||
}
|
||||
|
||||
/deep/ form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection__clear{
|
||||
right: 10px !important;
|
||||
margin-top: -4px !important;
|
||||
}
|
||||
|
||||
/deep/ form .has-feedback .ant-input-affix-wrapper .ant-input-suffix{
|
||||
right: 0px !important;
|
||||
padding-right: 10px;
|
||||
}
|
||||
/deep/ form .has-feedback .ant-calendar-picker-icon, form .has-feedback .ant-time-picker-icon, form .has-feedback .ant-calendar-picker-clear, form .has-feedback .ant-time-picker-clear{
|
||||
right: 10px !important;
|
||||
}
|
||||
@ -1,667 +0,0 @@
|
||||
|
||||
.title {
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
font-weight: 600;
|
||||
.iconfont {
|
||||
font-size: 14px;
|
||||
margin-right: 7px;
|
||||
color: @primary-color;
|
||||
}
|
||||
.right {
|
||||
float: right;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
line-height: 47px;
|
||||
color: @primary-color;
|
||||
.iconfont {
|
||||
color: @primary-color;
|
||||
font-size: 16px;
|
||||
line-height: 47px;
|
||||
margin-right: 5px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
}
|
||||
.right:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.content {
|
||||
max-height: 300px;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
width: 100%;
|
||||
&::-webkit-scrollbar {
|
||||
width: 0 !important;
|
||||
}
|
||||
.no-data {
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
display: block;
|
||||
.iconfont {
|
||||
font-size: 40px;
|
||||
line-height: 70px;
|
||||
display: block;
|
||||
color: #999;
|
||||
}
|
||||
.text {
|
||||
font-size: 13px;
|
||||
color: #999;
|
||||
span {
|
||||
color: @primary-color;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tip {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
line-height: 22px;
|
||||
font-size: 13px;
|
||||
color: #666;
|
||||
position: relative;
|
||||
margin-top: 10px;
|
||||
&::before {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
content: '';
|
||||
background: @primary-color;
|
||||
opacity: 0.08;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
border-radius: 4px;
|
||||
}
|
||||
&.no-data {
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
.iconfont {
|
||||
font-size: 40px;
|
||||
line-height: 70px;
|
||||
display: block;
|
||||
color: #999;
|
||||
}
|
||||
.text {
|
||||
font-size: 13px;
|
||||
color: #999;
|
||||
|
||||
.btn {
|
||||
color: @primary-color;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.items {
|
||||
display: inline-block;
|
||||
height: 28px;
|
||||
line-height: 26px;
|
||||
border: 1px dashed #ccc;
|
||||
border-radius: 4px;
|
||||
padding: 0 10px;
|
||||
margin-top: 10px;
|
||||
margin-right: 10px;
|
||||
font-size: 13px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
.edit{
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
border-radius: 0 3px 0 0;
|
||||
background: #c9c9c9;
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: -1px;
|
||||
top: -1px;
|
||||
text-align: center;
|
||||
line-height: 17px;
|
||||
}
|
||||
&:hover {
|
||||
|
||||
border: 1px dashed @primary-color;
|
||||
position: relative;
|
||||
&::before {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
content: '';
|
||||
background: @primary-color;
|
||||
opacity: 0.08;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.edit{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
&.active {
|
||||
background: @primary-color;
|
||||
border: 1px dashed @primary-color;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.remark {
|
||||
padding-bottom: 8px;
|
||||
display: flex;
|
||||
.remark-main {
|
||||
flex: 1;
|
||||
.top {
|
||||
font-size: 13px;
|
||||
line-height: 24px;
|
||||
color: #666;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
padding-left: 20px;
|
||||
.iconfont {
|
||||
margin-right: 4px;
|
||||
color: @primary-color;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
.bottom {
|
||||
color: #999;
|
||||
padding-left: 20px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
.remark-btn {
|
||||
width: 24px;
|
||||
height: 100%;
|
||||
line-height: 24px;
|
||||
color: @primary-color;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.booking-log {
|
||||
// padding-bottom: 10px;
|
||||
.log {
|
||||
// min-height: 30px;
|
||||
// line-height: 30px;
|
||||
line-height: 15px;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
display: flex;
|
||||
position: relative;
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 120%;
|
||||
/*background: #ccc;*/
|
||||
border-right: 1px dashed #ccc;
|
||||
top: 0;
|
||||
left: 0;
|
||||
// top: 22px;
|
||||
// left: 76px;
|
||||
left: 122px;
|
||||
}
|
||||
i:hover {
|
||||
cursor: inherit !important;
|
||||
}
|
||||
// &:nth-last-child(1){
|
||||
// &::before{
|
||||
// display: none;
|
||||
// }
|
||||
// }
|
||||
.log-time {
|
||||
// width: 65px;
|
||||
// text-align: center;
|
||||
// height: 50px;
|
||||
// line-height: 15px;
|
||||
// font-size: 12px;
|
||||
// color: #999;
|
||||
// // padding-top: 4px;
|
||||
// margin-right: 30px;
|
||||
width: 110px;
|
||||
text-align: center;
|
||||
height: 40px;
|
||||
line-height: 15px;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
margin-right: 30px;
|
||||
}
|
||||
.icon {
|
||||
width: 30px;
|
||||
color: @primary-color;
|
||||
font-size: 16px;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
// left: 69.5px;
|
||||
left: 115px;
|
||||
}
|
||||
.log-name {
|
||||
flex: 1;
|
||||
.min-log {
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
margin-left: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.child-log {
|
||||
min-height: 15px;
|
||||
line-height: 15px;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
display: flex;
|
||||
position: relative;
|
||||
margin-top: -10px;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 120%;
|
||||
// background: @primary-color;
|
||||
// background: #ccc;
|
||||
top: 0;
|
||||
// left: 0;
|
||||
// top: 22px;
|
||||
// left: 77px;
|
||||
// left: 76px;
|
||||
left: 122px;
|
||||
border-right: 1px dashed #ccc;
|
||||
}
|
||||
// &:nth-last-child(1){
|
||||
// &::before{
|
||||
// display: none;
|
||||
// }
|
||||
// }
|
||||
.log-time {
|
||||
// width: 70px;
|
||||
width: 110px;
|
||||
text-align: left;
|
||||
height: 35px;
|
||||
line-height: 15px;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
// padding-top: 4px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
.icon {
|
||||
width: 30px;
|
||||
color: #999;
|
||||
font-size: 16px;
|
||||
text-align: left;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
// left: 68.5px;
|
||||
left: 115px;
|
||||
}
|
||||
.log-name {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
.min-log {
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
margin-left: 4px;
|
||||
flex: 1;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
.hideline {
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
&:nth-last-of-type(1) {
|
||||
.child-list {
|
||||
.child-log {
|
||||
&:nth-last-of-type(1) {
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
&:nth-last-of-type(2) {
|
||||
&::before {
|
||||
height: 110%;
|
||||
top: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.file-btn {
|
||||
margin-top: 10px;
|
||||
color: #fff;
|
||||
}
|
||||
.file {
|
||||
padding: 10px 0;
|
||||
border-bottom: 1px solid #eee;
|
||||
&:nth-last-child(1) {
|
||||
border: none;
|
||||
}
|
||||
.top {
|
||||
display: flex;
|
||||
.left {
|
||||
flex: 1;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
i {
|
||||
margin-right: 8px;
|
||||
}
|
||||
.icon-Excel {
|
||||
color: #00cc99;
|
||||
}
|
||||
.icon-tupian {
|
||||
color: #ff9900;
|
||||
}
|
||||
.icon-pdf {
|
||||
color: #ff0033;
|
||||
}
|
||||
.icon-file-word {
|
||||
color: #3366cc;
|
||||
}
|
||||
}
|
||||
.right {
|
||||
width: 40px;
|
||||
i {
|
||||
font-size: 14px;
|
||||
// font-weight: 600;
|
||||
color: @primary-color;
|
||||
margin-right: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
.bottom {
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
padding-top: 8px;
|
||||
span {
|
||||
margin-right: 4px;
|
||||
margin-right: 6px;
|
||||
i {
|
||||
font-size: 12px;
|
||||
margin-right: 6px;
|
||||
color: #339999;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.no-data {
|
||||
text-align: center;
|
||||
color: #999;
|
||||
padding: 20px 0;
|
||||
line-height: 30px;
|
||||
display: block;
|
||||
.text {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
.DataTime{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
>div{
|
||||
display: flex;
|
||||
margin-top: .5rem;
|
||||
>span{
|
||||
display: inline-block;
|
||||
width: 2.5rem;
|
||||
font-weight: bolder;
|
||||
color: @primary-color;
|
||||
}
|
||||
>div{
|
||||
flex: 1;
|
||||
display: flex;
|
||||
>p{
|
||||
flex: 1;
|
||||
span{
|
||||
&:nth-child(1){
|
||||
margin-right: .3rem;
|
||||
|
||||
font-weight: 600;
|
||||
}
|
||||
&:nth-child(2){
|
||||
// color: @primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// p{
|
||||
// margin: .5rem 0 0 1rem;
|
||||
// span{
|
||||
// &:nth-child(1){
|
||||
// display: inline-block;
|
||||
// width: 5rem;
|
||||
// font-weight: bold;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
}
|
||||
}
|
||||
.collapse-box {
|
||||
background: #fff;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
border: none;
|
||||
.title {
|
||||
border: none;
|
||||
}
|
||||
.cargo-info {
|
||||
max-height: 1015px;
|
||||
overflow-x: scroll;
|
||||
.info-header {
|
||||
display: flex;
|
||||
background: #f4f4f4;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
span {
|
||||
display: inline-block;
|
||||
border: 1px solid #eee;
|
||||
flex: 1;
|
||||
&:nth-of-type(1) {
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.list {
|
||||
display: flex;
|
||||
background: #fff;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
.btn {
|
||||
display: inline-block;
|
||||
flex: 1;
|
||||
border: 1px solid #eee;
|
||||
border-top: none;
|
||||
padding: 0 8px;
|
||||
overflow: hidden;
|
||||
&:nth-of-type(1) {
|
||||
padding: 0 19px;
|
||||
border-right: none;
|
||||
}
|
||||
&:nth-of-type(2) {
|
||||
padding-right: 30px;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
.more {
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
transition: 0.5s all;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 4px;
|
||||
color: #999;
|
||||
&.show {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
.more-detail {
|
||||
border-left: 1px solid #eee;
|
||||
border-right: 1px solid #eee;
|
||||
border-bottom: 1px solid #eee;
|
||||
background: #f4f4f4;
|
||||
padding: 0 14px;
|
||||
.detail-single {
|
||||
border-bottom: 1px dashed #ccc;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
padding: 4px 0;
|
||||
&:nth-last-of-type(1) {
|
||||
border: none;
|
||||
}
|
||||
.old {
|
||||
// height: 26px;
|
||||
line-height: 26px;
|
||||
color: #666;
|
||||
}
|
||||
.new {
|
||||
// height: 26px;
|
||||
line-height: 26px;
|
||||
color: #f9a629;
|
||||
}
|
||||
.o-title {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.line {
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/*日志加滚动条 */
|
||||
::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
height: 10px;
|
||||
}
|
||||
// ::-webkit-scrollbar:hover {
|
||||
// width: 6px;
|
||||
// height: 10px;
|
||||
// }
|
||||
|
||||
// 滚动条两端的按钮
|
||||
::-webkit-scrollbar-button {
|
||||
display: none;
|
||||
background-color: transparent;
|
||||
width: 100px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
// 滚动条的滑块部分
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #aaa;
|
||||
border: 0px none #ffffff;
|
||||
border-radius: 50px;
|
||||
}
|
||||
|
||||
// 滚动条滑块的hover样式
|
||||
|
||||
// ::-webkit-scrollbar-thumb:hover {
|
||||
// background: #2b6cb0;
|
||||
// }
|
||||
|
||||
// 滚动条滑块的激活样式
|
||||
::-webkit-scrollbar-thumb:active {
|
||||
background: #aaa;
|
||||
}
|
||||
|
||||
// 滚动条的外层轨道
|
||||
::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
border: 0px none #ffffff;
|
||||
border-radius: 50px;
|
||||
}
|
||||
|
||||
// ::-webkit-scrollbar-track:hover {
|
||||
// background: #666666;
|
||||
// }
|
||||
|
||||
::-webkit-scrollbar-track:active {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
// 滚动条的外层轨道-可见部分
|
||||
::-webkit-scrollbar-track-piece {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
// 滚动条边角
|
||||
::-webkit-scrollbar-corner {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
// 滚动条右下角拖动块
|
||||
::-webkit-resizer {
|
||||
background-color: transparent;
|
||||
}
|
||||
/*给附件加背景 */
|
||||
.uplad-bg {
|
||||
background: #f9fafe;
|
||||
border: 1px dashed #ccc;
|
||||
padding: 15px;
|
||||
display: flex;
|
||||
position: relative;
|
||||
.tip {
|
||||
width: 140px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.format {
|
||||
color: #999;
|
||||
// color: @primary-color;
|
||||
// opacity: .8;
|
||||
font-size: 12px;
|
||||
float: right;
|
||||
margin-right: 20px;
|
||||
position: absolute;
|
||||
top: 24px;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.ant-upload-disabled {
|
||||
color: #ccc;
|
||||
}
|
||||
.uplad-type {
|
||||
margin-top: 20px;
|
||||
display: flex;
|
||||
.upload-label {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
}
|
||||
}
|
||||
|
||||
.rules-label {
|
||||
i {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.Success {
|
||||
color: #00cc99;
|
||||
}
|
||||
.Error {
|
||||
color: #ff0033;
|
||||
}
|
||||
.Warning {
|
||||
color: #ff9900;
|
||||
}
|
||||
}
|
||||
/*多余线条去掉 */
|
||||
.ant-collapse-item {
|
||||
border-bottom: none;
|
||||
}
|
||||
@ -1,196 +0,0 @@
|
||||
.operation-area {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
.btn-list {
|
||||
padding: 0 4px;
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
text-align: left;
|
||||
// height: 48px;
|
||||
// margin-bottom: 20px;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
right: 0;
|
||||
width: 1px;
|
||||
height: 35px;
|
||||
background: #ccc;
|
||||
}
|
||||
&:nth-last-of-type(1) {
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
button {
|
||||
border: none;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
cursor: pointer;
|
||||
background: #fff;
|
||||
.iconfont {
|
||||
font-size: 16px;
|
||||
margin-right: 6px;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
.more-view {
|
||||
// width: 140px;
|
||||
.iconfont {
|
||||
color: #2095f2;
|
||||
}
|
||||
}
|
||||
.more-view-1 {
|
||||
width: 250px;
|
||||
.iconfont {
|
||||
color: #26b578;
|
||||
}
|
||||
}
|
||||
.more-view-2 {
|
||||
width: 200px;
|
||||
.iconfont {
|
||||
color: #1ebcd5;
|
||||
}
|
||||
}
|
||||
.more-view-3 {
|
||||
width: 160px;
|
||||
.iconfont {
|
||||
color: #f36f48;
|
||||
}
|
||||
}
|
||||
.single-view {
|
||||
width: 80px;
|
||||
.iconfont {
|
||||
color: #fcd017;
|
||||
}
|
||||
}
|
||||
.single-view-1 {
|
||||
width: 100px;
|
||||
.iconfont {
|
||||
color: #3455b6;
|
||||
}
|
||||
}
|
||||
.single-view-4 {
|
||||
width: 80px;
|
||||
// padding-top: 10px;
|
||||
.iconfont {
|
||||
color: #1e7ece;
|
||||
}
|
||||
}
|
||||
}
|
||||
.box-flex {
|
||||
display: flex;
|
||||
padding-top: 8px;
|
||||
span {
|
||||
display: inline-block;
|
||||
width: 60px;
|
||||
text-align: right;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
font-size: 13px;
|
||||
color: @primary-color;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.item-box {
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 20px;
|
||||
padding-top: 20px;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px dashed #ccc;
|
||||
&:nth-last-of-type(1) {
|
||||
border: none;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.book-model-box {
|
||||
position: relative;
|
||||
padding-left: 50px;
|
||||
.book-check {
|
||||
position: absolute;
|
||||
width: 50px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
.pdf-view {
|
||||
height: 400px;
|
||||
}
|
||||
.no-pdf {
|
||||
text-align: center;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.PrintRadio {
|
||||
width: 100%;
|
||||
padding-left: 1rem;
|
||||
margin-bottom: 0.8rem;
|
||||
}
|
||||
|
||||
.PrintMain {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.PrintTitle {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
background: #f7f8fe;
|
||||
border: 1px dashed #cdcdcd;
|
||||
p {
|
||||
margin: 0;
|
||||
&:nth-child(2) {
|
||||
margin-left: 35px;
|
||||
}
|
||||
span {
|
||||
color: #ff6646;
|
||||
}
|
||||
}
|
||||
}
|
||||
.PrintMainBox {
|
||||
width: 100%;
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
margin-top: 5px;
|
||||
.items {
|
||||
padding-left: 1rem;
|
||||
height: 2.5rem;
|
||||
line-height: 2.5rem;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
color: #2f54eb;
|
||||
}
|
||||
span {
|
||||
font-weight: bolder;
|
||||
margin-right: 0.6rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.area-order-title {
|
||||
// height: 50px;
|
||||
// line-height: 50px;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #666;
|
||||
padding: 0 20px;
|
||||
i {
|
||||
margin-right: 4px;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
color: #43c673;
|
||||
}
|
||||
span {
|
||||
color: #ffa93e;
|
||||
}
|
||||
}
|
||||
@ -1,383 +0,0 @@
|
||||
.base-tit {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #666;
|
||||
position: relative;
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 3px;
|
||||
height: 30px;
|
||||
background: #ccc;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
i {
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
.booking-detail {
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
.pane-box {
|
||||
margin-top: -17px;
|
||||
min-height: 200px;
|
||||
// background: #ffffff;
|
||||
}
|
||||
.show-content {
|
||||
}
|
||||
.hide-content {
|
||||
padding-left: 60px;
|
||||
position: relative;
|
||||
}
|
||||
.nav-min-icon {
|
||||
width: 48px;
|
||||
height: 50px;
|
||||
text-align: center;
|
||||
font-size: 24px;
|
||||
line-height: 45px;
|
||||
background: #fff;
|
||||
box-shadow: 0 0 10px #eee;
|
||||
margin-left: 10px;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
.sed-order-list {
|
||||
background: #fff;
|
||||
box-shadow: 0 0 10px #eee;
|
||||
padding: 10px 20px 10px 20px;
|
||||
// height: 100%;
|
||||
height: calc(100vh - 240px);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-top: 0px;
|
||||
transition: 0.5s all;
|
||||
border-radius: 4px;
|
||||
.remove-btn{
|
||||
float: right;
|
||||
color: #f6826b;
|
||||
display: block;
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
&.show-nav {
|
||||
width: 100%;
|
||||
animation-name: showNav 0.6s;
|
||||
animation-fill-mode: forwards;
|
||||
.tit {
|
||||
display: inline-block;
|
||||
animation-name: showText 0.6s;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
.sec-order {
|
||||
display: block;
|
||||
animation-name: showText 0.6s;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
@keyframes showNav {
|
||||
0% {
|
||||
width: 58%;
|
||||
}
|
||||
100% {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@keyframes showText {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
75% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.hide-nav {
|
||||
width: 58px;
|
||||
animation-name: hideNav 0.6s;
|
||||
animation-fill-mode: forwards;
|
||||
.tit {
|
||||
display: none;
|
||||
animation-name: hideText 0.6s;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
.sec-order {
|
||||
display: none;
|
||||
animation-name: hideText 0.6s;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
@keyframes hideNav {
|
||||
0% {
|
||||
width: 100%;
|
||||
}
|
||||
100% {
|
||||
width: 58px;
|
||||
}
|
||||
}
|
||||
@keyframes hideText {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.sed-order-title {
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
border-bottom: 1px solid #eee;
|
||||
margin-bottom: 10px;
|
||||
i {
|
||||
color: #43c673;
|
||||
font-size: 18px;
|
||||
line-height: 50px;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin-right: 6px;
|
||||
}
|
||||
.right {
|
||||
float: right;
|
||||
font-weight: 500;
|
||||
color: #999;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.sed-order-label {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
color: #999;
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
padding-left: 10px;
|
||||
.left{
|
||||
flex: 1;
|
||||
// float: left;
|
||||
}
|
||||
}
|
||||
.active {
|
||||
color: @primary-color;
|
||||
// background: #f5f9fe;
|
||||
position: relative;
|
||||
padding-right: 30px;
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 0;
|
||||
background: @primary-color;
|
||||
opacity: 0.04;
|
||||
}
|
||||
.remove-btn{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.sed-order-btn {
|
||||
margin: 20px auto;
|
||||
width: 80%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid @primary-color;
|
||||
color: @primary-color;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
i {
|
||||
margin-right: 10px;
|
||||
font-size: 16px;
|
||||
}
|
||||
&:hover {
|
||||
background: @primary-color;
|
||||
color: #fff;
|
||||
-webkit-box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.1);
|
||||
-webkit-user-select: 0 3px 10px 3px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
.sec-order {
|
||||
flex: 1;
|
||||
overflow: auto;
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.order-title {
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #666;
|
||||
padding: 0 20px;
|
||||
margin-bottom: 10px;
|
||||
background: #fff;
|
||||
i {
|
||||
margin-right: 4px;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
color: #43c673;
|
||||
}
|
||||
span {
|
||||
color: #ffa93e;
|
||||
}
|
||||
}
|
||||
.sed-no-data {
|
||||
margin: 220px auto;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
i {
|
||||
display: block;
|
||||
line-height: 140px;
|
||||
font-size: 120px;
|
||||
color: #999;
|
||||
}
|
||||
.no-data-text {
|
||||
font-size: 16px;
|
||||
color: #666;
|
||||
line-height: 24px;
|
||||
.btn {
|
||||
color: @primary-color;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.no-save {
|
||||
float: right;
|
||||
font-size: 12px;
|
||||
color: #ff6646;
|
||||
}
|
||||
|
||||
// @media (max-width: 1300px) {
|
||||
// /deep/ .feeself{
|
||||
// top: 21px;
|
||||
// right: -26px;
|
||||
// }
|
||||
// }
|
||||
|
||||
.normal-nav {
|
||||
transition: 0.5s all;
|
||||
}
|
||||
.fixed-nav {
|
||||
position: fixed;
|
||||
top: 56px;
|
||||
box-shadow: 0px 15px 10px -15px #ccc;
|
||||
box-shadow: -11px 15px 10px -15px #ccc;
|
||||
z-index: 999;
|
||||
background: #fff;
|
||||
transition: 0.5s all;
|
||||
}
|
||||
|
||||
/deep/ .ant-select-selection__clear {
|
||||
right: 10px !important;
|
||||
margin-top: -4px !important;
|
||||
}
|
||||
|
||||
/deep/ form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection__clear {
|
||||
right: 10px !important;
|
||||
margin-top: -4px !important;
|
||||
}
|
||||
|
||||
/deep/ form .has-feedback .ant-input-affix-wrapper .ant-input-suffix {
|
||||
right: 0px !important;
|
||||
padding-right: 10px;
|
||||
}
|
||||
/deep/ form .has-feedback .ant-calendar-picker-icon,
|
||||
form .has-feedback .ant-time-picker-icon,
|
||||
form .has-feedback .ant-calendar-picker-clear,
|
||||
form .has-feedback .ant-time-picker-clear {
|
||||
right: 10px !important;
|
||||
}
|
||||
|
||||
.sec-parent-tabs-box {
|
||||
width: 100%;
|
||||
// float: none;
|
||||
list-style: none;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
padding: 29px 18px 0 0;
|
||||
.parents-tabs-top {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
li {
|
||||
float: left;
|
||||
}
|
||||
input[type='radio'] {
|
||||
position: absolute;
|
||||
top: -9999px;
|
||||
left: -9999px;
|
||||
}
|
||||
.tabs-label {
|
||||
display: block;
|
||||
padding: 4px 10px;
|
||||
border-radius: 2px 2px 0 0;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
text-transform: uppercase;
|
||||
background: #fafafa;
|
||||
color: #999;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
top: 3px;
|
||||
-webkit-transition: all 0.1s;
|
||||
-moz-transition: all 0.1s;
|
||||
-o-transition: all 0.1s;
|
||||
transition: all 0.1s;
|
||||
// transition: all 0.2s ease-in-out;
|
||||
margin-right: 4px;
|
||||
}
|
||||
// [id^='stab']:checked + label {
|
||||
// top: 0;
|
||||
// background: #fff;
|
||||
// color: @primary-color;
|
||||
// font-size: 14px;
|
||||
// }
|
||||
.active {
|
||||
input,
|
||||
label {
|
||||
top: 0;
|
||||
background: #fff;
|
||||
color: @primary-color;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.parents-tabs-content {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
vertical-align: top;
|
||||
.tab-content {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
transition: 0.5s all;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
padding: 10px 0;
|
||||
}
|
||||
}
|
||||
// [id^="tab"]:checked ~ [id^="tab-content"] {
|
||||
// display: block;
|
||||
// }
|
||||
}
|
||||
Loading…
Reference in New Issue