123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235 |
- <template>
- <div>
- <van-row style="margin-top: 10px">
- <van-col :span="22" :offset="1" style="background-color: white">
- <div class="inforBox">
- <p>归属年月:</p>
- <div>
- <!-- <van-datetime-picker-->
- <!-- v-model="form.yf"-->
- <!-- type="year-month"-->
- <!-- title="选择年月"-->
- <!-- :min-date="minDate"-->
- <!-- :max-date="maxDate"-->
- <!-- />-->
- <van-field
- right-icon="arrow-down"
- v-model="form.yf"
- placeholder="根据任务自动带出年、月"
- />
- </div>
- </div>
- <div class="inforBox" v-if="!form.isCf">
- <p class="dataName">
- <span>*</span>
- 本月营业收入
- <span class="Company">(万元)</span>
- </p>
- <input v-model="form.yysr" type="number" class="input" placeholder="请填写" />
- </div>
- <div class="inforBox" v-if="form.isCf">
- <p class="dataName">
- <span>*</span>
- 本月餐费收入
- <span class="Company">(万元)</span>
- </p>
- <input v-model="form.cfsr" type="number" class="input" placeholder="请填写" />
- </div>
- <div class="inforBox">
- <p class="dataName">
- <span>*</span>
- 本月总薪资
- <span class="Company">(万元)</span>
- </p>
- <input v-model="form.xzze" type="number" class="input" placeholder="请填写" />
- </div>
- <div class="inforBox" v-if="!form.isCf">
- <p class="dataName">
- <span>*</span>
- 上年本月营业收入
- <span class="Company">(万元)</span>
- </p>
- <input
- v-model="form.qntqyysr"
- type="number"
- class="input"
- placeholder="请填写/或自动带出"
- />
- </div>
- <div class="inforBox" v-if="form.isCf">
- <p class="dataName">
- <span>*</span>
- 上年本月餐费收入
- <span class="Company">(万元)</span>
- </p>
- <input
- v-model="form.qntqyysr"
- type="number"
- class="input"
- placeholder="请填写/或自动带出"
- />
- </div>
- <div class="inforBox">
- <div style="margin: 20px 0; text-align: center">
- <van-button round type="primary" color="rgb(227 239 254)" @click="toHome">
- <p class="off">返回</p>
- </van-button>
- <van-button round type="primary" color="rgb(26 76 218)" @click="save">
- <p class="submit">提交</p>
- </van-button>
- </div>
- </div>
- </van-col>
- </van-row>
- </div>
- </template>
- <script>
- import { Toast } from 'vant'
- import apis from '@.mobile/api/apis'
- import common from '@.mobile/plugin/axios/common'
- export default {
- data() {
- return {
- minDate: new Date(2000, 0, 1),
- maxDate: new Date(),
- form: {
- rowguid: '',
- qymc: '',
- shxydm: '',
- tblx: '预估填报',
- yf: this.$common.formatDate('yyyyMM', new Date()),
- tbsj: '',
- yysr: '',
- qntqyysr: '',
- xzze: '',
- cfsr: '',
- dxcb: '未发送',
- tbrid: '--',
- tbr: '--',
- ejgm: '--',
- yjgm: '--',
- lxdh: '--',
- qylxr: '--',
- qyzt: '--',
- ssbk: '--',
- isCf: false
- }
- }
- },
- mounted() {
- const user = common.currUser()
- this.form.qymc = user.qymc
- this.form.shxydm = user.shxydm
- this.form.ejgm = user.ejgm
- this.form.yjgm = user.yjgm
- this.form.lxdh = user.lxdh
- this.form.qylxr = user.qylxr
- this.form.qyzt = user.qyzt
- this.form.ssbk = user.ssbk
- this.form.qntqyysr = user.qntqyysr
- console.log(user.hymc)
- this.form.isCf = user.hymc === '住宿餐饮'
- },
- methods: {
- toHome() {
- this.$router.push('/mobile-home')
- },
- save() {
- if (!this.form.shxydm) {
- Toast('请重新登录后重试')
- this.$router.push('/mobile-login')
- return
- }
- if (this.form.isCf) {
- if (!this.form.cfsr) {
- Toast('请填写餐费收入')
- return
- }
- } else {
- if (!this.form.yysr) {
- Toast('请填写营业收入')
- return
- }
- }
- if (!this.form.xzze) {
- Toast('请填写薪资总额')
- return
- }
- apis.requestData('EcCompanyPredictController', 'save', this.form).then(res => {
- const data = res.data
- if (data.code == 200) {
- Toast('预估数据填报成功')
- } else {
- Toast(data.msg)
- }
- })
- }
- }
- }
- </script>
- <style scoped>
- .inforBody {
- background: white;
- margin: 10vw 5vw;
- padding: 0 0 5vw 0;
- }
- .inforBox {
- padding: 1vw 5vw;
- position: relative;
- }
- .input {
- width: 100%;
- padding: 1vw;
- border: 1px solid #e6e6e6;
- }
- .van-field {
- width: 100%;
- padding: 1vw;
- border: 1px solid #e6e6e6;
- }
- .down {
- }
- .dataName::first-letter {
- color: #ff4343;
- }
- .Company {
- color: #999999;
- }
- .buttonBox {
- display: flex;
- justify-content: space-evenly;
- }
- .van-button {
- width: 35vw;
- cursor: pointer;
- border: 1px solid rgb(209 220 250);
- }
- input::-webkit-input-placeholder {
- color: #cccccc;
- font-size: 2.5vw;
- }
- ::v-deep .van-field__control::-webkit-input-placeholder {
- color: #cccccc;
- font-size: 2.5vw;
- }
- .off {
- display: flex;
- justify-content: center;
- color: rgb(66 107 224);
- width: 30vw;
- letter-spacing: 2vw;
- margin-left: 1vw;
- }
- .submit {
- display: flex;
- justify-content: center;
- width: 30vw;
- letter-spacing: 2vw;
- margin-left: 1vw;
- }
- </style>
|