| | |
| | | <!-- <u-alert :title="accountMsg" :type="accountMsgType" :description="accountMsgType"></u-alert> --> |
| | | <view class="formDataContaniner"> |
| | | <u--form labelPosition="left" :model="newFormData" :rules="rules" ref="formRef"> |
| | | <u-form-item @click="selectLedger" labelWidth="20%" label="账套" borderBottom> |
| | | <u--input disabled disabledColor="#ffffff" v-model="ledgerName" border="none"></u--input> |
| | | </u-form-item> |
| | | <u-form-item @click="selectCustomer" labelWidth="20%" label="结算客户" prop="customerName" borderBottom ref="customerNameRef"> |
| | | <u--input v-model="newFormData.customerName" border="none"></u--input> |
| | | <u--input disabled disabledColor="#ffffff" v-model="newFormData.customerName" border="none"></u--input> |
| | | </u-form-item> |
| | | <u-form-item @click="selectContract" labelWidth="20%" label="合同编号" prop="contractNum" borderBottom ref="contractNumRef"> |
| | | <u--input v-model="newFormData.contractNum" border="none"></u--input> |
| | | <u--input disabled disabledColor="#ffffff" v-model="newFormData.contractNum" border="none"></u--input> |
| | | </u-form-item> |
| | | <u-form-item labelWidth="20%" label="合同名称" borderBottom ref="contractNameRef"> |
| | | <u--input disabled disabledColor="#ffffff" v-model="newFormData.contractName" border="none"></u--input> |
| | |
| | | <u-icon slot="right" name="arrow-right"></u-icon> |
| | | </u-form-item> |
| | | <u-form-item @click="timeShow = true" prop="startDate" labelWidth="20%" label="日期" borderBottom ref="timeDataRef"> |
| | | <u--input v-model="timeDataStr" border="none" placeholder="请选择范围日期"></u--input> |
| | | <u--input v-model="timeDataStr" border="none" disabled disabledColor="#ffffff" placeholder="请选择范围日期"></u--input> |
| | | <u-icon slot="right" name="arrow-right"></u-icon> |
| | | </u-form-item> |
| | | <u-form-item labelWidth="20%" label="编号" borderBottom> |
| | |
| | | </u--form> |
| | | </view> |
| | | |
| | | <!-- 选择账套 --> |
| | | <u-picker |
| | | @change="selectLedgerChange" |
| | | @confirm="selectLedgerConfirm" |
| | | @cancel="selectLedgerCancel" |
| | | @close="selectLedgerClose" |
| | | :show="selectLedgerShow" |
| | | :columns="ledgerList" |
| | | keyName="name" |
| | | :closeOnClickOverlay="true" |
| | | ></u-picker> |
| | | |
| | | <!-- 申请日历、范围时间 --> |
| | | <u-calendar :show="timeShow" :mode="mode" @confirm="confirmTime" @close="timeClose" rowHeight="110" :maxDate="maxDate"></u-calendar> |
| | | <u-calendar :show="timeShow" :mode="mode" @confirm="confirmTime" @close="timeClose" rowHeight="110" ></u-calendar> |
| | | <!-- 申请付款方式弹出菜单 --> |
| | | <u-action-sheet :show="showPayType" :actions="actions" title="请选择付款方式" @close="showPayType = false" @select="sexSelect"></u-action-sheet> |
| | | |
| | |
| | | <view class="selectCustomerContainer"> |
| | | <view class="searchContainer"> |
| | | <u--form labelPosition="left" :model="searchCustomerForm" ref="selectformRef"> |
| | | <u-form-item labelWidth="12%" label="单位" borderBottom ref="compRef"> |
| | | <u--input @focus="selectCustomerCompShow = true" v-model="searchCustomerForm.compName" placeholder="点击选择单位" border="none"></u--input> |
| | | <u-icon slot="right" name="close-circle-fill" v-show="searchCustomerForm.compName != ''" @click="searchCustomerForm.compName = ''"></u-icon> |
| | | <u-form-item |
| | | @click=" |
| | | selectCustomerCompShow = true; |
| | | hideKeyboard(); |
| | | " |
| | | labelWidth="12%" |
| | | label="单位" |
| | | borderBottom |
| | | ref="compRef" |
| | | > |
| | | <u--input v-model="searchCustomerForm.compName" disabled disabledColor="#ffffff" placeholder="点击选择单位" border="none"></u--input> |
| | | <!-- <u-icon slot="right" name="close-circle-fill" @click="searchCustomerForm.compName = ''"></u-icon>--> |
| | | </u-form-item> |
| | | <u-form-item labelWidth="20%" label="客户名称" borderBottom ref="timeDataRef"> |
| | | <u--input v-model="selectCustomerData.customerName" border="none" placeholder="输入客户名称"></u--input> |
| | | <u-icon slot="right" name="close-circle-fill" v-show="selectCustomerData.customerName != ''" @click="selectCustomerData.customerName = ''"></u-icon> |
| | | <u--input v-model="selectCustomerData.customerFullName" border="none" placeholder="输入客户名称"></u--input> |
| | | <u-icon slot="right" name="close-circle-fill" @click="selectCustomerData.customerFullName = ''"></u-icon> |
| | | </u-form-item> |
| | | <u-form-item labelWidth="20%" label="客户级别" borderBottom> |
| | | <u--input @focus="selectLevelShow = true" border="none" v-model="searchCustomerForm.levelText" placeholder="点击选择级别"></u--input> |
| | | <u-icon slot="right" name="close-circle-fill" v-show="searchCustomerForm.levelText != ''" @click="searchCustomerForm.levelText = ''"></u-icon> |
| | | <u-form-item |
| | | @click=" |
| | | selectLevelShow = true; |
| | | hideKeyboard(); |
| | | " |
| | | labelWidth="20%" |
| | | label="客户级别" |
| | | borderBottom |
| | | > |
| | | <u--input border="none" v-model="searchCustomerForm.levelText" disabled disabledColor="#ffffff" placeholder="点击选择级别"></u--input> |
| | | <!-- <u-icon slot="right" name="close-circle-fill" @click="searchCustomerForm.levelText = ''"></u-icon>--> |
| | | </u-form-item> |
| | | </u--form> |
| | | </view> |
| | |
| | | <view class="selectCustomerContainer"> |
| | | <view class="searchContainer"> |
| | | <u--form labelPosition="left" :model="searchContractForm" ref="selectformRef"> |
| | | <u-form-item labelWidth="18%" label="合同编号" borderBottom ref="compRef"> |
| | | <u-form-item labelWidth="20%" label="合同编号" borderBottom ref="compRef"> |
| | | <u--input v-model="searchContractForm.num" placeholder="请输入合同编号" border="none"></u--input> |
| | | <u-icon slot="right" name="close-circle-fill" v-show="searchContractForm.num != ''" @click="searchContractForm.num = ''"></u-icon> |
| | | </u-form-item> |
| | | <u-form-item labelWidth="18%" label="客户名称" borderBottom ref="compRef"> |
| | | <u-form-item labelWidth="20%" label="客户名称" borderBottom ref="compRef"> |
| | | <u--input v-model="searchContractForm.customerName" placeholder="请输入客户名称" border="none"></u--input> |
| | | <u-icon slot="right" name="close-circle-fill" v-show="searchContractForm.customerName != ''" @click="searchContractForm.customerName = ''"></u-icon> |
| | | </u-form-item> |
| | | <u-form-item labelWidth="18%" label="合同类型" borderBottom ref="compRef"> |
| | | <u--input v-model="searchContractForm.type" placeholder="请输入合同类型" border="none" @focus="searchContractFormTypeFocus"></u--input> |
| | | <u-icon slot="right" name="close-circle-fill" v-show="searchContractForm.type != ''" @click="searchContractForm.type = ''"></u-icon> |
| | | <u-form-item labelWidth="20%" label="合同类型" borderBottom ref="compRef" @click="searchContractFormTypeFocus"> |
| | | <u--input v-model="searchContractForm.type" disabled disabledColor="#ffffff" placeholder="请输入合同类型" border="none"></u--input> |
| | | <!-- <u-icon slot="right" name="close-circle-fill" v-show="searchContractForm.type != ''" @click="searchContractForm.type = ''"></u-icon>--> |
| | | </u-form-item> |
| | | <u-form-item labelWidth="18%" label="签订日期" borderBottom ref="compRef"> |
| | | <u--input @focus="selectContractStartTimeShow = true" v-model="searchContractForm.startDate" placeholder="点击选择签订日期" border="none"></u--input> |
| | | <u-icon slot="right" name="close-circle-fill" v-show="searchContractForm.startDate != ''" @click="searchContractForm.startDate = ''"></u-icon> |
| | | <u-form-item labelWidth="20%" label="签订日期" borderBottom ref="compRef" @click="selectContractStartTimeShow = true"> |
| | | <u--input v-model="searchContractForm.startDate" disabled disabledColor="#ffffff" placeholder="点击选择签订日期" border="none"></u--input> |
| | | <!-- <u-icon slot="right" name="close-circle-fill" v-show="searchContractForm.startDate != ''" @click="searchContractForm.startDate = ''"></u-icon>--> |
| | | </u-form-item> |
| | | <u-form-item labelWidth="18%" label="结束日期" borderBottom ref="compRef"> |
| | | <u--input @focus="selectContractEndTimeShow = true" v-model="searchContractForm.endDate" placeholder="点击选择结束日期" border="none"></u--input> |
| | | <u-icon slot="right" name="close-circle-fill" v-show="searchContractForm.endDate != ''" @click="searchContractForm.endDate = ''"></u-icon> |
| | | <u-form-item labelWidth="20%" label="结束日期" borderBottom ref="compRef" @click="selectContractEndTimeShow = true"> |
| | | <u--input v-model="searchContractForm.endDate" disabled disabledColor="#ffffff" placeholder="点击选择结束日期" border="none"></u--input> |
| | | <!-- <u-icon slot="right" name="close-circle-fill" v-show="searchContractForm.endDate != ''" @click="searchContractForm.endDate = ''"></u-icon>--> |
| | | </u-form-item> |
| | | </u--form> |
| | | </view> |
| | |
| | | <u-button text="清空" @click="selectContractResetFields"></u-button> |
| | | </view> |
| | | <!-- 合同列表 --> |
| | | <!-- 滚动通知 --> |
| | | <view class="tapStyle"> |
| | | <u-notice-bar :text="noticeText" fontSize="24"></u-notice-bar> |
| | | </view> |
| | | <view class="tableContract"> |
| | | <view class="tableBody"> |
| | | <uni-table border emptyText="暂无更多数据"> |
| | | <uni-tr> |
| | | <uni-th width="100" align="center">组织结构</uni-th> |
| | | <uni-th width="130" align="center">煤种名称</uni-th> |
| | | <uni-th width="250" align="center">客户名称</uni-th> |
| | | <uni-th width="180" align="center">煤种名称</uni-th> |
| | | <uni-th width="220" align="center">合同编号</uni-th> |
| | | <uni-th width="90" align="center">合同类型</uni-th> |
| | | <uni-th width="230" align="center">合同编号</uni-th> |
| | | <uni-th width="100" align="center">合同类型</uni-th> |
| | | <uni-th width="130" align="center">签订日期</uni-th> |
| | | <uni-th width="130" align="center">终止日期</uni-th> |
| | | <uni-th width="100" align="center">合同总量</uni-th> |
| | | <uni-th width="100" align="center">合同金额</uni-th> |
| | | <uni-th width="120" align="center">合同金额</uni-th> |
| | | <uni-th width="70" align="center">状态</uni-th> |
| | | <uni-th width="130" align="center">组织结构</uni-th> |
| | | </uni-tr> |
| | | <uni-tr v-for="(item, index) in contractData" :key="index"> |
| | | <uni-td align="center"> |
| | | <view :style="tdStyle">{{ item.compName }}</view> |
| | | <view :style="tdStyle">{{ item.coalNames }}</view> |
| | | </uni-td> |
| | | <uni-td align="left"> |
| | | <view :style="tdStyle">{{ item.customerName }}</view> |
| | | </uni-td> |
| | | <uni-td align="center"> |
| | | <view :style="tdStyle">{{ item.coalNames }}</view> |
| | | <view class="contractTableTd">{{ item.customerName }}</view> |
| | | </uni-td> |
| | | <uni-td align="left"> |
| | | <view :style="tdStyle">{{ item.num }}</view> |
| | |
| | | <uni-td align="center"> |
| | | <view :style="tdStyle">{{ item.status }}</view> |
| | | </uni-td> |
| | | <uni-td align="center"> |
| | | <view :style="tdStyle">{{ item.compName }}</view> |
| | | </uni-td> |
| | | </uni-tr> |
| | | </uni-table> |
| | | </view> |
| | |
| | | </uni-tr> |
| | | </uni-table> |
| | | </view> |
| | | </view> |
| | | <!-- 合同加载更多 --> |
| | | <view class="loadmoreClass"> |
| | | <u-loadmore loadmoreText="点击加载更多" nomoreText="无更多数据!!!" :status="statusContractLoading" @loadmore="loadingContract" fontSize="20" height="30px" /> |
| | | </view> |
| | | <!-- 合同类型选择器 --> |
| | | <view class="selectContractTypePicker"> |
| | |
| | | </view> |
| | | </view> |
| | | </template> |
| | | <u-form-item @click="addContractTransportShow = true" label="运输" labelWidth="20%" ref="item1"><u--input v-model="addContractTransport"></u--input></u-form-item> |
| | | <u-form-item @click="addContractTransportShow = true" label="运输" labelWidth="20%" ref="item1"> |
| | | <u--input v-model="addContractTransport" disabled disabledColor="#ffffff"></u--input> |
| | | </u-form-item> |
| | | </view> |
| | | <view class="formDownCard"> |
| | | <u-form-item label="单价" labelWidth="20%" ref="item1"> |
| | |
| | | </view> |
| | | |
| | | <!-- <u-form-item label="发站" labelWidth="18%" borderBottom ref="item1"><u--input v-model="addContractFormdata.fromStation" border="none"></u--input></u-form-item> |
| | | <u-form-item label="到站" labelWidth="18%" borderBottom ref="item1"><u--input v-model="addContractFormdata.toStation" border="none"></u--input></u-form-item> |
| | | <u-form-item label="运费" labelWidth="18%" borderBottom ref="item1"><u--input v-model="addContractFormdata.cost1" border="none"></u--input></u-form-item> |
| | | <u-form-item label="抑尘费" labelWidth="18%" borderBottom ref="item1"><u--input v-model="addContractFormdata.cost2" border="none"></u--input></u-form-item> --> |
| | | <u-form-item label="到站" labelWidth="18%" borderBottom ref="item1"><u--input v-model="addContractFormdata.toStation" border="none"></u--input></u-form-item> |
| | | <u-form-item label="运费" labelWidth="18%" borderBottom ref="item1"><u--input v-model="addContractFormdata.cost1" border="none"></u--input></u-form-item> |
| | | <u-form-item label="抑尘费" labelWidth="18%" borderBottom ref="item1"><u--input v-model="addContractFormdata.cost2" border="none"></u--input></u-form-item> --> |
| | | </u--form> |
| | | |
| | | <view class="addContractConfirm"><u-button :text="editApplicationIndex != null ? '添加修改':'添加'" type="primary" @click="addContractSanConfirm"></u-button></view> |
| | | <view class="addContractConfirm"><u-button :text="editApplicationIndex != null ? '添加修改' : '添加'" type="primary" @click="addContractSanConfirm"></u-button></view> |
| | | </view> |
| | | |
| | | <!-- 选择煤厂 --> |
| | |
| | | <u--form labelPosition="left" :model="searchCustomerForm" ref="selectformRef"> |
| | | <u-form-item labelWidth="12%" label="单位" borderBottom ref="compRef"> |
| | | <u--input @focus="selectCustomerCompShow = true" v-model="searchCustomerForm.compName" placeholder="点击选择单位" border="none"></u--input> |
| | | <u-icon slot="right" name="close-circle-fill" v-show="searchCustomerForm.compName != ''" @click="searchCustomerForm.compName = ''"></u-icon> |
| | | <u-icon slot="right" name="close-circle-fill" v-if="searchCustomerForm.compName != ''" @click="searchCustomerForm.compName = ''"></u-icon> |
| | | </u-form-item> |
| | | <u-form-item labelWidth="20%" label="客户名称" borderBottom ref="timeDataRef"> |
| | | <u--input v-model="selectCustomerData.customerName" border="none" placeholder="输入客户名称"></u--input> |
| | | <u-icon slot="right" name="close-circle-fill" v-show="selectCustomerData.customerName != ''" @click="selectCustomerData.customerName = ''"></u-icon> |
| | | <u--input v-model="selectCustomerData.customerFullName" border="none" placeholder="输入客户名称"></u--input> |
| | | <u-icon slot="right" name="close-circle-fill" v-if="selectCustomerData.customerFullName != ''" @click="selectCustomerData.customerName = ''"></u-icon> |
| | | </u-form-item> |
| | | <u-form-item labelWidth="20%" label="客户级别" borderBottom> |
| | | <u--input @focus="selectLevelShow = true" border="none" v-model="searchCustomerForm.levelText" placeholder="点击选择级别"></u--input> |
| | | <u-icon slot="right" name="close-circle-fill" v-show="searchCustomerForm.levelText != ''" @click="searchCustomerForm.levelText = ''"></u-icon> |
| | | <u-icon slot="right" name="close-circle-fill" v-if="searchCustomerForm.levelText != ''" @click="searchCustomerForm.levelText = ''"></u-icon> |
| | | </u-form-item> |
| | | </u--form> |
| | | </view> |
| | |
| | | |
| | | <view class="newApplicationTable"> |
| | | <!-- <uni-table border stripe emptyText="暂无更多数据"> |
| | | <uni-tr v-for="(item, index) in 12" :key="index"> |
| | | <uni-th align="center">字段标题</uni-th> |
| | | <uni-td> |
| | | <view class="text">输入/选择内容</view> |
| | | <view class="icon"><image src="@/static/icon/select.png" mode=""></image></view> |
| | | </uni-td> |
| | | </uni-tr> |
| | | <uni-tr> |
| | | <uni-th align="center">操作</uni-th> |
| | | <uni-td> |
| | | <view class="newApplicationTableUtil"> |
| | | <u-button type="primary" text="修改" size="mini"></u-button> |
| | | <u-button type="error" text="删除" size="mini"></u-button> |
| | | </view> |
| | | </uni-td> |
| | | </uni-tr> |
| | | </uni-table> --> |
| | | <uni-tr v-for="(item, index) in 12" :key="index"> |
| | | <uni-th align="center">字段标题</uni-th> |
| | | <uni-td> |
| | | <view class="text">输入/选择内容</view> |
| | | <view class="icon"><image src="@/static/icon/select.png" mode=""></image></view> |
| | | </uni-td> |
| | | </uni-tr> |
| | | <uni-tr> |
| | | <uni-th align="center">操作</uni-th> |
| | | <uni-td> |
| | | <view class="newApplicationTableUtil"> |
| | | <u-button type="primary" text="修改" size="mini"></u-button> |
| | | <u-button type="error" text="删除" size="mini"></u-button> |
| | | </view> |
| | | </uni-td> |
| | | </uni-tr> |
| | | </uni-table> --> |
| | | <view class="balanceNo" v-if="accountDetails.balanceTotal < 0"><text style="color:red;">客户账户当前处于欠款状态</text></view> |
| | | |
| | | <view class="messageCustomerBalance" v-if="accountDetails.balanceTotal >= 0"> |
| | | <text style="color: #FFA500;;">客户账户现汇余额:{{ accountDetails.balanceTotal == null ? 0 :accountDetails.balanceTotal.toFixed(2) }},承兑余额:{{ accountDetails.balance2 == null ? 0 : customerChengdui }}</text> |
| | | <text style="color: #FFA500;"> |
| | | 客户账户现汇余额:{{ accountDetails.balance == null || undefined ? 0 : accountDetails.balance.toFixed(2) }},承兑余额:{{ |
| | | accountDetails.balance2 == null || undefined ? 0 : accountDetails.balance2 |
| | | }} |
| | | </text> |
| | | </view> |
| | | <u-swipe-action> |
| | | <u-swipe-action-item @click="deleteContractCardClick" :options="options1" v-for="(item, index) in newFormData.contractOrders" :key="index"> |
| | |
| | | <text>{{ item.amount }}</text> |
| | | </view> |
| | | <!-- <view class=""> |
| | | 订单数量:<text>218.899</text> |
| | | </view> --> |
| | | 订单数量:<text>218.899</text> |
| | | </view> --> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | <script> |
| | | import combinationTitle from '@/components/common/combined-title/combined-title.vue'; |
| | | import popupMenu from '@/components/common/popup-menu/popup-menu.vue'; |
| | | import { callWithErrorHandling } from 'vue'; |
| | | |
| | | // 最大显示的日期 |
| | | const d = new Date(); |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | noticeText:'左右滑动表格可查看更多详情', |
| | | // 账套选择器 |
| | | selectLedgerShow: false, |
| | | ledgerList: [], |
| | | ledgerName: '', |
| | | // accountMsgType: 'error', |
| | | tdStyle: 'max-height: 30px;overflow: scroll;', |
| | | tdStyle: 'max-height: 30px;overflow: auto;', |
| | | spanStyle: 'overflow:auto', |
| | | newFormData: { |
| | | amount: null, |
| | |
| | | quant: null, |
| | | remark: '', |
| | | startDate: '', |
| | | type: '外销' |
| | | type: '', |
| | | ledgerId: null |
| | | // ledgerName:'' |
| | | }, |
| | | accountDetails: {}, |
| | | // 时间 |
| | |
| | | // 时间 |
| | | timeShow: false, |
| | | mode: 'range', |
| | | maxDate: `${year}-${month}-${date + 70}`, |
| | | // 选择客户 |
| | | selectCustomerData: { |
| | | compIds: '', |
| | | customerName: '', |
| | | customerFullName: '', |
| | | level: '', |
| | | current: 1, |
| | | size: 10 |
| | |
| | | selectCustomerActions: [], |
| | | // 级别 |
| | | selectLevelShow: false, |
| | | levelList: [{ name: '一星级', value: 'A' }, { name: '二星级', value: 'B' }, { name: '三星级', value: 'C' }, { name: '四星级', value: 'D' }, { name: '五星级', value: 'E' }], |
| | | levelList: [ |
| | | { name: '一星级', value: 'A' }, |
| | | { name: '二星级', value: 'B' }, |
| | | { name: '三星级', value: 'C' }, |
| | | { |
| | | name: '四星级', |
| | | value: 'D' |
| | | }, |
| | | { name: '五星级', value: 'E' } |
| | | ], |
| | | // 选择合同 |
| | | selectContractShow: false, |
| | | searchContractForm: { |
| | | current: 1, |
| | | size: 10, |
| | | size: 50, |
| | | num: '', |
| | | startDate: '', |
| | | endDate: '', |
| | |
| | | type: '', |
| | | customerName: '' |
| | | }, |
| | | statusContractLoading: 'loadmore', |
| | | contractDataAllNum: 0, // 合同总数 |
| | | contractData: [], |
| | | contractNumList: [], |
| | | // 类型 |
| | |
| | | addContractShow: false, |
| | | // 添加合同表单 |
| | | addContractRules: {}, |
| | | addContractFormdata: { |
| | | // amount: null, |
| | | // coalId: null, |
| | | // coalName: '', |
| | | // compId: null, |
| | | // compName: '', |
| | | // cost1: '', |
| | | // cost2: '', |
| | | // customerId: null, |
| | | // customerName: '', |
| | | // edit: true, |
| | | // favouredpolicyIds: '', |
| | | // filedId: null, |
| | | // filedName: '', |
| | | // fromStation: '', |
| | | // modifyId: null, |
| | | // modifyInfoId: null, |
| | | // customerAddressId: null, |
| | | // price: null, |
| | | // priceMode: '0', |
| | | // quant: '', |
| | | // toStation: '', |
| | | // trainType: 1, |
| | | // type: '' |
| | | }, |
| | | addContractFormdata: {}, |
| | | contractDetails: [], // 选择的合同详情 |
| | | // 选择煤厂 |
| | | coalFiledSelectShow: false, |
| | |
| | | // 品种价格表格 |
| | | loading: false, |
| | | // 价格请求参数 |
| | | getNewPriceData: { |
| | | // compId: 133, |
| | | // compName: '邢台矿', |
| | | // customerAddressName: '邢台国泰发电有限责任公司', |
| | | // customerAddressId: 236, |
| | | // coalId: 45, |
| | | // coalName: '', |
| | | // trainType: 1, |
| | | // fromStation: '小康庄', |
| | | // toStation: '小康庄', |
| | | // quant: '', |
| | | // price: '', |
| | | // amount: '', |
| | | // priceMode: null, |
| | | // filedName: '邢台矿主煤场', |
| | | // filedId: 4, |
| | | // type: '', |
| | | // cost1: '', |
| | | // cost2: '', |
| | | // edit: true |
| | | }, |
| | | getNewPriceData: {}, |
| | | dust: null, // 抑尘费 |
| | | trainfreight: {}, //路运运费 |
| | | // 运输类型 |
| | |
| | | text: '删除' |
| | | } |
| | | ], |
| | | editApplicationIndex:null |
| | | editApplicationIndex: null |
| | | }; |
| | | }, |
| | | onShow() { |
| | |
| | | this.addContractFormdata.favouredpolicyIds = favouredpolicyIds; |
| | | } |
| | | } |
| | | |
| | | return temp; |
| | | }, |
| | | showPrice() { |
| | |
| | | //运距 |
| | | if (this.addContractFormdata.trainType == 2) { |
| | | if (e.type.indexOf('A') != -1) { |
| | | //根据发站到站获取运距 |
| | | list.push(e); |
| | | list.push(e); //根据发站到站获取运距 |
| | | } |
| | | } |
| | | }); |
| | | this.favouredpolicyList = list; |
| | | |
| | | return true; |
| | | }, |
| | | async currentRowComputed() { |
| | | console.log('currentRowComputed'); |
| | | //变价格用的 |
| | | this.changePriceMode(this.addContractFormdata.priceMode); |
| | | |
| | | this.changePriceMode(this.addContractFormdata.priceMode); //变价格用的 |
| | | //变订单量 |
| | | if (this.addContractFormdata.price > 0 && (this.addContractFormdata.amount > 0 || this.addContractFormdata.quant > 0)) { |
| | | let price = this.addContractFormdata.price; |
| | |
| | | this.addContractFormdata.cost1 = null; //运费 |
| | | this.addContractFormdata.cost2 = null; //抑尘费 |
| | | } else if (this.addContractFormdata.trainType == 2) { |
| | | //如果路运价格增加抑尘费和运费 |
| | | //如果路运价格增加,抑尘费和运费 |
| | | let cost1Price = await this.getFreight(this.addContractFormdata.fromStation, this.addContractFormdata.toStation, this.addContractFormdata.customerAddressId); //路运运费 |
| | | price += cost1Price; |
| | | price += this.dust; |
| | |
| | | } |
| | | return true; |
| | | } |
| | | // accountMsg() { |
| | | // this.accountMsgType = 'error'; |
| | | // if (this.accountDetails) { |
| | | // if (this.accountDetails.balanceType == '贷') { |
| | | // return '客户账户余额当前处于欠款状态!'; |
| | | // } else { |
| | | // let amount = 0; |
| | | // this.newFormData.contractOrders.forEach(e => { |
| | | // amount += Number(e.amount); |
| | | // }); |
| | | // if (this.newFormData.payType == '0') { |
| | | // if (this.accountDetails.balance < amount) { |
| | | // return '客户账户现汇余额不足,现汇余额:' + this.accountDetails.balance; |
| | | // } |
| | | // } else { |
| | | // if (this.accountDetails.balance2 < amount) { |
| | | // return '客户账户承兑余额不足,承兑余额:' + this.accountDetails.balance2; |
| | | // } |
| | | // } |
| | | // } |
| | | // this.accountMsgType = 'warning'; |
| | | // return '客户账户现汇余额:' + this.accountDetails.balance + ',承兑余额:' + (this.accountDetails.balance2 ? this.accountDetails.balance2 : 0); |
| | | // } |
| | | // return null; |
| | | // } |
| | | }, |
| | | watch: { |
| | | // 立即处理 进入页面就触发 // immediate: true, |
| | |
| | | this.addContractFormdata.cost1 = (this.addContractFormdata.quant * cost1Price).toFixed(2); //运费 |
| | | this.addContractFormdata.cost2 = (this.addContractFormdata.quant * this.dust).toFixed(2); //抑尘费 |
| | | let amount = Number(price * this.addContractFormdata.quant) + Number(this.addContractFormdata.cost1) + Number(this.addContractFormdata.cost2); |
| | | console.log(amount); |
| | | console.log(amount); |
| | | this.addContractFormdata.amount = amount.toFixed(2); |
| | | } |
| | | }, |
| | | init() { |
| | | this.getLedgerList(); |
| | | this.jcfavouredpolicyitem(); |
| | | this.coalfiled(); |
| | | this.coalprice(); |
| | |
| | | this.others_params(); |
| | | this.fetchCompTree(); |
| | | this.getFavouredPolicyItem(); |
| | | this.$reqGet('contract_type').then(res => { |
| | | console.log('合同类型', res); |
| | | res.data.forEach(item => { |
| | | this.selectContractTypeData[0].push(item.value); |
| | | }); |
| | | }); |
| | | }, |
| | | /** |
| | | * 获取分类账套 |
| | | */ |
| | | getLedgerList() { |
| | | this.$reqGet('zhaccountledger', { compId: uni.getStorageSync('userInfo').compId }).then(res => { |
| | | this.ledgerList.push(res.data.records); |
| | | console.log('账套列表', this.ledgerList); |
| | | if (res.data.records) { |
| | | this.newFormData.ledgerId = res.data.records[0].id; |
| | | // this.newFormData.ledgerName = res.data.records[0].name; |
| | | this.ledgerName = res.data.records[0].name; |
| | | } |
| | | }); |
| | | }, |
| | | selectLedger() { |
| | | this.selectLedgerShow = true; |
| | | }, |
| | | selectLedgerChange(index) { |
| | | console.log('账套选择器', index); |
| | | this.ledgerName = index.value[0].name; |
| | | this.newFormData.ledgerId = index.value[0].id; |
| | | // this.newFormData.ledgerName = index.value[0].name; |
| | | if (this.newFormData.customerName || this.newFormData.contractNum || this.newFormData.contractName) { |
| | | this.newFormData.customerName = ''; |
| | | this.newFormData.contractNum = ''; |
| | | this.newFormData.contractName = ''; |
| | | } |
| | | }, |
| | | selectLedgerConfirm(index) { |
| | | console.log('选择账套点击确定', index); |
| | | this.selectLedgerShow = false; |
| | | }, |
| | | selectLedgerCancel() { |
| | | this.selectLedgerShow = false; |
| | | }, |
| | | selectLedgerClose() { |
| | | this.selectLedgerShow = false; |
| | | }, |
| | | // 选择客户 |
| | | selectCustomer() { |
| | |
| | | this.selectCustomerShow = true; |
| | | this.selectCustomerData.current = 1; |
| | | this.$reqGet('customer', this.selectCustomerData).then(res => { |
| | | console.log('客户呵呵哈哈哈或', res); |
| | | uni.hideLoading(); |
| | | if (res.code == 0) { |
| | | this.customerData = res.data.records; |
| | |
| | | // 清空选择客户表单 |
| | | selectCustomerResetFields() { |
| | | this.$refs.selectformRef.resetFields(); // 不起效果 |
| | | this.selectCustomerData.customerName = ''; |
| | | this.selectCustomerData.customerFullName = ''; |
| | | this.searchCustomerForm.compName = ''; |
| | | this.searchCustomerForm.levelText = ''; |
| | | this.selectCustomer(); |
| | |
| | | console.log('外层客户选择', v); |
| | | this.newFormData.customerName = v.customerName; |
| | | this.newFormData.customerId = v.id; |
| | | this.$reqGet('getAccount', { customerId: v.id }).then(res => { |
| | | this.$reqGet('getAccount', { customerId: v.id, ledgerId: this.newFormData.ledgerId }).then(res => { |
| | | console.log('客户选择账户', res); |
| | | this.accountDetails = res.data; |
| | | this.searchContractForm.customerName = res.data.customerName; |
| | | this.reqContract(); |
| | | this.$nextTick(() => { |
| | | console.log('zhezhezhe'); |
| | | this.contractData.forEach(item => { |
| | | this.contractNumList.push(item.num); |
| | | }); |
| | |
| | | // 时间 |
| | | confirmTime(v) { |
| | | this.timeShow = false; |
| | | console.log('时间', v); |
| | | v.forEach(e => { |
| | | this.newFormData.startDate = v[0]; |
| | | this.newFormData.endDate = v[v.lenght - 1]; |
| | | this.newFormData.endDate = v[v.length - 1]; |
| | | this.timeDataStr = v[0] + ' 至 ' + v[v.length - 1]; |
| | | }); |
| | | }, |
| | |
| | | if (this.newFormData.contractOrders != []) { |
| | | uni.showToast({ |
| | | title: '添加订单后,不能修改合同!', |
| | | icon: 'error', |
| | | icon: 'none', |
| | | duration: 2000 |
| | | }); |
| | | } |
| | |
| | | searchContractFormTypeFocus() { |
| | | // 类型弹出框 |
| | | this.selectContractTypeShow = true; |
| | | // 弹出框类型请求 |
| | | this.$nextTick(() => { |
| | | this.$reqGet('contract_type').then(res => { |
| | | res.data.forEach(item => { |
| | | this.selectContractTypeData[0].push(item.value); |
| | | }); |
| | | }); |
| | | }); |
| | | }, |
| | | // 选择合同弹框 |
| | | selectContractOpen() { |
| | |
| | | }, |
| | | // 合同请求 |
| | | reqContract() { |
| | | this.searchContractForm.current = 1; |
| | | this.$reqGet('contract', this.searchContractForm).then(res => { |
| | | uni.hideLoading(); |
| | | if (res.code == 0) { |
| | | console.log('合同', res); |
| | | this.contractData = res.data.records; |
| | | this.contractDataAllNum = res.data.total; |
| | | } |
| | | }); |
| | | }, |
| | | // 合同加载更多 |
| | | loadingContract() { |
| | | uni.showLoading({ |
| | | title: '加载中...' |
| | | }); |
| | | console.log('合同加载更多事件', this.statusContractLoading); |
| | | if (this.searchContractForm.current >= this.contractDataAllNum / 50) return; |
| | | this.statusContractLoading = 'loading'; |
| | | this.searchContractForm.current = ++this.searchContractForm.current; |
| | | this.$reqGet('contract', this.searchContractForm).then(res => { |
| | | if (this.searchContractForm.current >= this.contractDataAllNum / 50) { |
| | | this.statusContractLoading = 'nomore'; |
| | | this.$u.toast('没有更多数据了!'); |
| | | } |
| | | uni.hideLoading(); |
| | | if (res.code == 0) { |
| | | this.contractDataAllNum = res.data.total; |
| | | this.contractData = this.contractData.concat(res.data.records); |
| | | this.statusContractLoading = 'loadmore'; |
| | | console.log(this.searchContractForm); |
| | | } |
| | | }); |
| | | }, |
| | |
| | | this.newFormData.contractName = e.contractName; |
| | | this.newFormData.contractNum = e.num; |
| | | this.newFormData.contractId = e.id; |
| | | this.newFormData.type = e.type; |
| | | this.selectContractShow = false; |
| | | |
| | | // 价格参数赋值 |
| | | this.getNewPriceData.type = e.type; |
| | | // 选定合同详情 |
| | | this.$reqGet('getByContractId',{},e.id).then(res=>{ |
| | | this.contractDetails = res.data |
| | | }).catch(err=>{ |
| | | console.log(err); |
| | | }) |
| | | // 选定合同详情 |
| | | uni.showLoading({ |
| | | title: '加载中...' |
| | | }); |
| | | this.$reqGet('getByContractId', {}, e.id) |
| | | .then(res => { |
| | | uni.hideLoading(); |
| | | this.contractDetails = res.data; |
| | | this.contractDetails.forEach(item => { |
| | | let a = [{ label: '', id: '' }]; |
| | | a[0].label = item.coalName; |
| | | a[0].id = item.coalId; |
| | | if (this.addContractCoalData[0]) { |
| | | this.addContractCoalData = []; |
| | | } |
| | | this.addContractCoalData.push(a); |
| | | }); |
| | | }) |
| | | .catch(err => { |
| | | console.log(err); |
| | | }); |
| | | |
| | | // 添加煤种选项 |
| | | }, |
| | | // 添加合同按钮 |
| | | addContractClick() { |
| | |
| | | if (this.accountDetails.balanceType == '贷') { |
| | | uni.showToast({ |
| | | title: '客户账户余额当前处于欠款状态!', |
| | | icon: 'error', |
| | | icon: 'none', |
| | | duration: 2000 |
| | | }); |
| | | } else { |
| | |
| | | type: '' |
| | | }; |
| | | this.multipleSelection = []; |
| | | console.log('新建发运申请订单', this.addContractFormdata); |
| | | } |
| | | } |
| | | }) |
| | |
| | | }, |
| | | // 选择的煤厂 |
| | | coalFiledSelectClick(e) { |
| | | console.log('选择的煤厂',e); |
| | | console.log('选择的煤厂', e); |
| | | this.addContractFormdata.compName = e.compName; |
| | | this.addContractFormdata.filedName = e.name; |
| | | this.addContractFormdata.compId = e.compId; |
| | |
| | | this.selectCoalFiledData = e; |
| | | |
| | | // 获取价格参数 |
| | | this.getNewPriceData.compId = e.compId; |
| | | this.getNewPriceData.compName = e.compName; |
| | | this.getNewPriceData.filedId = e.id; |
| | | this.getNewPriceData.filedName = e.name; |
| | | this.getNewPriceData.compId = e.compId; |
| | | this.getNewPriceData.compName = e.compName; |
| | | this.getNewPriceData.filedId = e.id; |
| | | this.getNewPriceData.filedName = e.name; |
| | | |
| | | |
| | | this.coalFiledSelectShow = false; |
| | | this.coalFiledSelectShow = false; |
| | | }, |
| | | // 收货人 |
| | | addContractConsigneeClose() { |
| | |
| | | this.addContractConsigneeShow = true; |
| | | }, |
| | | addContractConsigneeConfirm(v) { |
| | | console.log('收货人', v); |
| | | this.addContractFormdata.toStation = v.toStation; |
| | | this.addContractFormdata.customerName = v.customerName; |
| | | this.addContractFormdata.customerId = v.id; |
| | | this.$reqGet('getAccount', { customerId: v.id }).then(res => { |
| | | console.log('获取收货人账号', res); |
| | | // this.accountDetails = res.data; |
| | | // this.newFormData.customerName = res.data.customerName; |
| | | // this.newFormData.customerId = res.data.id; |
| | | // this.searchContractForm.customerName = res.data.customerName; |
| | | }); |
| | | this.$nextTick(() => { |
| | | this.addContractConsigneeShow = false; |
| | | }); |
| | | |
| | | // 赋值给取价格请求参数 |
| | | this.getNewPriceData.customerAddressName = v.customerFullName; |
| | |
| | | |
| | | this.addContractFormdata.toStation = v.toStation; |
| | | this.addContractFormdata.customerAddressId = v.id; |
| | | |
| | | // 添加煤种选项 |
| | | this.contractDetails.forEach(item => { |
| | | let a = [{ label: '', id: '' }]; |
| | | a[0].label = item.coalName; |
| | | a[0].id = item.coalId; |
| | | if (this.addContractCoalData[0]) { |
| | | this.addContractCoalData = []; |
| | | } |
| | | this.addContractCoalData.push(a); |
| | | }); |
| | | this.addContractConsigneeShow = false; |
| | | }, |
| | | // 品种选择器 |
| | | addContractCoalConfirm(e) { |
| | |
| | | }, |
| | | addContractSanConfirm() { |
| | | if (this.addContractFormdata.compId && this.addContractFormdata.customerId && this.addContractFormdata.filedId) { |
| | | if(this.editApplicationIndex != null){ |
| | | this.newFormData.contractOrders[this.editApplicationIndex] = this.addContractFormdata; |
| | | } else { |
| | | this.newFormData.contractOrders.push(this.addContractFormdata); |
| | | console.log('添加子订单',this.addContractFormdata); |
| | | } |
| | | this.addContractShow = false;// 关闭弹出框 |
| | | console.log('this.newFormData.contractOrders当前关闭后',this.newFormData.contractOrders) |
| | | if (this.editApplicationIndex != null) { |
| | | this.newFormData.contractOrders[this.editApplicationIndex] = this.addContractFormdata; |
| | | } else { |
| | | this.addContractFormdata.type = this.newFormData.type; |
| | | this.newFormData.contractOrders.push(this.addContractFormdata); |
| | | console.log('添加子订单', this.addContractFormdata); |
| | | } |
| | | this.addContractShow = false; // 关闭弹出框 |
| | | console.log('this.newFormData.contractOrders当前关闭后', this.newFormData.contractOrders); |
| | | } else { |
| | | uni.$u.toast('请规范输入所有信息'); |
| | | } |
| | |
| | | let msg = this.accountDetails.balance == null ? 0 : this.accountDetails.balance; |
| | | uni.showToast({ |
| | | title: '客户账户现汇余额不足,现汇余额:' + msg, |
| | | icon: 'error', |
| | | icon: 'none', |
| | | duration: 2000 |
| | | }); |
| | | } else { |
| | | console.log('提交整体',this.newFormData); |
| | | console.log('提交整体', this.newFormData); |
| | | this.xswaybill(); |
| | | } |
| | | } else { |
| | |
| | | let msg = this.accountDetails.balance2 == null ? 0 : this.accountDetails.balance2; |
| | | uni.showToast({ |
| | | title: '客户账户承兑余额不足,承兑余额:' + msg, |
| | | icon: 'error', |
| | | icon: 'none', |
| | | duration: 2000 |
| | | }); |
| | | } else { |
| | | console.log('提交整体',this.newFormData); |
| | | console.log('提交整体', this.newFormData); |
| | | this.xswaybill(); |
| | | } |
| | | } |
| | |
| | | console.log('删除订单卡片', e); |
| | | this.newFormData.contractOrders.splice(e, 1); |
| | | }, |
| | | editApplicationClick(index){ |
| | | this.editApplicationIndex = index; |
| | | this.addContractFormdata = this.newFormData.contractOrders[index]; |
| | | this.addContractShow = true; |
| | | }, |
| | | editApplicationClick(index) { |
| | | this.editApplicationIndex = index; |
| | | this.addContractFormdata = this.newFormData.contractOrders[index]; |
| | | this.addContractShow = true; |
| | | }, |
| | | xswaybill() { |
| | | console.log('新建发运申请', this.newFormData); |
| | | uni.showLoading({ |
| | |
| | | uni.hideLoading(); |
| | | console.log('新建发运申请', res); |
| | | if (res.code == 0) { |
| | | // uni.showToast({ |
| | | // title: '添加成功!', |
| | | // icon: 'success', |
| | | // duration: 1000 |
| | | // }); |
| | | this.$u.toast('添加成功,即将返回申请页!!!') |
| | | this.$u.toast('添加成功,即将返回申请页!!!'); |
| | | setTimeout(() => { |
| | | uni.navigateBack({ |
| | | // url: '/pages/my-application/my-application' |
| | | delta: 2 |
| | | }); |
| | | },2000) |
| | | |
| | | uni.navigateBack({ |
| | | // url: '/pages/my-application/my-application' |
| | | delta: 2 |
| | | }); |
| | | }, 1500); |
| | | } |
| | | }); |
| | | }, |
| | |
| | | .newApplicationTitle { |
| | | margin-bottom: 0; |
| | | } |
| | | |
| | | // 表单 |
| | | .formDataContaniner { |
| | | .u-form { |
| | | width: 91%; |
| | | margin: 0 auto 0; |
| | | |
| | | .u-form-item { |
| | | .u-form-item__body { |
| | | .u-form-item__body__left { |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .u-form-item__body__right { |
| | | .u-form-item__body__right__content { |
| | | .u-form-item__body__right__content__slot { |
| | |
| | | .u-popup { |
| | | .u-transition { |
| | | height: 95%; |
| | | |
| | | .u-popup__content { |
| | | overflow: scroll !important; |
| | | |
| | | .selectCustomerTitle { |
| | | margin-bottom: 0; |
| | | } |
| | | |
| | | .selectCustomerContainer { |
| | | padding: 0 4%; |
| | | // .loadmoreClass{ |
| | |
| | | // } |
| | | // } |
| | | .searchContainer { |
| | | .u-input { |
| | | width: 90%; |
| | | } |
| | | } |
| | | |
| | | .searchCustomerBtn { |
| | | margin-top: vww(10); |
| | | display: flex; |
| | | |
| | | .u-button { |
| | | width: 30%; |
| | | } |
| | | } |
| | | |
| | | // 数据列表 |
| | | .searchResultList { |
| | | margin-top: vww(16); |
| | | } |
| | | |
| | | // 滚动通知 |
| | | .tapStyle{ |
| | | margin-top: vww(30); |
| | | } |
| | | |
| | | // 合同表格 |
| | | .tableContract { |
| | | margin-top: vww(30); |
| | | display: flex; |
| | | justify-content: center; |
| | | |
| | | .uni-table-scroll { |
| | | min-width: 0 !important; |
| | | |
| | | .uni-table { |
| | | .uni-table-tr { |
| | | padding: 0; |
| | | font-size: vww(13); |
| | | |
| | | .uni-table-th { |
| | | width: vww(100); |
| | | height: vww(32); |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .tableBody { |
| | | width: 80%; |
| | | .contractTableTd { |
| | | width: vww(200); |
| | | white-space: nowrap; |
| | | text-overflow: ellipsis; |
| | | overflow: hidden; |
| | | } |
| | | } |
| | | |
| | | .TableUtilBtn { |
| | | width: 20%; |
| | | overflow: hidden; |
| | | |
| | | .uni-table { |
| | | min-width: 0 !important; |
| | | } |
| | | |
| | | .TableUtilBtnContainer { |
| | | .u-button { |
| | | width: vww(20); |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .selectContractEndTime { |
| | | .u-popup { |
| | | .u-transition { |
| | |
| | | .u-popup { |
| | | .u-transition { |
| | | height: 95%; |
| | | |
| | | .u-popup__content { |
| | | overflow: scroll !important; |
| | | |
| | | .addContractFormTitle { |
| | | margin-bottom: 0; |
| | | } |
| | |
| | | // 搜索 |
| | | .coalFiledSelectSearch { |
| | | } |
| | | |
| | | // 选择煤种 |
| | | .coalFiledSelectPopup { |
| | | .u-popup { |
| | | .u-transition { |
| | | height: 80%; |
| | | |
| | | .u-popup__content { |
| | | overflow: scroll !important; |
| | | // 表格 |
| | |
| | | display: flex; |
| | | justify-content: center; |
| | | margin: 0 auto; |
| | | |
| | | .uni-table-scroll { |
| | | min-width: 0 !important; |
| | | |
| | | .uni-table { |
| | | .uni-table-tr { |
| | | padding: 0; |
| | | font-size: vww(13); |
| | | |
| | | .uni-table-th { |
| | | width: vww(100); |
| | | height: vww(32); |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .tableBody { |
| | | width: 80%; |
| | | } |
| | | |
| | | .TableUtilBtn { |
| | | width: 20%; |
| | | overflow: hidden; |
| | | |
| | | .uni-table { |
| | | min-width: 0 !important; |
| | | } |
| | | |
| | | .TableUtilBtnContainer { |
| | | .u-button { |
| | | width: vww(20); |
| | |
| | | .u-popup { |
| | | .u-transition { |
| | | height: 95%; |
| | | |
| | | .u-popup__content { |
| | | // background-color: rgb(247, 247, 247); |
| | | overflow: scroll !important; |
| | | |
| | | .addContractForm { |
| | | width: 92%; |
| | | margin: 0 auto; |
| | |
| | | box-shadow: 0 2px 16px #e5e5e5, 0 0 1px #e5e5e5, 0 0 1px #e5e5e5; |
| | | // margin-top:vww(10); |
| | | background-color: #ffffff; |
| | | |
| | | .currentPriceContainer { |
| | | .currentPriceBox { |
| | | width: 92%; |
| | | margin: 0 auto; |
| | | } |
| | | } |
| | | |
| | | .selectPriceContainer { |
| | | .selectPricebox { |
| | | width: 92%; |
| | | margin: 0 auto; |
| | | |
| | | .selectPriceboxItem { |
| | | display: flex; |
| | | justify-content: space-between; |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .formDownCard { |
| | | border-radius: vww(4); |
| | | padding: vww(10); |
| | |
| | | width: 100%; |
| | | padding: vww(0) vww(10) vww(60) vww(10); |
| | | box-sizing: border-box; |
| | | |
| | | .u-swipe-action { |
| | | .u-swipe-action-item { |
| | | box-shadow: 0 2px 16px #e5e5e5, 0 0 1px #e5e5e5, 0 0 1px #e5e5e5; |
| | | margin-top: vww(10); |
| | | |
| | | .u-swipe-action-item__right { |
| | | .u-swipe-action-item__right__button { |
| | | .u-swipe-action-item__right__button__wrapper { |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .cardList { |
| | | height: vww(130); |
| | | border-radius: vww(4); |
| | | padding: vww(10); |
| | | position: relative; |
| | | |
| | | .cardListIcon { |
| | | position: absolute; |
| | | right: vww(20); |
| | | top: vww(20); |
| | | } |
| | | |
| | | .cardList-container { |
| | | .cardList_item { |
| | | margin-top: vww(12); |
| | | font-size: 14px; |
| | | display: flex; |
| | | |
| | | view { |
| | | width: 50%; |
| | | |
| | | &:nth-child(2) { |
| | | margin-left: vww(20); |
| | | } |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .addCard { |
| | | width: 100%; |
| | | height: vww(130); |