| | |
|---|
| | | </view>
|
|---|
| | | </view>
|
|---|
| | | <!-- 煤种发运情况 -->
|
|---|
| | | <view class="shoukuan-group" v-if="coalTongjiTemp && coalTongjiTemp.length > 0">
|
|---|
| | | <view class="shoukuan-group" v-if="coalLoaded || coalLoading">
|
|---|
| | | <view class="currentDay-box">
|
|---|
| | | <combined-title title="煤种发运情况">
|
|---|
| | | </combined-title>
|
|---|
| | | <view class="date-pick-box" @click="openCoalCalendar">
|
|---|
| | | <text class="date-pick-text">{{coalRangeText}}</text>
|
|---|
| | | <image class="date-pick-icon" src="@/static/home/dateIcon.png"></image>
|
|---|
| | | </view>
|
|---|
| | | </view>
|
|---|
| | | <view class="shoukuan-box">
|
|---|
| | | <view class="block-loading" v-if="coalLoading">
|
|---|
| | | <u-loading-icon mode="circle" color="#1987FF" size="40"></u-loading-icon>
|
|---|
| | | </view>
|
|---|
| | | <view class="shoukuan-box" v-if="coalLoaded && !coalLoading">
|
|---|
| | | <view class="coalFayun-total">
|
|---|
| | | <view class="total-block">
|
|---|
| | | <view class="num">{{d2Sum || 0}}</view>
|
|---|
| | |
|---|
| | | <view class="num">{{item.lyDSum || 0}}</view>
|
|---|
| | | </view>
|
|---|
| | | <view class="caol-block">
|
|---|
| | | <view class="name">日合计(元)</view>
|
|---|
| | | <view class="name">日合计(吨)</view>
|
|---|
| | | <view class="num">{{item.d1 || 0}}</view>
|
|---|
| | | </view>
|
|---|
| | | </view>
|
|---|
| | |
|---|
| | | </view>
|
|---|
| | | </view>
|
|---|
| | | <!-- 分客户煤种发运情况 -->
|
|---|
| | | <view class="shoukuan-group" v-if="kehuTongjiTemp && kehuTongjiTemp.length > 0">
|
|---|
| | | <view class="shoukuan-group" v-if="kehuLoaded || kehuLoading">
|
|---|
| | | <view class="currentDay-box">
|
|---|
| | | <combined-title title="分客户煤种发运情况">
|
|---|
| | | </combined-title>
|
|---|
| | | <view class="date-pick-box" @click="openKehuCalendar">
|
|---|
| | | <text class="date-pick-text">{{kehuRangeText}}</text>
|
|---|
| | | <image class="date-pick-icon" src="@/static/home/dateIcon.png"></image>
|
|---|
| | | </view>
|
|---|
| | | </view>
|
|---|
| | |
|
|---|
| | | <view class="shoukuan-box">
|
|---|
| | | <view class="block-loading" v-if="kehuLoading">
|
|---|
| | | <u-loading-icon mode="circle" color="#1987FF" size="40"></u-loading-icon>
|
|---|
| | | </view>
|
|---|
| | | <view class="shoukuan-box" v-if="kehuLoaded && !kehuLoading">
|
|---|
| | | <div class="shoukuan-box-inside">
|
|---|
| | | <view class="shoukuan-main" v-for="(item,index) in kehuTongji" :key="index">
|
|---|
| | | <view class="shoukuan-line">
|
|---|
| | |
|---|
| | | </view>
|
|---|
| | | <view class="shoukuan-line">
|
|---|
| | | <view class="name">账套：</view>
|
|---|
| | | <view class="text1">{{item.ledgerName}}</view>
|
|---|
| | | <view class="text1">{{item.ledgerName || ''}}</view>
|
|---|
| | | </view>
|
|---|
| | | <!-- <view class="coalTongji-box">
|
|---|
| | | <view class="shoukuan-line kehu-block">
|
|---|
| | |
|---|
| | | <!-- 菜单栏 -->
|
|---|
| | | <!-- <popup-menu @menuShow="menushow" ref="menuRef"></popup-menu> -->
|
|---|
| | | <u-gap height="15" bgColor="#eeeeee"></u-gap>
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | <view class="editorPass" @click="handlePwd">
|
|---|
| | | <image class="icon" src="@/static/home/editorIcon.png"></image>
|
|---|
| | | <view class="">修改密码</view>
|
|---|
| | | </view>
|
|---|
| | | <view class="huiseBox"></view>
|
|---|
| | | <view class="utils">
|
|---|
| | | <view class="utils-container">
|
|---|
| | | <view class="utils-container-body" @click="redirectLogin">
|
|---|
| | |
|---|
| | | </view>
|
|---|
| | | </view>
|
|---|
| | | <u-gap height="60" bgColor="#eeeeee"></u-gap>
|
|---|
| | |
|
|---|
| | | <!-- 煤种发运情况 时间段选择 -->
|
|---|
| | | <u-calendar
|
|---|
| | | :key="'coal-' + coalCalendarKey"
|
|---|
| | | rowHeight="100"
|
|---|
| | | :show="coalCalendarShow"
|
|---|
| | | mode="range"
|
|---|
| | | :defaultDate="coalDefaultDate"
|
|---|
| | | :minDate="minDateTimestamp"
|
|---|
| | | :maxDate="maxDateTimestamp"
|
|---|
| | | :monthNum="calendarMonthNum"
|
|---|
| | | allowSameDay
|
|---|
| | | title="选择时间段"
|
|---|
| | | startText="开始"
|
|---|
| | | endText="结束"
|
|---|
| | | @confirm="coalCalendarConfirm"
|
|---|
| | | @close="coalCalendarShow = false"
|
|---|
| | | ></u-calendar>
|
|---|
| | |
|
|---|
| | | <!-- 分客户煤种发运情况 时间段选择 -->
|
|---|
| | | <u-calendar
|
|---|
| | | :key="'kehu-' + kehuCalendarKey"
|
|---|
| | | rowHeight="100"
|
|---|
| | | :show="kehuCalendarShow"
|
|---|
| | | mode="range"
|
|---|
| | | :defaultDate="kehuDefaultDate"
|
|---|
| | | :minDate="minDateTimestamp"
|
|---|
| | | :maxDate="maxDateTimestamp"
|
|---|
| | | :monthNum="calendarMonthNum"
|
|---|
| | | allowSameDay
|
|---|
| | | title="选择时间段"
|
|---|
| | | startText="开始"
|
|---|
| | | endText="结束"
|
|---|
| | | @confirm="kehuCalendarConfirm"
|
|---|
| | | @close="kehuCalendarShow = false"
|
|---|
| | | ></u-calendar>
|
|---|
| | |
|
|---|
| | | <view class="passWord-main-box">
|
|---|
| | | <u-popup :show="passShow"
|
|---|
| | | :closeable="true"
|
|---|
| | | :closeOnClickOverlay="true"
|
|---|
| | | @close="handleClosePassShow"
|
|---|
| | | mode="center"
|
|---|
| | | width="90%"
|
|---|
| | | class="passBox">
|
|---|
| | | <view class="popup-box">
|
|---|
| | | <u-form :model="formData" ref="uForm" borderBottom :rules="rules" :label-width="150">
|
|---|
| | | <u-form-item prop="password" label="原密码" borderBottom>
|
|---|
| | | <u-input
|
|---|
| | | class="flex-1"
|
|---|
| | | type="password"
|
|---|
| | | v-model="formData.password"
|
|---|
| | | :border="false"
|
|---|
| | | placeholder="请输入原来的密码"
|
|---|
| | | />
|
|---|
| | | </u-form-item>
|
|---|
| | | <u-form-item prop="newpassword1" label="新密码" borderBottom>
|
|---|
| | | <u-input
|
|---|
| | | class="flex-1"
|
|---|
| | | type="password"
|
|---|
| | | v-model="formData.newpassword1"
|
|---|
| | | placeholder="密码应由8-16位数字、字母、符号组成。请不要使用容易被猜到的密码"
|
|---|
| | | :border="false"
|
|---|
| | | />
|
|---|
| | | </u-form-item>
|
|---|
| | | <view class="intensity">
|
|---|
| | | <view class="psdText">密码强度</view>
|
|---|
| | | <view
|
|---|
| | | class="line"
|
|---|
| | | :class="[level.includes('low') ? 'low' : '']"></view>
|
|---|
| | | <view
|
|---|
| | | class="line"
|
|---|
| | | :class="[level.includes('middle') ? 'middle' : '']"></view>
|
|---|
| | | <view
|
|---|
| | | class="line"
|
|---|
| | | :class="[level.includes('high') ? 'high' : '']"></view>
|
|---|
| | | <div class="warningtext">
|
|---|
| | | 密码应由8-16位数字、字母、符号组成。请不要使用容易被猜到的密码
|
|---|
| | | </div>
|
|---|
| | | </view>
|
|---|
| | | <u-form-item prop="newpassword2" label="确认密码" borderBottom>
|
|---|
| | | <u-input
|
|---|
| | | class="flex-1"
|
|---|
| | | type="password"
|
|---|
| | | v-model="formData.newpassword2"
|
|---|
| | | placeholder="再次输入新密码"
|
|---|
| | | :border="false"
|
|---|
| | | />
|
|---|
| | | </u-form-item>
|
|---|
| | | </u-form>
|
|---|
| | | <view class="sumbmit-box">
|
|---|
| | | <u-button type="primary" shape="circle" @click="handlePassConfirm" :loading="sumbLoading"> 确定 </u-button>
|
|---|
| | | </view>
|
|---|
| | | </view>
|
|---|
| | | </u-popup>
|
|---|
| | | </view>
|
|---|
| | | </view>
|
|---|
| | | </template>
|
|---|
| | |
|
|---|
| | |
|---|
| | | },
|
|---|
| | | shenqingMenu() {
|
|---|
| | | return this.$store.state.shenqingMenu;
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | // 当天日期(YYYY-MM-DD)
|
|---|
| | | todayStr() {
|
|---|
| | | return this.todayDate();
|
|---|
| | | },
|
|---|
| | | // 默认时间使用用一天的日期(YYYY-MM-DD 23:59:59)
|
|---|
| | | endTodaydayStr() { //默认时间使用用一天的日期
|
|---|
| | | // const date = new Date(new Date().getTime() - 24 * 60 * 60 * 1000);
|
|---|
| | | const date = new Date(new Date().getTime());
|
|---|
| | | const y = date.getFullYear();
|
|---|
| | | let m = date.getMonth() + 1;
|
|---|
| | | m = m < 10 ? '0' + m : m;
|
|---|
| | | let d = date.getDate();
|
|---|
| | | d = d < 10 ? '0' + d : d;
|
|---|
| | | let time = `${y}-${m}-${d} 23:59:59`
|
|---|
| | | return time;
|
|---|
| | | },
|
|---|
| | | // 默认起始时间(当天 00:00:00)。注意 todayStr 是 computed(取值用 this.todayStr,不能加括号当函数调)
|
|---|
| | | startTodayStr() {
|
|---|
| | | return `${this.todayStr}`;
|
|---|
| | | },
|
|---|
| | | // 可选最早日期:当前日期往前推 1 年(去年同月),允许翻到上一年的历史月份
|
|---|
| | | minDateTimestamp() {
|
|---|
| | | const d = new Date();
|
|---|
| | | d.setFullYear(d.getFullYear() - 1);
|
|---|
| | | return d.getTime();
|
|---|
| | | },
|
|---|
| | | // 可选最晚日期:当前日期往后推 1 年(明年同月)(u-calendar 要求 maxDate 必须大于当前时间)
|
|---|
| | | maxDateTimestamp() {
|
|---|
| | | const d = new Date();
|
|---|
| | | d.setFullYear(d.getFullYear() + 1);
|
|---|
| | | return d.getTime();
|
|---|
| | | },
|
|---|
| | | // u-calendar 月份滑动列表最多展示的月数。渲染量与可翻范围正相关(月数×约42格):
|
|---|
| | | // 设 60 时点击/关闭的 setData 会卡(约 2500 格),故缩到 25(约 1000 格),今天大致居中。
|
|---|
| | | // 需与 minDate~maxDate 跨度一致(前后各 1 年 + 当月 = 25),否则部分月份翻不到
|
|---|
| | | calendarMonthNum() {
|
|---|
| | | // 前后各 1 年,含当月共 25 个月;调整范围时同步改上面 minDate/maxDate 的年数
|
|---|
| | | return 25;
|
|---|
| | | },
|
|---|
| | | // 煤种发运情况:日期(YYYY-MM-DD)区间。日历按天比较/高亮、文本回显都用纯日期,
|
|---|
| | | // 故从带时分秒的存储值里截取前 10 位(YYYY-MM-DD);为空时默认今天
|
|---|
| | | coalDateRange() {
|
|---|
| | | const start = (this.coalStartTime || this.todayStr).slice(0, 10);
|
|---|
| | | const end = (this.coalEndTime || this.todayStr).slice(0, 10);
|
|---|
| | | return [start, end];
|
|---|
| | | },
|
|---|
| | | // 煤种发运情况:回显时间段文本(仅日期)
|
|---|
| | | coalRangeText() {
|
|---|
| | | const [start, end] = this.coalDateRange;
|
|---|
| | | return start === end ? start : `${start} ~ ${end}`;
|
|---|
| | | },
|
|---|
| | | // 煤种发运情况:日历默认选中日期(range 模式返回数组,仅日期)
|
|---|
| | | coalDefaultDate() {
|
|---|
| | | return this.coalDateRange;
|
|---|
| | | },
|
|---|
| | | // 分客户煤种发运情况:日期(YYYY-MM-DD)区间(同 coalDateRange,去掉时分秒)
|
|---|
| | | kehuDateRange() {
|
|---|
| | | const start = (this.kehuStartTime || this.todayStr).slice(0, 10);
|
|---|
| | | const end = (this.kehuEndTime || this.todayStr).slice(0, 10);
|
|---|
| | | return [start, end];
|
|---|
| | | },
|
|---|
| | | // 分客户煤种发运情况:回显时间段文本(仅日期)
|
|---|
| | | kehuRangeText() {
|
|---|
| | | const [start, end] = this.kehuDateRange;
|
|---|
| | | return start === end ? start : `${start} ~ ${end}`;
|
|---|
| | | },
|
|---|
| | | // 分客户煤种发运情况:日历默认选中日期(range 模式返回数组,仅日期)
|
|---|
| | | kehuDefaultDate() {
|
|---|
| | | return this.kehuDateRange;
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | data() {
|
|---|
| | | const validatePass = (rule, value, callback) => {
|
|---|
| | | if (this.formData.newpassword1 !== "") {
|
|---|
| | | if (value !== this.formData.newpassword1) {
|
|---|
| | | callback(new Error("两次输入密码不一致!"));
|
|---|
| | | } else {
|
|---|
| | | callback();
|
|---|
| | | }
|
|---|
| | | } else {
|
|---|
| | | callback();
|
|---|
| | | }
|
|---|
| | | };
|
|---|
| | | const checkPassword = (rule, value, callback) => {
|
|---|
| | | // let roles = this.$store.getters.roles;//当前用户角色id
|
|---|
| | | // let passL = 8;
|
|---|
| | | // if (roles.concat(1)){
|
|---|
| | | // passL = 10
|
|---|
| | | // }
|
|---|
| | | let passL = 8;
|
|---|
| | | this.level = []
|
|---|
| | | if(!value) {
|
|---|
| | | return callback('密码不能为空')
|
|---|
| | | }
|
|---|
| | | if(value.length < passL) {
|
|---|
| | | return callback(`密码不能少于${passL}位`)
|
|---|
| | | }
|
|---|
| | | if(value.length > 16) {
|
|---|
| | | return callback('密码不能大于16位')
|
|---|
| | | }
|
|---|
| | | //校验是数字
|
|---|
| | | const regex1 = /^\d+$/
|
|---|
| | | // 校验字母
|
|---|
| | | const regex2 = /^[A-Za-z]+$/
|
|---|
| | | // 校验符号
|
|---|
| | | const regex3 =
|
|---|
| | | /^[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘'，。、]+$/
|
|---|
| | | if(regex1.test(value)) {
|
|---|
| | | this.level.push('low')
|
|---|
| | | return callback('密码强度过低')
|
|---|
| | | }else if(regex2.test(value)) {
|
|---|
| | | this.level.push('low')
|
|---|
| | | return callback('密码强度过低')
|
|---|
| | | }else if(regex3.test(value)) {
|
|---|
| | | this.level.push('low')
|
|---|
| | | return callback('密码强度过低')
|
|---|
| | | }else if(/^[A-Za-z\d]+$/.test(value)) {
|
|---|
| | | this.level.push('low')
|
|---|
| | | this.level.push('middle')
|
|---|
| | | return callback('密码强度过低')
|
|---|
| | | }else if(
|
|---|
| | | /^[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘'，。、\d]+$/.test(
|
|---|
| | | value
|
|---|
| | | )
|
|---|
| | | ) {
|
|---|
| | | this.level.push('low')
|
|---|
| | | this.level.push('middle')
|
|---|
| | | return callback('密码强度过低')
|
|---|
| | | }else if(
|
|---|
| | | /^[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘'，。、A-Za-z]+$/.test(
|
|---|
| | | value
|
|---|
| | | )
|
|---|
| | | ) {
|
|---|
| | | this.level.push('low')
|
|---|
| | | this.level.push('middle')
|
|---|
| | | return callback('密码强度过低')
|
|---|
| | | } else if (
|
|---|
| | | /^[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘'，。、A-Za-z\d]+$/.test(
|
|---|
| | | value
|
|---|
| | | )
|
|---|
| | | ) {
|
|---|
| | | this.level.push('low')
|
|---|
| | | this.level.push('middle')
|
|---|
| | | this.level.push('high')
|
|---|
| | | }
|
|---|
| | | return callback()
|
|---|
| | | };
|
|---|
| | | return {
|
|---|
| | | level:[],
|
|---|
| | | // ucharts图表
|
|---|
| | | chartData: {},
|
|---|
| | | opts: {
|
|---|
| | |
|---|
| | | procInstId: '',
|
|---|
| | | // 选择器
|
|---|
| | | statusSeletShow: false,
|
|---|
| | | statusList: [['中国', '美国', '日本']],
|
|---|
| | | // data
|
|---|
| | | shenqingData: [],
|
|---|
| | | daibanData: [],
|
|---|
| | |
|---|
| | | kehuTongji:[], //煤种统计
|
|---|
| | | kehuTongjiTemp:[], //煤种统计
|
|---|
| | | kehuTongjiShowIsMore: false,
|
|---|
| | | // 煤种发运情况 时间段选择
|
|---|
| | | coalLoaded: false, //是否已查询过(控制区块显隐)
|
|---|
| | | coalLoading: false, //区块内转圈(加载中)
|
|---|
| | | coalCalendarShow: false,
|
|---|
| | | coalCalendarKey: 0, //每次打开自增,强制 u-calendar 重新挂载,规避微信 scroll-view 重复打开不重滚、默认停在 minDate 月的 bug
|
|---|
| | | coalStartTime: '', //开始日期(YYYY-MM-DD 00:00:00),默认当天
|
|---|
| | | coalEndTime: '', //结束日期(YYYY-MM-DD 23:59:59),默认当天
|
|---|
| | | // 分客户煤种发运情况 时间段选择
|
|---|
| | | kehuLoaded: false, //是否已查询过(控制区块显隐)
|
|---|
| | | kehuLoading: false, //区块内转圈(加载中)
|
|---|
| | | kehuCalendarShow: false,
|
|---|
| | | kehuCalendarKey: 0, //每次打开自增,强制 u-calendar 重新挂载(同 coalCalendarKey)
|
|---|
| | | kehuStartTime: '', //开始日期(YYYY-MM-DD 00:00:00),默认当天
|
|---|
| | | kehuEndTime: '', //结束日期(YYYY-MM-DD 23:59:59),默认当天
|
|---|
| | | roles:[],
|
|---|
| | | d2Sum:0, //总计金额
|
|---|
| | | d1Sum:0, //总计
|
|---|
| | | lyDSumSum:0, //路运
|
|---|
| | | dsumSum:0, //汽运
|
|---|
| | | passShow: false, //密码弹框
|
|---|
| | | sumbLoading: false,
|
|---|
| | | formData: {
|
|---|
| | | password:'',
|
|---|
| | | newpassword1:'',
|
|---|
| | | newpassword2:'',
|
|---|
| | | },
|
|---|
| | | rules: {
|
|---|
| | | password: [{
|
|---|
| | | type: 'string',
|
|---|
| | | required: true,
|
|---|
| | | message: '请填写密码',
|
|---|
| | | trigger: ['blur', 'change']
|
|---|
| | | }],
|
|---|
| | | newpassword1: [{
|
|---|
| | | required: true,
|
|---|
| | | validator: checkPassword,
|
|---|
| | | trigger: 'change'
|
|---|
| | | }],
|
|---|
| | | newpassword2: [{
|
|---|
| | | required: true,
|
|---|
| | | validator: validatePass,
|
|---|
| | | trigger: "blur"
|
|---|
| | | }]
|
|---|
| | | }
|
|---|
| | | };
|
|---|
| | | },
|
|---|
| | | // 监听页面初次渲染完成。注意如果渲染速度快，会在页面进入动画完成前触发
|
|---|
| | | // onReady() {
|
|---|
| | |
|
|---|
| | | // },
|
|---|
| | | onReady() {
|
|---|
| | | this.$refs.uForm.setRules(this.rules)
|
|---|
| | | },
|
|---|
| | | // 点击导航栏菜单后
|
|---|
| | | onNavigationBarButtonTap(e) {
|
|---|
| | | console.log('退出导航栏按钮事件', e);
|
|---|
| | |
|---|
| | | },
|
|---|
| | | },
|
|---|
| | | methods: {
|
|---|
| | | handlePassConfirm() { //修改密码
|
|---|
| | | //列表查询
|
|---|
| | | this.$refs.uForm.validate().then(res => {
|
|---|
| | | this.sumbLoading = true
|
|---|
| | | uni.showLoading({
|
|---|
| | | title: '正在加载...'
|
|---|
| | | });
|
|---|
| | | this.formData.deptId = uni.getStorageSync('userInfo')?.deptId
|
|---|
| | | this.formData.username = uni.getStorageSync('userInfo')?.username
|
|---|
| | | this.$reqPut('editInfo',this.formData).then(res => {
|
|---|
| | | if (res.code == 0) {
|
|---|
| | | this.passShow = false
|
|---|
| | | this.sumbLoading = false
|
|---|
| | | this.$u.toast('修改密码成功!');
|
|---|
| | | setTimeout(() => {
|
|---|
| | | uni.reLaunch({
|
|---|
| | | url:"/pages/login/login"
|
|---|
| | | })
|
|---|
| | | }, 1000)
|
|---|
| | | uni.hideLoading();
|
|---|
| | | }else {
|
|---|
| | | this.$u.toast(res.msg || '修改密码失败');
|
|---|
| | | this.sumbLoading = false
|
|---|
| | | uni.hideLoading();
|
|---|
| | | }
|
|---|
| | | })
|
|---|
| | | })
|
|---|
| | |
|
|---|
| | | },
|
|---|
| | | handleClosePassShow() {
|
|---|
| | | this.passShow = false
|
|---|
| | | },
|
|---|
| | | handlePwd() {
|
|---|
| | | this.passShow = true
|
|---|
| | | },
|
|---|
| | | // 打开煤种发运情况 时间段日历:自增 key 强制 u-calendar 重新挂载,
|
|---|
| | | // 规避微信端重复打开时 scroll-view 因 scroll-top 未变而不重滚、默认停在 minDate 月的 bug
|
|---|
| | | openCoalCalendar() {
|
|---|
| | | this.coalCalendarKey++
|
|---|
| | | this.coalCalendarShow = true
|
|---|
| | | },
|
|---|
| | | // 打开分客户煤种发运情况 时间段日历(原理同 openCoalCalendar)
|
|---|
| | | openKehuCalendar() {
|
|---|
| | | this.kehuCalendarKey++
|
|---|
| | | this.kehuCalendarShow = true
|
|---|
| | | },
|
|---|
| | | handleShouKuanIsMore() { //当日收款情况
|
|---|
| | | this.shoukuanIsMore = !this.shoukuanIsMore
|
|---|
| | | },
|
|---|
| | |
|---|
| | | if (res.code == 0) {
|
|---|
| | | this.shoukuanJiluTemp = res.data || []
|
|---|
| | | if(this.shoukuanJiluTemp && this.shoukuanJiluTemp.length > 0) {
|
|---|
| | | this.shoukuanToatl = this.shoukuanJiluTemp[0]?.money || 0
|
|---|
| | | this.shoukuanToatl = this.shoukuanJiluTemp[0]?.money2 || 0
|
|---|
| | | if(this.shoukuanJiluTemp.length > 0) {
|
|---|
| | | this.shoukuanJilu = this.shoukuanJiluTemp.slice(0,2)
|
|---|
| | | this.shoukuanIsMore = false
|
|---|
| | |
|---|
| | | })
|
|---|
| | | },
|
|---|
| | | getStatistics1() { //按煤种统计
|
|---|
| | | this.$reqGet('getStatistics1').then(res => {
|
|---|
| | | console.log('按煤种统计------开始时间',this.coalStartTime,this.startTodayStr)
|
|---|
| | | console.log('按煤种统计------开始时间',this.coalEndTime,this.endTodaydayStr)
|
|---|
| | | this.coalLoading = true
|
|---|
| | | this.$reqGet('getStatistics1', {
|
|---|
| | | startTime: this.coalStartTime || this.startTodayStr,
|
|---|
| | | endTime: this.coalEndTime || this.endTodaydayStr
|
|---|
| | | }).then(res => {
|
|---|
| | | if (res.code == 0) {
|
|---|
| | | this.coalLoaded = true
|
|---|
| | | this.coalTongjiTemp = res.data || []
|
|---|
| | | if(this.coalTongjiTemp && this.coalTongjiTemp.length > 0){
|
|---|
| | | this.d2Sum = this.coalTongjiTemp[0]?.d2Sum || 0
|
|---|
| | |
|---|
| | | this.coalTongji = this.coalTongjiTemp.slice(0,2)
|
|---|
| | | this.coalShowIsMore = false
|
|---|
| | | }
|
|---|
| | | } else {
|
|---|
| | | this.resetCoalStat()
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }).finally(() => {
|
|---|
| | | this.coalLoading = false
|
|---|
| | | })
|
|---|
| | | },
|
|---|
| | | resetCoalStat() { //清空煤种发运情况统计
|
|---|
| | | this.coalTongji = []
|
|---|
| | | this.coalTongjiTemp = []
|
|---|
| | | this.d2Sum = 0
|
|---|
| | | this.d1Sum = 0
|
|---|
| | | this.lyDSumSum = 0
|
|---|
| | | this.dsumSum = 0
|
|---|
| | | },
|
|---|
| | | // 煤种发运情况 时间段确认(开始补 00:00:00、结束补 23:59:59)
|
|---|
| | | coalCalendarConfirm(e) {
|
|---|
| | | this.coalCalendarShow = false
|
|---|
| | | const arr = Array.isArray(e) ? e : (e && e.result) || []
|
|---|
| | | if (arr.length < 2) return
|
|---|
| | | this.coalStartTime = `${arr[0]} 00:00:00`
|
|---|
| | | this.coalEndTime = `${arr[arr.length - 1]} 23:59:59`
|
|---|
| | | this.getStatistics1()
|
|---|
| | | },
|
|---|
| | | getStatistics2() { //按客户发运统计
|
|---|
| | | this.$reqGet('getStatistics2').then(res => {
|
|---|
| | | console.log('发运统计------开始时间',this.kehuStartTime,this.startTodayStr)
|
|---|
| | | console.log('发运统计------开始时间',this.kehuEndTime,this.endTodaydayStr)
|
|---|
| | | this.kehuLoading = true
|
|---|
| | | this.$reqGet('getStatistics2', {
|
|---|
| | | startTime: this.kehuStartTime || this.startTodayStr,
|
|---|
| | | endTime: this.kehuEndTime || this.endTodaydayStr
|
|---|
| | | }).then(res => {
|
|---|
| | | if (res.code == 0) {
|
|---|
| | | this.kehuLoaded = true
|
|---|
| | | this.kehuTongjiTemp = res.data || []
|
|---|
| | | if(this.kehuTongjiTemp && this.kehuTongjiTemp.length > 0){
|
|---|
| | | if(this.kehuTongjiTemp.length > 0) {
|
|---|
| | | this.kehuTongji = this.kehuTongjiTemp.slice(0,2)
|
|---|
| | | this.kehuTongjiShowIsMore = false
|
|---|
| | | }
|
|---|
| | | } else {
|
|---|
| | | this.kehuTongji = []
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }).finally(() => {
|
|---|
| | | this.kehuLoading = false
|
|---|
| | | })
|
|---|
| | | },
|
|---|
| | | // 分客户煤种发运情况 时间段确认(开始补 00:00:00、结束补 23:59:59)
|
|---|
| | | kehuCalendarConfirm(e) {
|
|---|
| | | this.kehuCalendarShow = false
|
|---|
| | | const arr = Array.isArray(e) ? e : (e && e.result) || []
|
|---|
| | | if (arr.length < 2) return
|
|---|
| | | this.kehuStartTime = `${arr[0]} 00:00:00`
|
|---|
| | | this.kehuEndTime = `${arr[arr.length - 1]} 23:59:59`
|
|---|
| | | this.getStatistics2()
|
|---|
| | | },
|
|---|
| | | //代办详情
|
|---|
| | | daibanDetail(item) {
|
|---|
| | |
|---|
| | | m = m < 10 ? '0' + m : m;
|
|---|
| | | let d = date.getDate();
|
|---|
| | | d = d < 10 ? '0' + d : d;
|
|---|
| | | const time = y + '-' + m + '-' + d;
|
|---|
| | | // const time = y + '-' + m + '-' + d;
|
|---|
| | | const time = `${y}-${m}-${d} 00:00:00`;
|
|---|
| | | console.log('todayDate---------', time);
|
|---|
| | | return time;
|
|---|
| | | },
|
|---|
| | |
|---|
| | | };
|
|---|
| | | </script>
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | <style lang="scss" scoped>
|
|---|
| | | ::v-deep{
|
|---|
| | | .uni-table-td,.uni-table-th{
|
|---|
| | | color: #000;
|
|---|
| | | }
|
|---|
| | | .passWord-main-box{
|
|---|
| | | .u-popup__content{
|
|---|
| | | width: 85%;
|
|---|
| | | padding: 40rpx;
|
|---|
| | | box-sizing: border-box;
|
|---|
| | | border-radius: 10rpx;
|
|---|
| | | }
|
|---|
| | | .u-icon__icon{
|
|---|
| | | font-size: 28rpx!important;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | ::v-deep.home {
|
|---|
| | |
|---|
| | | align-items: baseline;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | .date-pick-box{
|
|---|
| | | position: absolute;
|
|---|
| | | right: 20rpx;
|
|---|
| | | top: 50%;
|
|---|
| | | transform: translateY(-50%);
|
|---|
| | | display: flex;
|
|---|
| | | align-items: center;
|
|---|
| | | max-width: 55%;
|
|---|
| | | .date-pick-text{
|
|---|
| | | font-size: 26rpx;
|
|---|
| | | color: #4b6cfa;
|
|---|
| | | white-space: nowrap;
|
|---|
| | | overflow: hidden;
|
|---|
| | | text-overflow: ellipsis;
|
|---|
| | | }
|
|---|
| | | .date-pick-icon{
|
|---|
| | | width: 32rpx;
|
|---|
| | | height: 32rpx;
|
|---|
| | | margin-left: 8rpx;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | .block-loading{
|
|---|
| | | width: 100%;
|
|---|
| | | padding: 60rpx 0;
|
|---|
| | | display: flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | }
|
|---|
| | | .shoukuan-box{
|
|---|
| | | width: 100%;
|
|---|
| | |
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | .sumbmit-box{
|
|---|
| | | margin-top: 40rpx;
|
|---|
| | | }
|
|---|
| | | .editorPass{
|
|---|
| | | width: 100%;
|
|---|
| | | justify-content: center;
|
|---|
| | | display: flex;
|
|---|
| | | margin: 20rpx 0;
|
|---|
| | | align-items: center;
|
|---|
| | | .icon{
|
|---|
| | | width: 46rpx;
|
|---|
| | | height: 46rpx;
|
|---|
| | | margin-right: 10rpx;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | .huiseBox{
|
|---|
| | | width: 100%;
|
|---|
| | | height: 12rpx;
|
|---|
| | | background: #eeeeee;
|
|---|
| | | }
|
|---|
| | | .intensity {
|
|---|
| | | width: 100%;
|
|---|
| | | margin-top: 10rpx;
|
|---|
| | | .psdText {
|
|---|
| | | font-size: 14px;
|
|---|
| | | margin-right: 10px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .line {
|
|---|
| | | display: inline-block;
|
|---|
| | | width: 70rpx;
|
|---|
| | | height: 8rpx;
|
|---|
| | | background: #d8d8d8;
|
|---|
| | | border-radius: 6rpx;
|
|---|
| | | margin-right: 16rpx;
|
|---|
| | |
|
|---|
| | | &.low {
|
|---|
| | | background: #f4664a;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | &.middle {
|
|---|
| | | background: #ffb700;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | &.high {
|
|---|
| | | background: #2cbb79;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .level {
|
|---|
| | | margin: 0 32rpx 0 16rpx;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .warningtext {
|
|---|
| | | color: #5a5a5a;
|
|---|
| | | font-size: 24rpx;
|
|---|
| | | margin-top: 10rpx;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | </style>
|
|---|
