|
|
@@ -1,40 +1,692 @@
|
|
|
<!--销售合同-->
|
|
|
<!--2019年5月30日 20:25:16 by jlx-->
|
|
|
<template>
|
|
|
- <div>11111</div>
|
|
|
+ <div class="First">
|
|
|
+ <ws-form ref="deptBudgetList"
|
|
|
+ :rules="ruleDeptBudget"
|
|
|
+ :model="deptBudgetList">
|
|
|
+
|
|
|
+ <div class='title'>
|
|
|
+ <h3>基本信息</h3><spen>注：基本信息和货物信息均为必填项，“*”标记的条目提交后不可修改</spen>
|
|
|
+ </div>
|
|
|
+ <ws-info-table>
|
|
|
+ <!--合同编号-->
|
|
|
+ <ws-form-item label="合同编号"
|
|
|
+ span="1"
|
|
|
+ prop="seafarerName">
|
|
|
+ <!-- <ws-input
|
|
|
+ v-model="deptBudgetList.seafarerName"
|
|
|
+ maxlength="100"
|
|
|
+ size="small" /> -->
|
|
|
+
|
|
|
+ <span v-if="!isEdited || deptBudgetList.add || registered === '1'"
|
|
|
+
|
|
|
+ style="width: 100%;">{{ deptBudgetList.seafarerName }}</span>
|
|
|
+ <i v-if="isEdited && registered == '1'"
|
|
|
+ class="iconfont iconaddy1 ml10"
|
|
|
+ style="cursor:pointer;"
|
|
|
+ @click="dialogFormVisible = true" />
|
|
|
+ </ws-form-item>
|
|
|
+ <!--运输方式-->
|
|
|
+ <ws-form-item label="运输方式"
|
|
|
+ span="1"
|
|
|
+ :prop="!deptBudgetList.add && registered != 1 ? 'crtDutyId' : ''"
|
|
|
+ :key="
|
|
|
+ !deptBudgetList.add || registered != 1
|
|
|
+ ? 'crtDutyId_haveProp'
|
|
|
+ : 'crtDutyId_noProp'
|
|
|
+ ">
|
|
|
+ {{
|
|
|
+ deptBudgetList.crtDutyName
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <br>
|
|
|
+ <!--买方-->
|
|
|
+ <ws-form-item label="买方"
|
|
|
+ span="1"
|
|
|
+ :prop="
|
|
|
+ !deptBudgetList.add && registered != 1 ? 'seafarerSexKey' : ''
|
|
|
+ "
|
|
|
+ :key="
|
|
|
+ !deptBudgetList.add || registered != 1
|
|
|
+ ? 'seafarerSexKey_haveProp'
|
|
|
+ : 'seafarerSexKey_noProp'
|
|
|
+ ">
|
|
|
+ <ws-select v-if="isEdited && !deptBudgetList.add && registered !== '1'"
|
|
|
+ v-model="deptBudgetList.seafarerSexKey"
|
|
|
+ :placeholder="$t('common.selected')">
|
|
|
+ <ws-option v-for="item in sexList"
|
|
|
+ :key="item.key"
|
|
|
+ :label="item.value"
|
|
|
+ :value="item.key" />
|
|
|
+ </ws-select>
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.seafarerSexValue
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <!--结算方式-->
|
|
|
+ <ws-form-item label="结算方式"
|
|
|
+ span="1"
|
|
|
+ :prop="
|
|
|
+ !deptBudgetList.add && registered != 1 ? 'mobilePhone' : ''
|
|
|
+ "
|
|
|
+ :key="
|
|
|
+ !deptBudgetList.add || registered != 1
|
|
|
+ ? 'mobilePhone_haveProp'
|
|
|
+ : 'mobilePhone_noProp'
|
|
|
+ ">
|
|
|
+ <ws-input v-if="isEdited && !deptBudgetList.add && registered !== '1'"
|
|
|
+ v-model="deptBudgetList.mobilePhone"
|
|
|
+ oninput="value=value.replace(/[^\d]/g,'')"
|
|
|
+ maxlength="50"
|
|
|
+ size="small" />
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.mobilePhone
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <!--卖方-->
|
|
|
+ <ws-form-item label="卖方"
|
|
|
+ span="1"
|
|
|
+ :prop="!deptBudgetList.add && registered != 1 ? 'birthday' : ''"
|
|
|
+ :key="
|
|
|
+ !deptBudgetList.add || registered != 1
|
|
|
+ ? 'birthday_haveProp'
|
|
|
+ : 'birthday_noProp'
|
|
|
+ ">
|
|
|
+ <ws-date-picker :picker-options="pickerBeginDateBefore"
|
|
|
+ v-if="isEdited && !deptBudgetList.add && registered !== '1'"
|
|
|
+ v-model="deptBudgetList.birthday"
|
|
|
+ type="date"
|
|
|
+ default-value="1980-01-01"
|
|
|
+ :placeholder="$t('common.selected')"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ value-format="yyyy-MM-dd" />
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.birthday
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <!--货源地-->
|
|
|
+ <ws-form-item label="货源地"
|
|
|
+ span="1"
|
|
|
+ :prop="!deptBudgetList.add && registered != 1 ? 'birthday' : ''"
|
|
|
+ :key="
|
|
|
+ !deptBudgetList.add || registered != 1
|
|
|
+ ? 'birthday_haveProp'
|
|
|
+ : 'birthday_noProp'
|
|
|
+ ">
|
|
|
+ <ws-date-picker :picker-options="pickerBeginDateBefore"
|
|
|
+ v-if="isEdited && !deptBudgetList.add && registered !== '1'"
|
|
|
+ v-model="deptBudgetList.birthday"
|
|
|
+ type="date"
|
|
|
+ default-value="1980-01-01"
|
|
|
+ :placeholder="$t('common.selected')"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ value-format="yyyy-MM-dd" />
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.birthday
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <!--买方电话-->
|
|
|
+ <ws-form-item label="买方电话"
|
|
|
+ span="1"
|
|
|
+ :prop="!deptBudgetList.add && registered != 1 ? 'birthday' : ''"
|
|
|
+ :key="
|
|
|
+ !deptBudgetList.add || registered != 1
|
|
|
+ ? 'birthday_haveProp'
|
|
|
+ : 'birthday_noProp'
|
|
|
+ ">
|
|
|
+ <ws-date-picker :picker-options="pickerBeginDateBefore"
|
|
|
+ v-if="isEdited && !deptBudgetList.add && registered !== '1'"
|
|
|
+ v-model="deptBudgetList.birthday"
|
|
|
+ type="date"
|
|
|
+ default-value="1980-01-01"
|
|
|
+ :placeholder="$t('common.selected')"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ value-format="yyyy-MM-dd" />
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.birthday
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <!--交货地-->
|
|
|
+ <ws-form-item label="交货地"
|
|
|
+ span="1"
|
|
|
+ :prop="!deptBudgetList.add && registered != 1 ? 'birthday' : ''"
|
|
|
+ :key="
|
|
|
+ !deptBudgetList.add || registered != 1
|
|
|
+ ? 'birthday_haveProp'
|
|
|
+ : 'birthday_noProp'
|
|
|
+ ">
|
|
|
+ <ws-date-picker :picker-options="pickerBeginDateBefore"
|
|
|
+ v-if="isEdited && !deptBudgetList.add && registered !== '1'"
|
|
|
+ v-model="deptBudgetList.birthday"
|
|
|
+ type="date"
|
|
|
+ default-value="1980-01-01"
|
|
|
+ :placeholder="$t('common.selected')"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ value-format="yyyy-MM-dd" />
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.birthday
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <!--卖方电话-->
|
|
|
+ <ws-form-item label="卖方电话"
|
|
|
+ span="1"
|
|
|
+ :prop="!deptBudgetList.add && registered != 1 ? 'birthday' : ''"
|
|
|
+ :key="
|
|
|
+ !deptBudgetList.add || registered != 1
|
|
|
+ ? 'birthday_haveProp'
|
|
|
+ : 'birthday_noProp'
|
|
|
+ ">
|
|
|
+ <ws-date-picker :picker-options="pickerBeginDateBefore"
|
|
|
+ v-if="isEdited && !deptBudgetList.add && registered !== '1'"
|
|
|
+ v-model="deptBudgetList.birthday"
|
|
|
+ type="date"
|
|
|
+ default-value="1980-01-01"
|
|
|
+ :placeholder="$t('common.selected')"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ value-format="yyyy-MM-dd" />
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.birthday
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <!--包装方式-->
|
|
|
+ <ws-form-item label="包装方式"
|
|
|
+ span="1"
|
|
|
+ :prop="!deptBudgetList.add && registered != 1 ? 'birthday' : ''"
|
|
|
+ :key="
|
|
|
+ !deptBudgetList.add || registered != 1
|
|
|
+ ? 'birthday_haveProp'
|
|
|
+ : 'birthday_noProp'
|
|
|
+ ">
|
|
|
+ <ws-date-picker :picker-options="pickerBeginDateBefore"
|
|
|
+ v-if="isEdited && !deptBudgetList.add && registered !== '1'"
|
|
|
+ v-model="deptBudgetList.birthday"
|
|
|
+ type="date"
|
|
|
+ default-value="1980-01-01"
|
|
|
+ :placeholder="$t('common.selected')"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ value-format="yyyy-MM-dd" />
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.birthday
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <!--重量（吨）-->
|
|
|
+ <ws-form-item label="重量（吨）"
|
|
|
+ span="1"
|
|
|
+ :prop="!deptBudgetList.add && registered != 1 ? 'birthday' : ''"
|
|
|
+ :key="
|
|
|
+ !deptBudgetList.add || registered != 1
|
|
|
+ ? 'birthday_haveProp'
|
|
|
+ : 'birthday_noProp'
|
|
|
+ ">
|
|
|
+ <ws-date-picker :picker-options="pickerBeginDateBefore"
|
|
|
+ v-if="isEdited && !deptBudgetList.add && registered !== '1'"
|
|
|
+ v-model="deptBudgetList.birthday"
|
|
|
+ type="date"
|
|
|
+ default-value="1980-01-01"
|
|
|
+ :placeholder="$t('common.selected')"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ value-format="yyyy-MM-dd" />
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.birthday
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <!--验收方式-->
|
|
|
+ <ws-form-item label="验收方式"
|
|
|
+ span="1"
|
|
|
+ :prop="!deptBudgetList.add && registered != 1 ? 'birthday' : ''"
|
|
|
+ :key="
|
|
|
+ !deptBudgetList.add || registered != 1
|
|
|
+ ? 'birthday_haveProp'
|
|
|
+ : 'birthday_noProp'
|
|
|
+ ">
|
|
|
+ <ws-date-picker :picker-options="pickerBeginDateBefore"
|
|
|
+ v-if="isEdited && !deptBudgetList.add && registered !== '1'"
|
|
|
+ v-model="deptBudgetList.birthday"
|
|
|
+ type="date"
|
|
|
+ default-value="1980-01-01"
|
|
|
+ :placeholder="$t('common.selected')"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ value-format="yyyy-MM-dd" />
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.birthday
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <!--溢短装-->
|
|
|
+ <ws-form-item label="溢短装（%）"
|
|
|
+ span="1"
|
|
|
+ :prop="!deptBudgetList.add && registered != 1 ? 'birthday' : ''"
|
|
|
+ :key="
|
|
|
+ !deptBudgetList.add || registered != 1
|
|
|
+ ? 'birthday_haveProp'
|
|
|
+ : 'birthday_noProp'
|
|
|
+ ">
|
|
|
+ <ws-date-picker :picker-options="pickerBeginDateBefore"
|
|
|
+ v-if="isEdited && !deptBudgetList.add && registered !== '1'"
|
|
|
+ v-model="deptBudgetList.birthday"
|
|
|
+ type="date"
|
|
|
+ default-value="1980-01-01"
|
|
|
+ :placeholder="$t('common.selected')"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ value-format="yyyy-MM-dd" />
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.birthday
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <!--交货日期（起）-->
|
|
|
+ <ws-form-item label="交货日期（起）"
|
|
|
+ span="1"
|
|
|
+ :prop="!deptBudgetList.add && registered != 1 ? 'birthday' : ''"
|
|
|
+ :key="
|
|
|
+ !deptBudgetList.add || registered != 1
|
|
|
+ ? 'birthday_haveProp'
|
|
|
+ : 'birthday_noProp'
|
|
|
+ ">
|
|
|
+ <ws-date-picker :picker-options="pickerBeginDateBefore"
|
|
|
+ v-if="isEdited && !deptBudgetList.add && registered !== '1'"
|
|
|
+ v-model="deptBudgetList.birthday"
|
|
|
+ type="date"
|
|
|
+ default-value="1980-01-01"
|
|
|
+ :placeholder="$t('common.selected')"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ value-format="yyyy-MM-dd" />
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.birthday
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <!--合同单价（元/吨）-->
|
|
|
+ <ws-form-item label="合同单价（元/吨）"
|
|
|
+ span="1"
|
|
|
+ :prop="!deptBudgetList.add && registered != 1 ? 'birthday' : ''"
|
|
|
+ :key="
|
|
|
+ !deptBudgetList.add || registered != 1
|
|
|
+ ? 'birthday_haveProp'
|
|
|
+ : 'birthday_noProp'
|
|
|
+ ">
|
|
|
+ <ws-date-picker :picker-options="pickerBeginDateBefore"
|
|
|
+ v-if="isEdited && !deptBudgetList.add && registered !== '1'"
|
|
|
+ v-model="deptBudgetList.birthday"
|
|
|
+ type="date"
|
|
|
+ default-value="1980-01-01"
|
|
|
+ :placeholder="$t('common.selected')"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ value-format="yyyy-MM-dd" />
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.birthday
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <!--交货日期（止）-->
|
|
|
+ <ws-form-item label="交货日期（止）"
|
|
|
+ span="1"
|
|
|
+ :prop="!deptBudgetList.add && registered != 1 ? 'birthday' : ''"
|
|
|
+ :key="
|
|
|
+ !deptBudgetList.add || registered != 1
|
|
|
+ ? 'birthday_haveProp'
|
|
|
+ : 'birthday_noProp'
|
|
|
+ ">
|
|
|
+ <ws-date-picker :picker-options="pickerBeginDateBefore"
|
|
|
+ v-if="isEdited && !deptBudgetList.add && registered !== '1'"
|
|
|
+ v-model="deptBudgetList.birthday"
|
|
|
+ type="date"
|
|
|
+ default-value="1980-01-01"
|
|
|
+ :placeholder="$t('common.selected')"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ value-format="yyyy-MM-dd" />
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.birthday
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <!--合同总价（元）-->
|
|
|
+ <ws-form-item label="合同总价（元）"
|
|
|
+ span="1"
|
|
|
+ :prop="!deptBudgetList.add && registered != 1 ? 'birthday' : ''"
|
|
|
+ :key="
|
|
|
+ !deptBudgetList.add || registered != 1
|
|
|
+ ? 'birthday_haveProp'
|
|
|
+ : 'birthday_noProp'
|
|
|
+ ">
|
|
|
+ <ws-date-picker :picker-options="pickerBeginDateBefore"
|
|
|
+ v-if="isEdited && !deptBudgetList.add && registered !== '1'"
|
|
|
+ v-model="deptBudgetList.birthday"
|
|
|
+ type="date"
|
|
|
+ default-value="1980-01-01"
|
|
|
+ :placeholder="$t('common.selected')"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ value-format="yyyy-MM-dd" />
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.birthday
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <!--签订日期-->
|
|
|
+ <ws-form-item label="签订日期"
|
|
|
+ span="1"
|
|
|
+ :prop="!deptBudgetList.add && registered != 1 ? 'birthday' : ''"
|
|
|
+ :key="
|
|
|
+ !deptBudgetList.add || registered != 1
|
|
|
+ ? 'birthday_haveProp'
|
|
|
+ : 'birthday_noProp'
|
|
|
+ ">
|
|
|
+ <ws-date-picker :picker-options="pickerBeginDateBefore"
|
|
|
+ v-if="isEdited && !deptBudgetList.add && registered !== '1'"
|
|
|
+ v-model="deptBudgetList.birthday"
|
|
|
+ type="date"
|
|
|
+ default-value="1980-01-01"
|
|
|
+ :placeholder="$t('common.selected')"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ value-format="yyyy-MM-dd" />
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.birthday
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+
|
|
|
+ </ws-info-table>
|
|
|
+
|
|
|
+ <!--货物信息-->
|
|
|
+ <div class='title'>
|
|
|
+ <h3>货物信息</h3>
|
|
|
+ </div>
|
|
|
+ <ws-info-table>
|
|
|
+ <!--货名-->
|
|
|
+ <ws-form-item label="货名"
|
|
|
+ span="1"
|
|
|
+ prop="dutyId">
|
|
|
+ <ws-select v-if="isEdited"
|
|
|
+ v-model="deptBudgetList.dutyId"
|
|
|
+ :placeholder="$t('common.selected')"
|
|
|
+ @change="selectDuty">
|
|
|
+ <ws-option v-for="item in dutyList"
|
|
|
+ :key="item.dutyId"
|
|
|
+ v-if="item.enabled"
|
|
|
+ :label="item.chineseName"
|
|
|
+ :value="item.dutyId" />
|
|
|
+ </ws-select>
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.dutyName
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <!--水分（%）<=-->
|
|
|
+ <ws-form-item label="水分（%）<="
|
|
|
+ span="1"
|
|
|
+ prop="intendedShipId">
|
|
|
+ <!-- <ws-select v-if="isEdited"
|
|
|
+ v-model="deptBudgetList.intendedShipId"
|
|
|
+ :placeholder="$t('common.selected')"
|
|
|
+ @change="selectIntendedShip">
|
|
|
+ <ws-option v-for="item in shipList"
|
|
|
+ :key="item.vesselId"
|
|
|
+ :label="item.vesselName"
|
|
|
+ :value="item.vesselId" />
|
|
|
+ </ws-select> -->
|
|
|
+ <BaseShipSelect v-model="deptBudgetList.intendedShipId"
|
|
|
+ v-if="isEdited"
|
|
|
+ filterable
|
|
|
+ :placeholder="$t('common.selected')"
|
|
|
+ :showAll="false"
|
|
|
+ clearable
|
|
|
+ @change="selectIntendedShip"
|
|
|
+ style="width:100%;"></BaseShipSelect>
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.intendedShipName
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <!--品级-->
|
|
|
+ <ws-form-item label="品级"
|
|
|
+ span="1"
|
|
|
+ prop="interviewPersons">
|
|
|
+ <ws-input v-if="isEdited"
|
|
|
+ v-model="deptBudgetList.interviewPersons"
|
|
|
+ maxlength="100"
|
|
|
+ size="small" />
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.interviewPersons
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <!--杂质-->
|
|
|
+ <ws-form-item label="杂质（%）"
|
|
|
+ span="1"
|
|
|
+ prop="interviewDates">
|
|
|
+ <ws-date-picker v-if="isEdited"
|
|
|
+ v-model="deptBudgetList.interviewDates"
|
|
|
+ type="date"
|
|
|
+ :placeholder="$t('common.selected')"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ value-format="yyyy-MM-dd" />
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.interviewDates
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <!--容重-->
|
|
|
+ <ws-form-item label="容重（克/升）"
|
|
|
+ span="1"
|
|
|
+ prop="interviewType">
|
|
|
+ <ws-select v-if="isEdited"
|
|
|
+ v-model="deptBudgetList.interviewType"
|
|
|
+ :placeholder="$t('common.selected')">
|
|
|
+ <ws-option v-for="item in interviewTypeList"
|
|
|
+ :key="item.key"
|
|
|
+ :label="item.value"
|
|
|
+ :value="item.key" />
|
|
|
+ </ws-select>
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.interviewType
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <!--霉变粒-->
|
|
|
+ <ws-form-item label="霉变粒（%）<="
|
|
|
+ span="1"
|
|
|
+ prop="interviewResult"
|
|
|
+ class="result">
|
|
|
+ <span v-if="isEdited">
|
|
|
+ <ws-radio v-model="deptBudgetList.interviewResult"
|
|
|
+ label="1">{{
|
|
|
+ $t('crew.interviewManagement.button.through')
|
|
|
+ }}</ws-radio>
|
|
|
+ <ws-radio v-model="deptBudgetList.interviewResult"
|
|
|
+ label="0">{{
|
|
|
+ $t('crew.interviewManagement.button.noThrough')
|
|
|
+ }}</ws-radio>
|
|
|
+ </span>
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.interviewResult
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <!--焦糊粒-->
|
|
|
+ <ws-form-item label="焦糊粒（%）<="
|
|
|
+ span="1"
|
|
|
+ prop="interviewResult"
|
|
|
+ class="result">
|
|
|
+ <span v-if="isEdited">
|
|
|
+ <ws-radio v-model="deptBudgetList.interviewResult"
|
|
|
+ label="1">{{
|
|
|
+ $t('crew.interviewManagement.button.through')
|
|
|
+ }}</ws-radio>
|
|
|
+ <ws-radio v-model="deptBudgetList.interviewResult"
|
|
|
+ label="0">{{
|
|
|
+ $t('crew.interviewManagement.button.noThrough')
|
|
|
+ }}</ws-radio>
|
|
|
+ </span>
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.interviewResult
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <!--不完善粒-->
|
|
|
+ <ws-form-item label="不完善粒（%）<="
|
|
|
+ span="1"
|
|
|
+ prop="interviewResult"
|
|
|
+ class="result">
|
|
|
+ <span v-if="isEdited">
|
|
|
+ <ws-radio v-model="deptBudgetList.interviewResult"
|
|
|
+ label="1">{{
|
|
|
+ $t('crew.interviewManagement.button.through')
|
|
|
+ }}</ws-radio>
|
|
|
+ <ws-radio v-model="deptBudgetList.interviewResult"
|
|
|
+ label="0">{{
|
|
|
+ $t('crew.interviewManagement.button.noThrough')
|
|
|
+ }}</ws-radio>
|
|
|
+ </span>
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.interviewResult
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ </ws-info-table>
|
|
|
+
|
|
|
+ <!--流程信息-->
|
|
|
+ <!--已付款-->
|
|
|
+ <!-- <ws-form-item label=""
|
|
|
+ span="1"
|
|
|
+ prop="interviewPersons">
|
|
|
+ <ws-input v-if="isEdited"
|
|
|
+ v-model="deptBudgetList.interviewPersons"
|
|
|
+ maxlength="100"
|
|
|
+ size="small" />
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.interviewPersons
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item> -->
|
|
|
+ <div class='title'>
|
|
|
+ <h3>流程信息</h3>
|
|
|
+ </div>
|
|
|
+ <ws-info-table>
|
|
|
+ <!--已付款-->
|
|
|
+ <ws-form-item label="已付款（元）"
|
|
|
+ span="1"
|
|
|
+ prop="interviewDates">
|
|
|
+ <ws-date-picker v-if="isEdited"
|
|
|
+ v-model="deptBudgetList.interviewDates"
|
|
|
+ type="date"
|
|
|
+ :placeholder="$t('common.selected')"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ value-format="yyyy-MM-dd" />
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.interviewDates
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+
|
|
|
+ <!--已开发票-->
|
|
|
+ <ws-form-item label="已开发票（元）"
|
|
|
+ span="1"
|
|
|
+ prop="interviewPersons">
|
|
|
+ <ws-input v-if="isEdited"
|
|
|
+ v-model="deptBudgetList.interviewPersons"
|
|
|
+ maxlength="100"
|
|
|
+ size="small" />
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.interviewPersons
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <!--合同外支出-->
|
|
|
+ <ws-form-item label="合同外支出（元）"
|
|
|
+ span="1"
|
|
|
+ prop="interviewDates">
|
|
|
+ <ws-date-picker v-if="isEdited"
|
|
|
+ v-model="deptBudgetList.interviewDates"
|
|
|
+ type="date"
|
|
|
+ :placeholder="$t('common.selected')"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ value-format="yyyy-MM-dd" />
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.interviewDates
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <!--未开发票-->
|
|
|
+ <ws-form-item label="未开发票（元）"
|
|
|
+ span="1"
|
|
|
+ prop="interviewDates">
|
|
|
+ <ws-date-picker v-if="isEdited"
|
|
|
+ v-model="deptBudgetList.interviewDates"
|
|
|
+ type="date"
|
|
|
+ :placeholder="$t('common.selected')"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ value-format="yyyy-MM-dd" />
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.interviewDates
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+
|
|
|
+ <!--双章原件回收情况-->
|
|
|
+ <ws-form-item label="双章原件回收情况"
|
|
|
+ span="1"
|
|
|
+ prop="interviewType">
|
|
|
+ <ws-select v-if="isEdited"
|
|
|
+ v-model="deptBudgetList.interviewType"
|
|
|
+ :placeholder="$t('common.selected')">
|
|
|
+ <ws-option v-for="item in interviewTypeList"
|
|
|
+ :key="item.key"
|
|
|
+ :label="item.value"
|
|
|
+ :value="item.key" />
|
|
|
+ </ws-select>
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.interviewType
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+ <!--已完成发运量-->
|
|
|
+ <ws-form-item label="已完成发运量（吨）"
|
|
|
+ span="1"
|
|
|
+ prop="interviewResult"
|
|
|
+ class="result">
|
|
|
+ <span v-if="isEdited">
|
|
|
+ <ws-radio v-model="deptBudgetList.interviewResult"
|
|
|
+ label="1">{{
|
|
|
+ $t('crew.interviewManagement.button.through')
|
|
|
+ }}</ws-radio>
|
|
|
+ <ws-radio v-model="deptBudgetList.interviewResult"
|
|
|
+ label="0">{{
|
|
|
+ $t('crew.interviewManagement.button.noThrough')
|
|
|
+ }}</ws-radio>
|
|
|
+ </span>
|
|
|
+ <span v-else
|
|
|
+ class="span-padding">{{
|
|
|
+ deptBudgetList.interviewResult
|
|
|
+ }}</span>
|
|
|
+ </ws-form-item>
|
|
|
+
|
|
|
+ </ws-info-table>
|
|
|
+ </ws-form>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
</template>
|
|
|
+
|
|
|
<script>
|
|
|
-import { getVesselOne } from '@/model/procurement/basic'
|
|
|
-import { dayjs } from 'base-core-lib'
|
|
|
-export default {
|
|
|
- name: 'viewSpareMoney',
|
|
|
- watch: {
|
|
|
- vesselId(val) {
|
|
|
- this.getVesselData()
|
|
|
- },
|
|
|
- isShow(val) {
|
|
|
- this.showType = val
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ tableData: [],
|
|
|
+ deptBudgetList:{},
|
|
|
+ ruleDeptBudget:[]
|
|
|
+ }
|
|
|
},
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- //弹出框
|
|
|
- dialogViewSpareMoney: false,
|
|
|
- dialogApproveFormVisible: false,
|
|
|
- // 船舶类型
|
|
|
- monetaryKey: null,
|
|
|
- // 表格显示数据
|
|
|
- tableDate: [],
|
|
|
- // 是否显示
|
|
|
- showType: true,
|
|
|
- // 年
|
|
|
- year: '',
|
|
|
- // 提交类型
|
|
|
- submitType: true,
|
|
|
- tableData: [{ date: 1111, name: 'qqqq', address: 'errrtt' }],
|
|
|
- }
|
|
|
- },
|
|
|
- created() {
|
|
|
+ created() {
|
|
|
//cg.viewBudget
|
|
|
//cg.viewSpareMoney
|
|
|
// this.getVesselData();
|
|
|
@@ -51,6 +703,12 @@ export default {
|
|
|
}
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
+.title h3,.title span{
|
|
|
+ display:inline-block;
|
|
|
+}
|
|
|
+.title h3{
|
|
|
+ margin-right:10px;
|
|
|
+}
|
|
|
.button-container {
|
|
|
display: flex;
|
|
|
flex-wrap: nowrap;
|
|
|
@@ -67,8 +725,10 @@ export default {
|
|
|
flex-direction: row;
|
|
|
& > span {
|
|
|
line-height: 50px;
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
|
|
|
/deep/.auditFlow-box {
|
|
|
position: unset;
|
|
|
@@ -91,6 +751,7 @@ export default {
|
|
|
/deep/.el-dialog {
|
|
|
.el-form-item {
|
|
|
margin-bottom: 0 !important;
|
|
|
+
|
|
|
.el-input--medium {
|
|
|
textarea {
|
|
|
min-height: 100px !important;
|
|
|
@@ -106,6 +767,20 @@ export default {
|
|
|
width: 100%;
|
|
|
z-index: 1;
|
|
|
}
|
|
|
+ .el-form-item {
|
|
|
+ width: 50%;
|
|
|
+
|
|
|
+}
|
|
|
+.First{
|
|
|
+ width: 950px;
|
|
|
+ margin-left: 20%;
|
|
|
+
|
|
|
+}
|
|
|
+.el-form-item__label {
|
|
|
+ line-height: 32px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
/*.crt-main .textarea /deep/ .el-form-item__label {*/
|
|
|
/* height: 82px;*/
|
|
|
/*}*/
|
|
|
@@ -143,6 +818,7 @@ export default {
|
|
|
border: 0;
|
|
|
color: #606266;
|
|
|
}
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
// 控制select为只读的时候显示样式
|
zhongtianhaoyuan