|
@@ -1,248 +0,0 @@
|
|
-<template>
|
|
|
|
- <div id="update">
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="24" class="main">
|
|
|
|
- <el-col :span="24" class="one">
|
|
|
|
- <el-col :span="24" class="top">
|
|
|
|
- <el-button type="primary" size="mini" @click="back">返回</el-button>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="24" class="down">
|
|
|
|
- <el-form :model="form" ref="form" label-width="100px">
|
|
|
|
- <el-col :span="24" class="text">
|
|
|
|
- <el-form-item label="需求描述" prop="req_desc">
|
|
|
|
- <el-input v-model="form.req_desc" type="textarea" maxlength="300" :autosize="{ minRows: 4, maxRows: 6 }" show-word-limit></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="12" class="text">
|
|
|
|
- <el-form-item label="订单号" prop="no">
|
|
|
|
- <el-input v-model="form.no" disabled></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="12" class="text">
|
|
|
|
- <el-form-item label="订单名称" prop="name">
|
|
|
|
- <el-input v-model="form.name" disabled></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="12" class="text">
|
|
|
|
- <el-form-item label="服务机构" prop="mechanism_person">
|
|
|
|
- <el-input v-model="form.mechanism_person" disabled></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="12" class="text">
|
|
|
|
- <el-form-item label="联系人" prop="mechanism_name">
|
|
|
|
- <el-input v-model="form.mechanism_name" disabled></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="12" class="text">
|
|
|
|
- <el-form-item label="联系电话" prop="mechanism_mobile">
|
|
|
|
- <el-input v-model="form.mechanism_mobile" disabled></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="12" class="text">
|
|
|
|
- <el-form-item label="需方机构名称" prop="user_name">
|
|
|
|
- <el-input v-model="form.user_name" disabled></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="12" class="text">
|
|
|
|
- <el-form-item label="联系人" prop="person">
|
|
|
|
- <el-input v-model="form.person" disabled></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="12" class="text">
|
|
|
|
- <el-form-item label="联系电话" prop="phone">
|
|
|
|
- <el-input v-model="form.phone" disabled></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="12" class="text">
|
|
|
|
- <el-form-item label="电子邮箱" prop="email">
|
|
|
|
- <el-input v-model="form.email" disabled></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="12" class="text">
|
|
|
|
- <el-form-item label="订单总金额" prop="money">
|
|
|
|
- <el-input v-model="form.money"></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="12" class="text">
|
|
|
|
- <el-form-item label="创新券抵扣额" prop="allowance">
|
|
|
|
- <el-input v-model="form.allowance" disabled></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="12" class="text">
|
|
|
|
- <el-form-item label="应收金额" prop="total">
|
|
|
|
- <el-input v-model="form.total" disabled></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="24" class="text">
|
|
|
|
- <el-form-item label="备注" prop="remark">
|
|
|
|
- <el-input v-model="form.remark" type="textarea" maxlength="300" :autosize="{ minRows: 4, maxRows: 6 }" show-word-limit></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="24" class="formBtn">
|
|
|
|
- <el-button type="danger" size="mini" @click="back">取消保存</el-button>
|
|
|
|
- <el-button type="primary" size="mini" @click="oneSubmit('form')">提交保存</el-button>
|
|
|
|
- <el-button type="primary" size="mini" @click="twoSubmit('form')">确认订单</el-button>
|
|
|
|
- </el-col>
|
|
|
|
- </el-form>
|
|
|
|
- </el-col>
|
|
|
|
- </el-col>
|
|
|
|
- </el-col>
|
|
|
|
- </el-row>
|
|
|
|
- </div>
|
|
|
|
-</template>
|
|
|
|
-
|
|
|
|
-<script>
|
|
|
|
-const { mapActions: policyOrder } = createNamespacedHelpers('policyOrder');
|
|
|
|
-const { mapActions: policy } = createNamespacedHelpers('policy');
|
|
|
|
-import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
|
-export default {
|
|
|
|
- name: 'update',
|
|
|
|
- props: {},
|
|
|
|
- components: {},
|
|
|
|
- data: function () {
|
|
|
|
- return {
|
|
|
|
- form: {},
|
|
|
|
- };
|
|
|
|
- },
|
|
|
|
- created() {
|
|
|
|
- if (this.id) this.search();
|
|
|
|
- },
|
|
|
|
- methods: {
|
|
|
|
- ...policyOrder(['fetch', 'update']),
|
|
|
|
- ...policy({ policyFetch: 'fetch' }),
|
|
|
|
- async search() {
|
|
|
|
- let res = await this.fetch(this.id);
|
|
|
|
- if (this.$checkRes(res)) {
|
|
|
|
- this.$set(this, `form`, res.data);
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- // 提交保存
|
|
|
|
- oneSubmit(formName) {
|
|
|
|
- this.$refs[formName].validate(async (valid) => {
|
|
|
|
- if (valid) {
|
|
|
|
- let data = this.form;
|
|
|
|
- let res = await this.update(data);
|
|
|
|
- if (this.$checkRes(res)) {
|
|
|
|
- this.$message({
|
|
|
|
- message: '订单修改成功',
|
|
|
|
- type: 'success',
|
|
|
|
- });
|
|
|
|
- this.back();
|
|
|
|
- }
|
|
|
|
- } else {
|
|
|
|
- console.log('error submit!!');
|
|
|
|
- return false;
|
|
|
|
- }
|
|
|
|
- });
|
|
|
|
- },
|
|
|
|
- // 确认订单
|
|
|
|
- twoSubmit(formName) {
|
|
|
|
- this.$refs[formName].validate(async (valid) => {
|
|
|
|
- if (valid) {
|
|
|
|
- let data = this.form;
|
|
|
|
- data.status = '1';
|
|
|
|
- let arr = await this.policyFetch(data.policy_id);
|
|
|
|
- if (this.$checkRes(arr)) {
|
|
|
|
- let policyData = arr.data;
|
|
|
|
- if (policyData.discount_type == '全额折扣券') {
|
|
|
|
- data.money = Number(data.money);
|
|
|
|
- data.allowance = Number(data.money);
|
|
|
|
- data.total = 0;
|
|
|
|
- } else if (policyData.discount_type == '折扣券') {
|
|
|
|
- data.money = Number(data.money);
|
|
|
|
- data.allowance = (Number(data.money) * Number(policyData.scale)) / 100;
|
|
|
|
- data.total = Number(data.money) - data.allowance;
|
|
|
|
- } else if (policyData.discount_type == '定额券') {
|
|
|
|
- data.money = Number(data.money);
|
|
|
|
- data.allowance = Number(policyData.allowance);
|
|
|
|
- data.total = Number(data.money - policyData.allowance);
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- let res = await this.update(data);
|
|
|
|
- if (this.$checkRes(res)) {
|
|
|
|
- this.$message({
|
|
|
|
- message: '订单确认成功',
|
|
|
|
- type: 'success',
|
|
|
|
- });
|
|
|
|
- this.back();
|
|
|
|
- }
|
|
|
|
- } else {
|
|
|
|
- console.log('error submit!!');
|
|
|
|
- return false;
|
|
|
|
- }
|
|
|
|
- });
|
|
|
|
- },
|
|
|
|
- // 确认订单,计算金额
|
|
|
|
- // async searchMoney(data) {
|
|
|
|
- // let res = await this.policyFetch(data.policy_id);
|
|
|
|
- // if (this.$checkRes(res)) {
|
|
|
|
- // let policyData = res.data;
|
|
|
|
- // if (policyData.discount_type == '全额折扣券') {
|
|
|
|
- // data.money = Number(data.money);
|
|
|
|
- // data.allowance = Number(data.money);
|
|
|
|
- // data.total = 0;
|
|
|
|
- // } else if (policyData.discount_type == '折扣券') {
|
|
|
|
- // data.money = Number(data.money);
|
|
|
|
- // data.allowance = (Number(data.money) * Number(policyData.scale)) / 100;
|
|
|
|
- // data.total = Number(data.money) - data.allowance;
|
|
|
|
- // } else if (policyData.discount_type == '定额券') {
|
|
|
|
- // data.money = Number(data.money);
|
|
|
|
- // data.allowance = Number(policyData.allowance);
|
|
|
|
- // data.total = Number(data.money - policyData.allowance);
|
|
|
|
- // }
|
|
|
|
- // }
|
|
|
|
- // return data;
|
|
|
|
- // },
|
|
|
|
- back() {
|
|
|
|
- this.$router.push({ path: '/adminCenter/order/list' });
|
|
|
|
- },
|
|
|
|
- },
|
|
|
|
- computed: {
|
|
|
|
- ...mapState(['user']),
|
|
|
|
- id() {
|
|
|
|
- return this.$route.query.id;
|
|
|
|
- },
|
|
|
|
- },
|
|
|
|
- metaInfo() {
|
|
|
|
- return { title: this.$route.meta.title };
|
|
|
|
- },
|
|
|
|
- watch: {
|
|
|
|
- test: {
|
|
|
|
- deep: true,
|
|
|
|
- immediate: true,
|
|
|
|
- handler(val) {},
|
|
|
|
- },
|
|
|
|
- },
|
|
|
|
-};
|
|
|
|
-</script>
|
|
|
|
-
|
|
|
|
-<style lang="less" scoped>
|
|
|
|
-.main {
|
|
|
|
- border-radius: 10px;
|
|
|
|
- box-shadow: 0 0 5px #cccccc;
|
|
|
|
- padding: 20px;
|
|
|
|
- .top {
|
|
|
|
- text-align: right;
|
|
|
|
- margin: 0 0 10px 0;
|
|
|
|
- }
|
|
|
|
- .down {
|
|
|
|
- .text {
|
|
|
|
- border-bottom: 1px dashed #ccc;
|
|
|
|
- padding: 15px 0;
|
|
|
|
- }
|
|
|
|
- /deep/.el-form-item {
|
|
|
|
- margin: 0;
|
|
|
|
- }
|
|
|
|
- .el-select {
|
|
|
|
- width: 100%;
|
|
|
|
- }
|
|
|
|
- .formBtn {
|
|
|
|
- text-align: center;
|
|
|
|
- padding: 10px 0;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-.main:hover {
|
|
|
|
- box-shadow: 0 0 5px #409eff;
|
|
|
|
-}
|
|
|
|
-</style>
|
|
|