|
|
|
@ -18,6 +18,7 @@
|
|
|
|
|
<!-- <textareaView id="notifyparty-scroll" :parentVal="details.notifyparty" type="notifyparty" @getTextareaChange="getTextareaChange"/> -->
|
|
|
|
|
<textareaView
|
|
|
|
|
class="input-box"
|
|
|
|
|
id="marks-scroll"
|
|
|
|
|
:parentVal="details.marks"
|
|
|
|
|
type="marks"
|
|
|
|
|
:height="100"
|
|
|
|
@ -27,7 +28,7 @@
|
|
|
|
|
<!-- <a-textarea class="input-box" v-model="details.marks" @blur="debounce(valueChange, 300, 'marks')"/> -->
|
|
|
|
|
<div
|
|
|
|
|
class="line-count"
|
|
|
|
|
id="shipper-scroll-right"
|
|
|
|
|
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>
|
|
|
|
@ -80,6 +81,7 @@
|
|
|
|
|
<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"
|
|
|
|
@ -90,7 +92,7 @@
|
|
|
|
|
<!-- <a-textarea class="input-box" v-model="details.description" @blur="debounce(valueChange, 600, 'description')"/> -->
|
|
|
|
|
<div
|
|
|
|
|
class="line-count"
|
|
|
|
|
id="shipper-scroll-right"
|
|
|
|
|
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>
|
|
|
|
@ -100,7 +102,7 @@
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col class="num-box" :span="24">
|
|
|
|
|
<span class="label">件数大写: </span>
|
|
|
|
|
<a-input :allowClear="true" class="input-val" v-model="details.totalno" disabled placeholder="自动生成"/>
|
|
|
|
|
<a-input :allowClear="true" class="input-val num-box-right" v-model="details.totalno" disabled placeholder="自动生成"/>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
</a-form-model>
|
|
|
|
@ -196,6 +198,20 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
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: {
|
|
|
|
|
debounce (func, wait, ...args) {
|
|
|
|
|
if (timer) clearTimeout(timer);
|
|
|
|
@ -417,6 +433,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
.input-val {
|
|
|
|
|
flex: 1;
|
|
|
|
|
margin-top: 6px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
/*多余线条去掉 */
|
|
|
|
@ -435,7 +452,7 @@ export default {
|
|
|
|
|
.line-count {
|
|
|
|
|
width: 24px;
|
|
|
|
|
padding-top: 3px;
|
|
|
|
|
height: 130px;
|
|
|
|
|
height: 106px;
|
|
|
|
|
overflow: auto;
|
|
|
|
|
&::-webkit-scrollbar {
|
|
|
|
|
display: none;
|
|
|
|
|