wupengfei
2 天以前 d6ec7528f6694aee6d2c57d1d9b2aab3ceddcdeb
apps/housekeepingMiniApp/src/subpackages/sercice/addStandardOrder/InnerPage.vue
@@ -75,6 +75,19 @@
          ></ChooseInputWithSuppliers>
        </nut-form-item>
        <nut-form-item
          label="支付通道:"
          class="bole-form-item"
          prop="payAccess"
          label-width="90px"
          required
        >
          <ChooseInputWithPicker
            v-model="form.payAccess"
            placeholder="请选择支付通道"
            :value-enum="EnumUserBankCardAccessTextFormStandard"
          />
        </nut-form-item>
        <nut-form-item
          label="备注:"
          class="bole-form-item alignTop"
          prop="remark"
@@ -107,7 +120,13 @@
      :is-show-custom-address="false"
      @selected="selected"
      exist-address-title="选择地址"
    ></nut-address>
    >
      <template #bottom v-if="!infiniteLoadingProps?.flattenListData?.length">
        <div class="select-address-bottom">
          <nut-button type="primary" @click="goAddAddress">新增地址</nut-button>
        </div>
      </template>
    </nut-address>
  </LoadingLayout>
</template>
@@ -118,6 +137,7 @@
  List,
  ListItem,
  ChooseInputWithDatePicker,
  ChooseInputWithPicker,
} from '@12333/components';
import Taro from '@tarojs/taro';
import { RouterPath } from '@/constants';
@@ -125,8 +145,9 @@
import * as standardOrderServices from '@12333/services/apiV2/standardOrder';
import { FormRules } from '@nutui/nutui-taro/dist/types/__VUE/form/types';
import dayjs from 'dayjs';
import { EnumUserBankCardAccess } from '@12333/constants';
import { EnumUserBankCardAccess, EnumUserBankCardAccessTextFormStandard } from '@12333/constants';
import { Message } from '@12333/utils';
import { template } from 'lodash';
defineOptions({
  name: 'InnerPage',
@@ -147,6 +168,7 @@
  enterpriseEmployeeId: '',
  enterpriseEmployeeName: '',
  remark: '',
  payAccess: EnumUserBankCardAccess.WeChatPay,
});
const nowDate = dayjs().toDate();
@@ -169,6 +191,7 @@
  beginTime: [{ required: true, message: '请选择服务开始时间' }],
  endTime: [{ required: true, message: '请选择服务结束时间' }],
  enterpriseEmployeeId: [{ required: true, message: '请选择服务机构' }],
  payAccess: [{ required: true, message: '请选择支付通道' }],
});
const { isLoading, isError, detail, refetch } = useStandardServiceDetail({
@@ -184,6 +207,7 @@
const { infiniteLoadingProps } = useEnterpriseAddresses({
  rows: 100,
  refeshDidShow: false,
  onSuccess(res) {
    const data = res.pages[0].data;
    const address = data.find((item) => item.isDefault);
@@ -198,7 +222,7 @@
const existAddress = computed(() => {
  return infiniteLoadingProps.value.flattenListData.map((x) => ({
    id: x.id,
    addressDetail: x.addressDetail,
    addressDetail: `${x.addressName}${x.addressDetail}`,
    cityName: '',
    countyName: '',
    provinceName: '',
@@ -223,6 +247,12 @@
  form.selectAddressVisible = true;
}
function goAddAddress() {
  Taro.navigateTo({
    url: `${RouterPath.editAddress}`,
  });
}
const selected = (prevExistAdd, nowExistAdd, arr) => {
  form.addressId = nowExistAdd.id;
};
@@ -252,7 +282,7 @@
      specPrice: spec.value.price ?? 0,
      specNumber: specNumber,
      addressId: form.addressId,
      name: detail.value.name,
      name: selectedAddress.value.name,
      contactPhoneNumber: selectedAddress.value.contactPhoneNumber,
      provinceCode: selectedAddress.value.provinceCode,
      provinceContent: selectedAddress.value.provinceContent,
@@ -293,11 +323,13 @@
        paySign: res.paySign,
      });
      Message.success('支付成功');
      Taro.redirectTo({
        url: `${RouterPath.mineOrderDetail}?id=${orderId}`,
      });
    }
  } catch (error) {}
  } catch (error) {
  } finally {
    Taro.redirectTo({
      url: `${RouterPath.mineOrderDetail}?id=${orderId}`,
    });
  }
}
</script>
@@ -330,5 +362,11 @@
      }
    }
  }
  .select-address-bottom {
    display: flex;
    justify-content: center;
    padding: 40px 0;
  }
}
</style>