页面修改
This commit is contained in:
parent
edbef3cc41
commit
adf33ad8e4
1
App.vue
1
App.vue
@ -15,6 +15,7 @@
|
|||||||
console.log(res.messageID)
|
console.log(res.messageID)
|
||||||
audioContext.play()
|
audioContext.play()
|
||||||
noticeArr.push(res.messageID)
|
noticeArr.push(res.messageID)
|
||||||
|
console.log("app的")
|
||||||
uni.vibrateLong({
|
uni.vibrateLong({
|
||||||
success: function() {
|
success: function() {
|
||||||
console.log('success');
|
console.log('success');
|
||||||
|
@ -28,7 +28,9 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="f_list">
|
<view class="f_list">
|
||||||
|
|
||||||
<view class="item" v-for="(item, index) in list" :key="index">
|
<view class="item" v-for="(item, index) in list" :key="index">
|
||||||
|
|
||||||
<view class="top">
|
<view class="top">
|
||||||
账单日期: {{current?item.month:item.create_time}}
|
账单日期: {{current?item.month:item.create_time}}
|
||||||
</view>
|
</view>
|
||||||
@ -38,26 +40,33 @@
|
|||||||
<view class="t_title">任务名称:</view>
|
<view class="t_title">任务名称:</view>
|
||||||
<view class="tips">{{item.remark}}</view>
|
<view class="tips">{{item.remark}}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="t_item">
|
<!-- <view class="t_item">
|
||||||
<view class="t_title">金额归属:</view>
|
<view class="t_title">金额归属:</view>
|
||||||
<view class="tips"><text v-if="item.userInfo">{{item.userInfo.nickname}}</text></view>
|
<view class="tips"><text v-if="item.userInfo">{{item.userInfo.nickname}}</text></view>
|
||||||
</view>
|
</view> -->
|
||||||
<view class="t_item">
|
<view class="t_item">
|
||||||
<view class="t_title">收益来源:</view>
|
<view class="t_title">收益来源:</view>
|
||||||
<view class="tips">
|
<view class="tips">
|
||||||
<!-- {{current?item.remark:item.type_desc}} -->
|
<!-- {{current?item.remark:item.type_desc}} -->
|
||||||
<text v-if="item.change_type==202" style="color: #46be61;">{{item.type_desc}}</text>
|
<text v-if="item.change_type==202">{{item.type_desc}}</text>
|
||||||
<text v-else-if="item.change_type==203"
|
<!-- <text v-else-if="item.change_type==203"
|
||||||
style="color: #ff7c32;">{{item.type_desc}}</text>
|
style="color: #ff7c32;">{{item.type_desc}}</text> -->
|
||||||
<text v-else="item.change_type==203">{{item.type_desc}}</text>
|
<text v-else="item.change_type==203">{{item.type_desc}}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="price">
|
<view class="price">
|
||||||
{{current?(item.expenditure==0?'+'+item.income:'-'+item.income):item.change_amount_desc}}
|
<text v-if="current" style="color: #FF7C32;">
|
||||||
|
{{item.expenditure==0?'+'+item.income:'-'+item.income}}</text>
|
||||||
|
<text>{{item.change_amount_desc}}</text>
|
||||||
|
<!-- {{current?(item.expenditure==0?'+'+item.income:'-'+item.income):item.change_amount_desc}} -->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<u-loadmore :status="loadConfig.status" :loading-text="loadConfig.loadingText"
|
<u-loadmore :status="loadConfig.status" :loading-text="loadConfig.loadingText"
|
||||||
:loadmore-text="loadConfig.loadmoreText" :nomore-text="loadConfig.nomoreText" />
|
:loadmore-text="loadConfig.loadmoreText" :nomore-text="loadConfig.nomoreText" />
|
||||||
</view>
|
</view>
|
||||||
@ -239,12 +248,12 @@
|
|||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
content: '账单详情';
|
content: '账户收益';
|
||||||
width: 137rpx;
|
width: 137rpx;
|
||||||
height: 49rpx;
|
height: 49rpx;
|
||||||
line-height: 49rpx;
|
line-height: 49rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background: #3274F9;
|
background: #FF7C32;
|
||||||
border-radius: 26rpx 26rpx 26rpx 26rpx;
|
border-radius: 26rpx 26rpx 26rpx 26rpx;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
margin-right: 28rpx;
|
margin-right: 28rpx;
|
||||||
@ -258,7 +267,7 @@
|
|||||||
.text {
|
.text {
|
||||||
font-size: 25rpx;
|
font-size: 25rpx;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #999999;
|
color: #333333;
|
||||||
line-height: 39rpx;
|
line-height: 39rpx;
|
||||||
|
|
||||||
.t_item {
|
.t_item {
|
||||||
@ -282,7 +291,7 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #F02828;
|
color: #488F00;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -2,11 +2,13 @@
|
|||||||
<view class="component">
|
<view class="component">
|
||||||
<view class="title">地区信息</view>
|
<view class="title">地区信息</view>
|
||||||
<u--form labelPosition="left" :model="formData" :rules="rules" ref="districtForm">
|
<u--form labelPosition="left" :model="formData" :rules="rules" ref="districtForm">
|
||||||
<u-form-item v-if="!readonly" label="省" :required="!readonly" prop="province" @click="changeCity('province')" borderBottom>
|
<u-form-item v-if="!readonly" label="省" :required="!readonly" prop="province"
|
||||||
|
@click="changeCity('province')" borderBottom>
|
||||||
<u--input :value="formDataText.province" disabled disabledColor="#fff" placeholder="请选择省"></u--input>
|
<u--input :value="formDataText.province" disabled disabledColor="#fff" placeholder="请选择省"></u--input>
|
||||||
<u-icon slot="right" name="arrow-right"></u-icon>
|
<u-icon slot="right" name="arrow-right"></u-icon>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item v-if="!readonly" label="市" :required="!readonly" prop="city" @click="changeCity('city')" borderBottom>
|
<u-form-item v-if="!readonly" label="市" :required="!readonly" prop="city" @click="changeCity('city')"
|
||||||
|
borderBottom>
|
||||||
<u--input :value="formDataText.city" disabled disabledColor="#fff" placeholder="请选择市"></u--input>
|
<u--input :value="formDataText.city" disabled disabledColor="#fff" placeholder="请选择市"></u--input>
|
||||||
<u-icon slot="right" name="arrow-right"></u-icon>
|
<u-icon slot="right" name="arrow-right"></u-icon>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
@ -19,7 +21,8 @@
|
|||||||
<u-icon slot="right" name="arrow-right"></u-icon>
|
<u-icon slot="right" name="arrow-right"></u-icon>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item label="村社" :required="!readonly" prop="village" @click="changeCity('village')" borderBottom>
|
<u-form-item label="村社" :required="!readonly" prop="village" @click="changeCity('village')" borderBottom>
|
||||||
<u--input :value="formDataText.village" type="text" disabled disabledColor="#fff" placeholder="请选择村"></u--input>
|
<u--input :value="formDataText.village" type="text" disabled disabledColor="#fff"
|
||||||
|
placeholder="请选择村"></u--input>
|
||||||
<u-icon slot="right" name="arrow-right"></u-icon>
|
<u-icon slot="right" name="arrow-right"></u-icon>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item label="小队" :required="!readonly" prop="brigade" @click="changeCity('brigade')" borderBottom>
|
<u-form-item label="小队" :required="!readonly" prop="brigade" @click="changeCity('brigade')" borderBottom>
|
||||||
@ -33,8 +36,17 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { commonProvince, commonCity, commonArea, commonStreet, commonVillage, commonBrigade } from "@/api/oaPbulic.js"
|
import {
|
||||||
import { Toast } from "../../libs/uniApi"
|
commonProvince,
|
||||||
|
commonCity,
|
||||||
|
commonArea,
|
||||||
|
commonStreet,
|
||||||
|
commonVillage,
|
||||||
|
commonBrigade
|
||||||
|
} from "@/api/oaPbulic.js"
|
||||||
|
import {
|
||||||
|
Toast
|
||||||
|
} from "../../libs/uniApi"
|
||||||
export default {
|
export default {
|
||||||
name: "districtSelector",
|
name: "districtSelector",
|
||||||
props: {
|
props: {
|
||||||
|
@ -1,17 +1,20 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="component">
|
<view class="component">
|
||||||
<view class="title">地区信息</view>
|
<!-- <view class="title">地区信息</view> -->
|
||||||
|
|
||||||
<u--form labelPosition="left" :model="formData" :rules="rules" ref="districtForm">
|
<u--form labelPosition="left" :model="formData" :rules="rules" ref="districtForm">
|
||||||
<u-form-item label="地址" :required="!readonly" prop="street" @click="changeCity('street')" borderBottom>
|
<u-form-item label="地址" :required="!readonly" prop="street" @click="changeCity('street')" borderBottom>
|
||||||
<u--textarea :value="nowAddress" autoHeight readonly></u--textarea>
|
<u--textarea :value="nowAddress" autoHeight readonly></u--textarea>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item v-if="!formDataRead.street" label="乡镇" :required="!readonly" prop="street" @click="changeCity('street')" borderBottom>
|
<u-form-item v-if="!formDataRead.street" label="乡镇" :required="!readonly" prop="street"
|
||||||
|
@click="changeCity('street')" borderBottom>
|
||||||
<u--input :value="formDataText.street" disabled disabledColor="#fff" placeholder="请选择镇"></u--input>
|
<u--input :value="formDataText.street" disabled disabledColor="#fff" placeholder="请选择镇"></u--input>
|
||||||
<u-icon slot="right" name="arrow-right"></u-icon>
|
<u-icon slot="right" name="arrow-right"></u-icon>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item v-if="!formDataRead.village" label="村社" :required="!readonly" prop="village" @click="changeCity('village')" borderBottom>
|
<u-form-item v-if="!formDataRead.village" label="村社" :required="!readonly" prop="village"
|
||||||
<u--input :value="formDataText.village" type="text" disabled disabledColor="#fff" placeholder="请选择村"></u--input>
|
@click="changeCity('village')" borderBottom>
|
||||||
|
<u--input :value="formDataText.village" type="text" disabled disabledColor="#fff"
|
||||||
|
placeholder="请选择村"></u--input>
|
||||||
<u-icon slot="right" name="arrow-right"></u-icon>
|
<u-icon slot="right" name="arrow-right"></u-icon>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item label="小队" :required="!readonly" prop="brigade" @click="changeCity('brigade')" borderBottom>
|
<u-form-item label="小队" :required="!readonly" prop="brigade" @click="changeCity('brigade')" borderBottom>
|
||||||
@ -25,8 +28,17 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { commonProvince, commonCity, commonArea, commonStreet, commonVillage, commonBrigade } from "@/api/oaPbulic.js"
|
import {
|
||||||
import { Toast } from "../../libs/uniApi"
|
commonProvince,
|
||||||
|
commonCity,
|
||||||
|
commonArea,
|
||||||
|
commonStreet,
|
||||||
|
commonVillage,
|
||||||
|
commonBrigade
|
||||||
|
} from "@/api/oaPbulic.js"
|
||||||
|
import {
|
||||||
|
Toast
|
||||||
|
} from "../../libs/uniApi"
|
||||||
export default {
|
export default {
|
||||||
name: "districtSelector",
|
name: "districtSelector",
|
||||||
props: {
|
props: {
|
||||||
@ -236,6 +248,7 @@
|
|||||||
margin-right: 8rpx;
|
margin-right: 8rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// .checkbox{
|
// .checkbox{
|
||||||
// margin: 28rpx;
|
// margin: 28rpx;
|
||||||
// }
|
// }
|
||||||
@ -244,6 +257,7 @@
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.u-checkbox-group--row[data-v-2ef8bac9] {
|
.u-checkbox-group--row[data-v-2ef8bac9] {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
@ -2,37 +2,18 @@
|
|||||||
<view>
|
<view>
|
||||||
<globalPopup ref="globalPopup"></globalPopup>
|
<globalPopup ref="globalPopup"></globalPopup>
|
||||||
<u-sticky bgColor="#0122C7" style="width: 100vw">
|
<u-sticky bgColor="#0122C7" style="width: 100vw">
|
||||||
<u-tabs
|
<u-tabs :list="tabLists" @change="sectionChange" lineColor="#fff" :scrollable="false" lineWidth="40"
|
||||||
:list="tabLists"
|
inactiveStyle="color:#fff" activeStyle="color:#fff"></u-tabs>
|
||||||
@change="sectionChange"
|
|
||||||
lineColor="#fff"
|
|
||||||
:scrollable="false"
|
|
||||||
lineWidth="40"
|
|
||||||
inactiveStyle="color:#fff"
|
|
||||||
activeStyle="color:#fff"
|
|
||||||
></u-tabs>
|
|
||||||
</u-sticky>
|
</u-sticky>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<u-search
|
<u-search placeholder="搜索你的订单" @search="getOrderList" :show-action="false" bg-color="white"
|
||||||
placeholder="搜索你的订单"
|
v-model="keywords"></u-search>
|
||||||
@search="getOrderList"
|
|
||||||
:show-action="false"
|
|
||||||
bg-color="white"
|
|
||||||
v-model="keywords"
|
|
||||||
></u-search>
|
|
||||||
<view v-if="!orderlist.length">
|
<view v-if="!orderlist.length">
|
||||||
<u-empty mode="data" icon="../../static/img/empty/data.png"> </u-empty>
|
<u-empty mode="data" icon="../../static/img/empty/data.png"> </u-empty>
|
||||||
</view>
|
</view>
|
||||||
<view v-else>
|
<view v-else>
|
||||||
<logistiCard
|
<logistiCard ref="logistiCards" v-for="(item, index) in orderlist" @getlist="getOrderList"
|
||||||
ref="logistiCards"
|
@showTost="showToast" @showToast2="showToast2" :goodsInfo="item" :key="index">
|
||||||
v-for="(item, index) in orderlist"
|
|
||||||
@getlist="getOrderList"
|
|
||||||
@showTost="showToast"
|
|
||||||
@showToast2="showToast2"
|
|
||||||
:goodsInfo="item"
|
|
||||||
:key="index"
|
|
||||||
>
|
|
||||||
</logistiCard>
|
</logistiCard>
|
||||||
</view>
|
</view>
|
||||||
<!-- -->
|
<!-- -->
|
||||||
|
@ -238,21 +238,19 @@
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
// //#ifdef APP-PLUS
|
//#ifdef APP-PLUS
|
||||||
// const audioContext = uni.createInnerAudioContext();
|
|
||||||
// audioContext.volume = 1;
|
let that = this;
|
||||||
// audioContext.src = "../../static/mp3/order.mp3";
|
jpushModule.addNotificationListener(function(result) {
|
||||||
// let that = this;
|
if (!that.notArr.includes(result.messageID)) {
|
||||||
// jpushModule.addNotificationListener(function (result) {
|
that.$refs.globalPopup.showPopu();
|
||||||
// if (!that.notArr.includes(result.messageID)) {
|
that.getOrderList();
|
||||||
// that.$refs.globalPopup.showPopu();
|
console.log("idnex的");
|
||||||
// that.getOrderList();
|
}
|
||||||
// console.log("idnex的");
|
that.notArr.push(result.messageID);
|
||||||
// audioContext.play();
|
});
|
||||||
// }
|
// #endif
|
||||||
// that.notArr.push(result.messageID);
|
|
||||||
// });
|
|
||||||
// // #endif
|
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
// this.getUserIndex()
|
// this.getUserIndex()
|
||||||
|
@ -2,7 +2,205 @@
|
|||||||
<view class="">
|
<view class="">
|
||||||
<view class="card">
|
<view class="card">
|
||||||
<u--form labelPosition="left" :model="formData" :rules="rules" ref="uForm">
|
<u--form labelPosition="left" :model="formData" :rules="rules" ref="uForm">
|
||||||
<view class="title">基本信息</view>
|
<view class="cards">
|
||||||
|
<view class="avter">
|
||||||
|
<view class="">
|
||||||
|
用户头像:
|
||||||
|
</view>
|
||||||
|
<view class="">
|
||||||
|
<view class="" v-if="formData.avatar">
|
||||||
|
<!-- {{formData.avatar}} -->
|
||||||
|
<image :src="formData.avatar" alt="" style="width:243.57rpx;height:150rpx;">
|
||||||
|
</image>
|
||||||
|
</view>
|
||||||
|
<view class="uplode" v-else>
|
||||||
|
<u-icon name="plus-circle-fill" color="#0022C7" size="28"></u-icon>
|
||||||
|
上传头像
|
||||||
|
<view class="up" style="opacity: 0;">
|
||||||
|
<u-upload :fileList="formData.avatar?[{url:formData.avatar}]:[]"
|
||||||
|
@afterRead="afterReadAvatar" @delete="formData.avatar=''" :maxCount="1">
|
||||||
|
</u-upload>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="cards">
|
||||||
|
|
||||||
|
<u-form-item label="电话" required prop="account" borderBottom>
|
||||||
|
<u--input v-model="formData.account" placeholder="请输入手机号" type="number"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item label="姓名" required prop="nickname" borderBottom>
|
||||||
|
<u--input v-model="formData.nickname" placeholder="请输入姓名"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item label="性别" required prop="sex" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.sex" style="margin: 16rpx;">
|
||||||
|
<u-radio activeColor="#0122C7" :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'男'},{value:2,label:'女'}]" :key="index"
|
||||||
|
:label="item.label" :name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="身份证号" required prop="id_card" borderBottom>
|
||||||
|
<u--input v-model="formData.id_card" placeholder="请输入身份证号" type="idcard"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="是否为小队长" required prop="is_captain" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.is_captain" style="margin: 16rpx;">
|
||||||
|
<u-radio activeColor="#0122C7" :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]" :key="index"
|
||||||
|
:label="item.label" :name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<districtSelectorTow style="margin-top: 30rpx;" ref="districtSelectorRef"></districtSelectorTow>
|
||||||
|
</view>
|
||||||
|
<view class="cards">
|
||||||
|
<view style="margin-bottom:30rpx ;">
|
||||||
|
身份证照:
|
||||||
|
</view>
|
||||||
|
<view class="up_list">
|
||||||
|
<view class="" v-if="formData.qualification.id_card">
|
||||||
|
<!-- {{formData.avatar}} -->
|
||||||
|
<image :src="formData.qualification.id_card" alt="" style="width:243.57rpx;height:150rpx;">
|
||||||
|
</image>
|
||||||
|
</view>
|
||||||
|
<view class="uplode" v-else>
|
||||||
|
<u-icon name="plus-circle-fill" color="#0022C7" size="28"></u-icon>
|
||||||
|
身份证正面
|
||||||
|
<view class="up" style="opacity: 0;">
|
||||||
|
<u-upload
|
||||||
|
:fileList="formData.qualification.id_card?[{url:formData.qualification.id_card}]:[]"
|
||||||
|
@afterRead="afterRead" @delete="formData.qualification.id_card=''" name="id_card"
|
||||||
|
:maxCount="1" width="638rpx" height="300rpx" style="margin-top: 10rpx;">
|
||||||
|
</u-upload>
|
||||||
|
<!--
|
||||||
|
<u-upload :fileList="formData.avatar?[{url:formData.avatar}]:[]"
|
||||||
|
@afterRead="afterReadAvatar" @delete="formData.avatar=''" :maxCount="1">
|
||||||
|
</u-upload> -->
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="" v-if="formData.qualification.id_card_b">
|
||||||
|
<!-- {{formData.avatar}} -->
|
||||||
|
<image :src="formData.qualification.id_card_b" alt=""
|
||||||
|
style="width:243.57rpx;height:150rpx;">
|
||||||
|
</image>
|
||||||
|
</view>
|
||||||
|
<view class="uplode" v-else>
|
||||||
|
<u-icon name="plus-circle-fill" color="#0022C7" size="28"></u-icon>
|
||||||
|
身份证反面
|
||||||
|
<view class="up" style="opacity: 0;">
|
||||||
|
|
||||||
|
<u-upload
|
||||||
|
:fileList="formData.qualification.id_card_b?[{url:formData.qualification.id_card_b}]:[]"
|
||||||
|
@afterRead="afterRead" @delete="formData.qualification.id_card_b=''"
|
||||||
|
name="id_card_b" :maxCount="1" width="638rpx" height="300rpx"
|
||||||
|
style="margin-top: 10rpx;">
|
||||||
|
</u-upload>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="cards">
|
||||||
|
<view style="margin-bottom:30rpx ;">
|
||||||
|
银行卡照:
|
||||||
|
</view>
|
||||||
|
<view class="up_list">
|
||||||
|
<view class="" v-if="formData.qualification.bank_account">
|
||||||
|
<!-- {{formData.avatar}} -->
|
||||||
|
<image :src="formData.qualification.bank_account" alt=""
|
||||||
|
style="width:243.57rpx;height:150rpx;">
|
||||||
|
</image>
|
||||||
|
</view>
|
||||||
|
<view class="uplode" v-else>
|
||||||
|
<u-icon name="plus-circle-fill" color="#0022C7" size="28"></u-icon>
|
||||||
|
银行卡正面
|
||||||
|
<view class="up" style="opacity: 0;">
|
||||||
|
|
||||||
|
<u-upload
|
||||||
|
:fileList="formData.qualification.bank_account?[{url:formData.qualification.bank_account}]:[]"
|
||||||
|
@afterRead="afterRead" @delete="formData.qualification.bank_account=''"
|
||||||
|
name="bank_account" :maxCount="1" width="638rpx" height="300rpx"
|
||||||
|
style="margin-top: 10rpx;">
|
||||||
|
</u-upload>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="" v-if="formData.qualification.bank_account_b">
|
||||||
|
<!-- {{formData.avatar}} -->
|
||||||
|
<image :src="formData.qualification.bank_account_b" alt=""
|
||||||
|
style="width:243.57rpx;height:150rpx;">
|
||||||
|
</image>
|
||||||
|
</view>
|
||||||
|
<view class="uplode" v-else>
|
||||||
|
<u-icon name="plus-circle-fill" color="#0022C7" size="28"></u-icon>
|
||||||
|
银行卡反面
|
||||||
|
<view class="up" style="opacity: 0;">
|
||||||
|
<u-upload
|
||||||
|
:fileList="formData.qualification.bank_account_b?[{url:formData.qualification.bank_account_b}]:[]"
|
||||||
|
@afterRead="afterRead" @delete="formData.qualification.bank_account_b=''"
|
||||||
|
name="bank_account_b" :maxCount="1" width="638rpx" height="300rpx"
|
||||||
|
style="margin-top: 10rpx;">
|
||||||
|
</u-upload>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
<view class="cards">
|
||||||
|
<view style="margin-bottom:30rpx ;">
|
||||||
|
驾驶证照:
|
||||||
|
</view>
|
||||||
|
<view class="up_list">
|
||||||
|
<view class="" v-if="formData.qualification.car_card">
|
||||||
|
<!-- {{formData.avatar}} -->
|
||||||
|
<image :src="formData.qualification.car_card" alt="" style="width:243.57rpx;height:150rpx;">
|
||||||
|
</image>
|
||||||
|
</view>
|
||||||
|
<view class="uplode" v-else>
|
||||||
|
<u-icon name="plus-circle-fill" color="#0022C7" size="28"></u-icon>
|
||||||
|
驾驶证一页
|
||||||
|
<view class="up" style="opacity: 0;">
|
||||||
|
<u-upload
|
||||||
|
:fileList="formData.qualification.car_card?[{url:formData.qualification.car_card}]:[]"
|
||||||
|
@afterRead="afterRead" @delete="formData.qualification.car_card=''" name="car_card"
|
||||||
|
:maxCount="1" width="638rpx" height="300rpx" style="margin-top: 10rpx;">
|
||||||
|
</u-upload>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="" v-if="formData.qualification.car_card_b">
|
||||||
|
<!-- {{formData.avatar}} -->
|
||||||
|
<image :src="formData.qualification.car_card_b" alt=""
|
||||||
|
style="width:243.57rpx;height:150rpx;">
|
||||||
|
</image>
|
||||||
|
</view>
|
||||||
|
<view class="uplode" v-else>
|
||||||
|
<u-icon name="plus-circle-fill" color="#0022C7" size="28"></u-icon>
|
||||||
|
驾驶证二页
|
||||||
|
<view class="up" style="opacity: 0;">
|
||||||
|
<u-upload
|
||||||
|
:fileList="formData.qualification.car_card_b?[{url:formData.qualification.car_card_b}]:[]"
|
||||||
|
@afterRead="afterRead" @delete="formData.qualification.car_card_b=''"
|
||||||
|
name="car_card_b" :maxCount="1" width="638rpx" height="300rpx"
|
||||||
|
style="margin-top: 10rpx;">
|
||||||
|
</u-upload>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- <view class="title">基本信息</view>
|
||||||
<u-form-item label="电话" required prop="account" borderBottom>
|
<u-form-item label="电话" required prop="account" borderBottom>
|
||||||
<u--input v-model="formData.account" placeholder="请输入手机号" type="number"></u--input>
|
<u--input v-model="formData.account" placeholder="请输入手机号" type="number"></u--input>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
@ -12,8 +210,8 @@
|
|||||||
<u-form-item label="性别" required prop="sex" borderBottom>
|
<u-form-item label="性别" required prop="sex" borderBottom>
|
||||||
<u-radio-group v-model="formData.sex" style="margin: 16rpx;">
|
<u-radio-group v-model="formData.sex" style="margin: 16rpx;">
|
||||||
<u-radio :customStyle="{marginRight: '16px'}"
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
v-for="(item, index) in [{value:1,label:'男'},{value:2,label:'女'}]" :key="index" :label="item.label"
|
v-for="(item, index) in [{value:1,label:'男'},{value:2,label:'女'}]" :key="index"
|
||||||
:name="item.value">
|
:label="item.label" :name="item.value">
|
||||||
</u-radio>
|
</u-radio>
|
||||||
</u-radio-group>
|
</u-radio-group>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
@ -30,11 +228,11 @@
|
|||||||
<u-form-item labelWidth="auto" label="是否为小队长" required prop="is_captain" borderBottom>
|
<u-form-item labelWidth="auto" label="是否为小队长" required prop="is_captain" borderBottom>
|
||||||
<u-radio-group v-model="formData.is_captain" style="margin: 16rpx;">
|
<u-radio-group v-model="formData.is_captain" style="margin: 16rpx;">
|
||||||
<u-radio :customStyle="{marginRight: '16px'}"
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]" :key="index" :label="item.label"
|
v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]" :key="index"
|
||||||
:name="item.value">
|
:label="item.label" :name="item.value">
|
||||||
</u-radio>
|
</u-radio>
|
||||||
</u-radio-group>
|
</u-radio-group>
|
||||||
</u-form-item>
|
</u-form-item> -->
|
||||||
<!-- <u-form-item labelWidth="auto" label="登录密码" prop="formData.name" borderBottom>
|
<!-- <u-form-item labelWidth="auto" label="登录密码" prop="formData.name" borderBottom>
|
||||||
<u--input v-model="formData.password" placeholder="不输入密码则默认为手机号" password></u--input>
|
<u--input v-model="formData.password" placeholder="不输入密码则默认为手机号" password></u--input>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
@ -43,7 +241,7 @@
|
|||||||
</u-form-item> -->
|
</u-form-item> -->
|
||||||
<!-- <view class="title">地区信息</view> -->
|
<!-- <view class="title">地区信息</view> -->
|
||||||
<!-- <districtSelector style="margin-top: 30rpx;" ref="districtSelectorRef"></districtSelector> -->
|
<!-- <districtSelector style="margin-top: 30rpx;" ref="districtSelectorRef"></districtSelector> -->
|
||||||
<districtSelectorTow style="margin-top: 30rpx;" ref="districtSelectorRef"></districtSelectorTow>
|
<!-- <districtSelectorTow style="margin-top: 30rpx;" ref="districtSelectorRef"></districtSelectorTow>
|
||||||
<view class="title">资质信息</view>
|
<view class="title">资质信息</view>
|
||||||
<u-form-item label="身份证正面" required labelPosition="top" labelWidth="200rpx" prop="qualification.id_card"
|
<u-form-item label="身份证正面" required labelPosition="top" labelWidth="200rpx" prop="qualification.id_card"
|
||||||
borderBottom>
|
borderBottom>
|
||||||
@ -52,41 +250,41 @@
|
|||||||
width="638rpx" height="300rpx" style="margin-top: 10rpx;">
|
width="638rpx" height="300rpx" style="margin-top: 10rpx;">
|
||||||
</u-upload>
|
</u-upload>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item label="身份证反面" required labelPosition="top" labelWidth="200rpx" prop="qualification.id_card_b"
|
<u-form-item label="身份证反面" required labelPosition="top" labelWidth="200rpx"
|
||||||
borderBottom>
|
prop="qualification.id_card_b" borderBottom>
|
||||||
<u-upload :fileList="formData.qualification.id_card_b?[{url:formData.qualification.id_card_b}]:[]"
|
<u-upload :fileList="formData.qualification.id_card_b?[{url:formData.qualification.id_card_b}]:[]"
|
||||||
@afterRead="afterRead" @delete="formData.qualification.id_card_b=''" name="id_card_b" :maxCount="1"
|
@afterRead="afterRead" @delete="formData.qualification.id_card_b=''" name="id_card_b"
|
||||||
width="638rpx" height="300rpx" style="margin-top: 10rpx;">
|
:maxCount="1" width="638rpx" height="300rpx" style="margin-top: 10rpx;">
|
||||||
</u-upload>
|
</u-upload>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item label="银行卡正面" required labelPosition="top" labelWidth="200rpx" prop="qualification.bank_account"
|
<u-form-item label="银行卡正面" required labelPosition="top" labelWidth="200rpx"
|
||||||
borderBottom>
|
prop="qualification.bank_account" borderBottom>
|
||||||
<u-upload :fileList="formData.qualification.bank_account?[{url:formData.qualification.bank_account}]:[]"
|
<u-upload
|
||||||
@afterRead="afterRead" @delete="formData.qualification.bank_account=''" name="bank_account" :maxCount="1"
|
:fileList="formData.qualification.bank_account?[{url:formData.qualification.bank_account}]:[]"
|
||||||
width="638rpx" height="300rpx" style="margin-top: 10rpx;">
|
@afterRead="afterRead" @delete="formData.qualification.bank_account=''" name="bank_account"
|
||||||
|
:maxCount="1" width="638rpx" height="300rpx" style="margin-top: 10rpx;">
|
||||||
</u-upload>
|
</u-upload>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item label="银行卡反面" required labelPosition="top" labelWidth="200rpx" prop="qualification.bank_account_b"
|
<u-form-item label="银行卡反面" required labelPosition="top" labelWidth="200rpx"
|
||||||
borderBottom>
|
prop="qualification.bank_account_b" borderBottom>
|
||||||
<u-upload :fileList="formData.qualification.bank_account_b?[{url:formData.qualification.bank_account_b}]:[]"
|
<u-upload
|
||||||
|
:fileList="formData.qualification.bank_account_b?[{url:formData.qualification.bank_account_b}]:[]"
|
||||||
@afterRead="afterRead" @delete="formData.qualification.bank_account_b=''" name="bank_account_b"
|
@afterRead="afterRead" @delete="formData.qualification.bank_account_b=''" name="bank_account_b"
|
||||||
:maxCount="1" width="638rpx" height="300rpx" style="margin-top: 10rpx;">
|
:maxCount="1" width="638rpx" height="300rpx" style="margin-top: 10rpx;">
|
||||||
</u-upload>
|
</u-upload>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item label="驾驶证正面" labelPosition="top" labelWidth="200rpx"
|
<u-form-item label="驾驶证正面" labelPosition="top" labelWidth="200rpx" borderBottom>
|
||||||
borderBottom>
|
|
||||||
<u-upload :fileList="formData.qualification.car_card?[{url:formData.qualification.car_card}]:[]"
|
<u-upload :fileList="formData.qualification.car_card?[{url:formData.qualification.car_card}]:[]"
|
||||||
@afterRead="afterRead" @delete="formData.qualification.car_card=''" name="car_card" :maxCount="1"
|
@afterRead="afterRead" @delete="formData.qualification.car_card=''" name="car_card"
|
||||||
width="638rpx" height="300rpx" style="margin-top: 10rpx;">
|
:maxCount="1" width="638rpx" height="300rpx" style="margin-top: 10rpx;">
|
||||||
</u-upload>
|
</u-upload>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item label="驾驶证反面" labelPosition="top" labelWidth="200rpx"
|
<u-form-item label="驾驶证反面" labelPosition="top" labelWidth="200rpx" borderBottom>
|
||||||
borderBottom>
|
|
||||||
<u-upload :fileList="formData.qualification.car_card_b?[{url:formData.qualification.car_card_b}]:[]"
|
<u-upload :fileList="formData.qualification.car_card_b?[{url:formData.qualification.car_card_b}]:[]"
|
||||||
@afterRead="afterRead" @delete="formData.qualification.car_card_b=''" name="car_card_b" :maxCount="1"
|
@afterRead="afterRead" @delete="formData.qualification.car_card_b=''" name="car_card_b"
|
||||||
width="638rpx" height="300rpx" style="margin-top: 10rpx;">
|
:maxCount="1" width="638rpx" height="300rpx" style="margin-top: 10rpx;">
|
||||||
</u-upload>
|
</u-upload>
|
||||||
</u-form-item>
|
</u-form-item> -->
|
||||||
</u--form>
|
</u--form>
|
||||||
<button @click="addAcountNum" type="primary" class="btn">创建</button>
|
<button @click="addAcountNum" type="primary" class="btn">创建</button>
|
||||||
</view>
|
</view>
|
||||||
@ -94,12 +292,19 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { upLoadImage } from "@/api/file.js"
|
import {
|
||||||
import { loginAdd } from "@/api/oaUser.js"
|
upLoadImage
|
||||||
|
} from "@/api/file.js"
|
||||||
|
import {
|
||||||
|
loginAdd
|
||||||
|
} from "@/api/oaUser.js"
|
||||||
import districtSelector from "@/components/districtSelector/districtSelector.vue" //地区选择器
|
import districtSelector from "@/components/districtSelector/districtSelector.vue" //地区选择器
|
||||||
import districtSelectorTow from "@/components/districtSelector/districtSelectorTow.vue" //地区选择器
|
import districtSelectorTow from "@/components/districtSelector/districtSelectorTow.vue" //地区选择器
|
||||||
export default {
|
export default {
|
||||||
components: { districtSelector, districtSelectorTow },
|
components: {
|
||||||
|
districtSelector,
|
||||||
|
districtSelectorTow
|
||||||
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
formData: {
|
formData: {
|
||||||
@ -221,7 +426,10 @@
|
|||||||
this.$refs.uForm.validate().then(async (e) => {
|
this.$refs.uForm.validate().then(async (e) => {
|
||||||
if (e && flag) {
|
if (e && flag) {
|
||||||
uni.showLoading()
|
uni.showLoading()
|
||||||
let res = await loginAdd({...this.formData, ...this.$refs.districtSelectorRef.formData});
|
let res = await loginAdd({
|
||||||
|
...this.formData,
|
||||||
|
...this.$refs.districtSelectorRef.formData
|
||||||
|
});
|
||||||
uni.hideLoading()
|
uni.hideLoading()
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
icon: "none",
|
icon: "none",
|
||||||
@ -269,10 +477,51 @@
|
|||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.card {
|
.card {
|
||||||
background-color: #fff;
|
// background-color: #fff;
|
||||||
|
// margin: 28rpx;
|
||||||
|
// padding: 28rpx;
|
||||||
|
// border-radius: 14rpx;
|
||||||
|
|
||||||
|
.cards {
|
||||||
|
|
||||||
|
|
||||||
margin: 28rpx;
|
margin: 28rpx;
|
||||||
padding: 28rpx;
|
padding: 28rpx;
|
||||||
border-radius: 14rpx;
|
border-radius: 14rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
|
||||||
|
.avter {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
// line-height: 150rpx;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.up_list {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uplode {
|
||||||
|
width: 243.57rpx;
|
||||||
|
height: 173.48rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: 30rpx;
|
||||||
|
border-radius: 15rpx;
|
||||||
|
border: 1px solid $theme-oa-color;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-around;
|
||||||
|
color: $theme-oa-color;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.up {
|
||||||
|
position: absolute;
|
||||||
|
color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
@ -58,7 +58,8 @@
|
|||||||
<view class="personnel_list">
|
<view class="personnel_list">
|
||||||
<view class="card" v-for="(item, index) in userList" :key="item.id">
|
<view class="card" v-for="(item, index) in userList" :key="item.id">
|
||||||
<view class="card_head">
|
<view class="card_head">
|
||||||
<text style="font-size: 32rpx">创建时间: {{item.create_time||"2020-10-10"}}</text>
|
<text style="font-size: 32rpx;">创建时间: {{creTime(item.create_time)}}
|
||||||
|
</text>
|
||||||
<text @click="navTo('/subpkg/finance/finance?id='+item.id)">财务查看</text>
|
<text @click="navTo('/subpkg/finance/finance?id='+item.id)">财务查看</text>
|
||||||
<text @click="navTo('/subpkg/personnelDetails/personnelDetails?id='+item.id)">信息查看</text>
|
<text @click="navTo('/subpkg/personnelDetails/personnelDetails?id='+item.id)">信息查看</text>
|
||||||
</view>
|
</view>
|
||||||
@ -137,7 +138,13 @@
|
|||||||
this.loadUserList();
|
this.loadUserList();
|
||||||
uni.$on('initPersonnel', this.initLoad);
|
uni.$on('initPersonnel', this.initLoad);
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
|
creTime(a) {
|
||||||
|
return a.toString().substring(0, 10)
|
||||||
|
// return a.substring(0, 10)
|
||||||
|
// console.log(a.substring(0, 10))
|
||||||
|
},
|
||||||
navTo(url) {
|
navTo(url) {
|
||||||
url ?
|
url ?
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
|
Loading…
x
Reference in New Issue
Block a user