no message

src/api/business/invoice.js

@@ -0,0 +1,49 @@
+import request from '@/utils/request'
+
+// 查询企业租户列表
+export function listInvoice(query) {
+  request.defaults.baseURL = '/ezhizao-yzbh-financial'
+  return request({
+    url: '/business/invoice/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询企业租户详细
+export function getInvoice(id) {
+  request.defaults.baseURL = '/ezhizao-yzbh-financial'
+  return request({
+    url: '/business/invoice/' + id,
+    method: 'get'
+  })
+}
+
+// 新增企业租户
+export function addInvoice(data) {
+  request.defaults.baseURL = '/ezhizao-yzbh-financial'
+  return request({
+    url: '/business/invoice',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改企业租户
+export function updateInvoice(data) {
+  request.defaults.baseURL = '/ezhizao-yzbh-sys'
+  return request({
+    url: '/business/invoice',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除企业租户
+export function delInvoice(id) {
+  request.defaults.baseURL = '/ezhizao-yzbh-sys'
+  return request({
+    url: '/business/invoice/' + id,
+    method: 'delete'
+  })
+}

src/views/business/crm/order/index.vue

@@ -56,12 +56,12 @@
           @keyup.enter="handleQuery" />
       </el-form-item>
       <el-form-item label="合同类型：" prop="contractType">
-        <el-select size="small" v-model="queryParams.contractType" placeholder="服务类型" clearable style="width: 120px">
+        <el-select size="small" v-model="queryParams.contractType" placeholder="合同类型" clearable style="width: 120px">
           <el-option v-for="item in contractTypes" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
       </el-form-item>
       <el-form-item label="服务类型：" prop="serviceType">
-        <el-select size="small" v-model="queryParams.serviceType" placeholder="合同类型" clearable style="width: 120px">
+        <el-select size="small" v-model="queryParams.serviceType" placeholder="服务类型" clearable style="width: 120px">
           <el-option v-for="item in serviceTypes" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
       </el-form-item>

src/views/business/invoice/form.vue

@@ -0,0 +1,257 @@
+<template>
+    <!-- 添加或修改项目信息对话框 -->
+    <div class="el-drawer__wrapper">
+        <el-drawer :title="title" v-model="visible" direction="rtl" size="100%">
+            <div class="page-container form-container">
+            <div class="form-btns-container">
+                    <span class="title-label"><el-icon>
+                            <Document />
+                        </el-icon> 项目信息</span>
+                <el-button-group>
+                    <el-button v-if="editStatus" type="primary" size="small" icon="Finished"
+                               @click="submitForm">保存</el-button>
+                    <el-button v-else type="warning" size="small" icon="Edit" @click="editStatus = true">编辑</el-button>
+                    <el-button v-if="form.id && editStatus" type="info" size="small" icon="Close"
+                               @click="editStatus = false">取消编辑</el-button>
+                    <el-button v-if="form.id" type="success" size="small" @click="getForm">
+                        <i class="fa fa-refresh" aria-hidden="true" /> 刷新
+                    </el-button>
+                </el-button-group>
+                <div class="screen-btn" @click="handleScreen">
+                    <template v-if="!isFullscreen">
+                        <i class="fa fa-window-maximize" aria-hidden="true" />
+                        <!-- <span>全屏</span> -->
+                    </template>
+                    <template v-else>
+                        <i class="fa fa-window-restore" aria-hidden="true" />
+                        <!-- <span>还原</span> -->
+                    </template>
+                </div>
+                <div class="close-btn" @click="cancel">
+                    <i class="fa fa-times" aria-hidden="true" />
+                    <!-- <span>关闭</span> -->
+                </div>
+            </div>
+            <div class="Y-scrollbar" style="position: absolute; top: 32px; bottom: 0; width: 100%; overflow: auto">
+            </div>
+            <el-form ref="invoiceRef" class="master-container" :model="form" :rules="rules" label-width="120px">
+                <el-row :gutter="30">
+                                    <el-col :span="6">
+                                        <el-form-item label="申请开票金额" prop="allowInvoiceAmount">
+                                            <el-input  v-if="editStatus" v-model="form.allowInvoiceAmount" placeholder="请输入申请开票金额" />
+                                            <span v-else>{{ form.allowInvoiceAmount }}</span>
+                                        </el-form-item>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <el-form-item label="发票信息">
+                                          <el-select v-if="editStatus" v-model="form.invoiceInfoId" placeholder="请选择发票信息" clearable>
+                                            <el-option v-for="item in invoiceInfoList" :key="item.id" :label="item.invoiceTitle" :value="item.id" />
+                                          </el-select>
+                                        </el-form-item>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <el-form-item label="开票方" prop="invoiceMy">
+                                            <el-input  v-if="editStatus" v-model="form.invoiceMy" placeholder="请输入开票方" />
+                                            <span v-else>{{ form.invoiceMy }}</span>
+                                        </el-form-item>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <el-form-item label="社会信用代码" prop="myCreditSocietyCode">
+                                            <el-input  v-if="editStatus" v-model="form.myCreditSocietyCode" placeholder="请输入社会信用代码" />
+                                            <span v-else>{{ form.myCreditSocietyCode }}</span>
+                                        </el-form-item>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <el-form-item label="地址" prop="myAddress">
+                                            <el-input  v-if="editStatus" v-model="form.myAddress" placeholder="请输入地址" />
+                                            <span v-else>{{ form.myAddress }}</span>
+                                        </el-form-item>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <el-form-item label="账号" prop="myAccount">
+                                            <el-input  v-if="editStatus" v-model="form.myAccount" placeholder="请输入账号" />
+                                            <span v-else>{{ form.myAccount }}</span>
+                                        </el-form-item>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <el-form-item label="收票方" prop="invoiceOther">
+                                            <el-input  v-if="editStatus" v-model="form.invoiceOther" placeholder="请输入收票方" />
+                                            <span v-else>{{ form.invoiceOther }}</span>
+                                        </el-form-item>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <el-form-item label="${comment}" prop="otherCreditSocietyCode">
+                                            <el-input  v-if="editStatus" v-model="form.otherCreditSocietyCode" placeholder="请输入${comment}" />
+                                            <span v-else>{{ form.otherCreditSocietyCode }}</span>
+                                        </el-form-item>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <el-form-item label="${comment}" prop="otherAddress">
+                                            <el-input  v-if="editStatus" v-model="form.otherAddress" placeholder="请输入${comment}" />
+                                            <span v-else>{{ form.otherAddress }}</span>
+                                        </el-form-item>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <el-form-item label="申请时间" prop="applierTime">
+                                            <el-date-picker v-if="editStatus" clearable
+                                                            v-model="form.applierTime"
+                                                            type="date"
+                                                            value-format="YYYY-MM-DD"
+                                                            placeholder="请选择申请时间">
+                                            </el-date-picker>
+                                            <span v--else>{{ form.applierTime }}</span>
+                                        </el-form-item>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <el-form-item label="开票时间" prop="invoiceTime">
+                                            <el-date-picker v-if="editStatus" clearable
+                                                            v-model="form.invoiceTime"
+                                                            type="date"
+                                                            value-format="YYYY-MM-DD"
+                                                            placeholder="请选择开票时间">
+                                            </el-date-picker>
+                                            <span v--else>{{ form.invoiceTime }}</span>
+                                        </el-form-item>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <el-form-item label="备注" prop="remark">
+                                            <el-input  v-if="editStatus" v-model="form.remark" placeholder="请输入备注" />
+                                            <span v-else>{{ form.remark }}</span>
+                                        </el-form-item>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <el-form-item label="开票备注" prop="invoiceRemark">
+                                            <el-input  v-if="editStatus" v-model="form.invoiceRemark" placeholder="请输入开票备注" />
+                                            <span v-else>{{ form.invoiceRemark }}</span>
+                                        </el-form-item>
+                                    </el-col>
+                </el-row>
+            </el-form>
+            </div>
+        </el-drawer>
+    </div>
+</template>
+<script setup>
+    import {getInvoice} from "@/api/business/invoice";
+    const { proxy } = getCurrentInstance()
+    /** 父组件传参 */
+    const props = defineProps({
+        getList: {
+            type: Function,
+            default: () => { }
+        }
+    })
+    const { getList } = toRefs(props)
+    /** 字典数组区 */
+    /** 表单抽屉 页变量 */
+    const title = ref("")
+    const loading = ref(false)
+    const multiple = ref(true)
+    const visible = ref(false)
+    const editStatus = ref(false)
+    const isFullscreen = ref(false)
+    const webHost = import.meta.env.VITE_APP_BASE_API
+    const data = reactive({
+        form: {},
+        rules: {
+        }
+    });
+    const { form, rules } = toRefs(data);
+/***********************  方法区  ****************************/
+    /** 打开抽屉 */
+    function open(id) {
+        reset();
+        visible.value = true;
+        if (id) {
+            getInvoice(id).then(response => {
+                form.value = response.data;
+                editStatus.value = false
+                title.value = "修改项目信息"
+            })
+        } else {
+            editStatus.value = true
+            title.value = "添加项目信息"
+        }
+    }
+
+    /** 取消按钮 */
+    function cancel() {
+        visible.value = false;
+        reset();
+    }
+
+    /** 表单重置 */
+    function reset() {
+        form.value = {
+                        id: null,
+                        invoiceType: null,
+                        contractId: null,
+                        allowInvoiceAmount: null,
+                        invoiceContent: null,
+                        invoiceMy: null,
+                        myCreditSocietyCode: null,
+                        myAddress: null,
+                        myAccount: null,
+                        invoiceOther: null,
+                        otherCreditSocietyCode: null,
+                        otherAddress: null,
+                        applierId: null,
+                        applierTime: null,
+                        status: null,
+                        invoiceId: null,
+                        invoiceTime: null,
+                        remark: null,
+                        invoiceRemark: null,
+                        createTime: null,
+                        creatorId: null,
+                        updateTime: null,
+                        updaterId: null,
+                        deleted: null,
+                        version: null
+        };
+        proxy.resetForm("invoiceRef");
+    }
+
+    /** 全屏缩放 */
+    function handleScreen() {
+    const dom = document.querySelector('.list-container > .el-drawer__wrapper > .el-overlay')
+    isFullscreen.value = !isFullscreen.value
+    dom.style.position = isFullscreen.value ? 'fixed' : 'absolute'
+    }
+
+
+/** 提交按钮 */
+function submitForm() {
+  proxy.$refs["invoiceRef"].validate(valid => {
+    if (valid) {
+      if (form.value.id != null) {
+        updateInvoice(form.value).then(response => {
+          proxy.$modal.msgSuccess("修改成功");
+          visible.value = false;
+          getList.value()
+        });
+      } else {
+        addInvoice(form.value).then(response => {
+          proxy.$modal.msgSuccess("新增成功");
+          visible.value = false;
+          getList.value()
+        });
+      }
+    }
+  });
+}
+
+    /** 查询表单信息  */
+    function getForm() {
+    loading.value = true
+    getInvoice(form.value.id).then(response => {
+        loading.value = false
+        form.value = response.data
+    })
+    }
+
+    /** 暴露给父组件的方法 */
+    defineExpose({
+        open
+    })
+</script>

src/views/business/invoice/index.vue

@@ -0,0 +1,274 @@
+<template>
+    <div class="page-container list-container">
+        <!-- 功能按钮区 -->
+        <div class="list-btns-container">
+            <el-button
+                    type="primary"
+                    size="small"
+                    icon="Plus"
+                    @click="handleAdd"
+                    v-hasPermi="['business:invoice:add']"
+            >新增</el-button>
+
+            <el-button
+                    type="success"
+                    size="small"
+                    icon="Edit"
+                    :disabled="single"
+                    @click="handleUpdate"
+                    v-hasPermi="['business:invoice:edit']"
+            >修改</el-button>
+
+            <el-button
+                    type="danger"
+                    size="small"
+                    icon="Delete"
+                    :disabled="multiple"
+                    @click="handleDelete"
+                    v-hasPermi="['business:invoice:remove']"
+            >删除</el-button>
+
+            <el-button
+                    type="warning"
+                    size="small"
+                    icon="Download"
+                    @click="handleExport"
+                    v-hasPermi="['business:invoice:export']"
+            >导出</el-button>
+            <!--<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>-->
+        </div>
+        <!-- 搜索区 -->
+        <el-form class="list-search-container" size="small" :model="queryParams" ref="queryRef" :inline="true" label-width="68px">
+                        <el-form-item label="申请开票金额：" prop="allowInvoiceAmount">
+                            <el-input
+                                    v-model="queryParams.allowInvoiceAmount"
+                                    placeholder="请输入申请开票金额"
+                                    clearable
+                                    @keyup.enter="handleQuery"
+                            />
+                        </el-form-item>
+                        <el-form-item label="开票方：" prop="invoiceMy">
+                            <el-input
+                                    v-model="queryParams.invoiceMy"
+                                    placeholder="请输入开票方"
+                                    clearable
+                                    @keyup.enter="handleQuery"
+                            />
+                        </el-form-item>
+                        <el-form-item label="社会信用代码：" prop="myCreditSocietyCode">
+                            <el-input
+                                    v-model="queryParams.myCreditSocietyCode"
+                                    placeholder="请输入社会信用代码"
+                                    clearable
+                                    @keyup.enter="handleQuery"
+                            />
+                        </el-form-item>
+                        <el-form-item label="地址：" prop="myAddress">
+                            <el-input
+                                    v-model="queryParams.myAddress"
+                                    placeholder="请输入地址"
+                                    clearable
+                                    @keyup.enter="handleQuery"
+                            />
+                        </el-form-item>
+                        <el-form-item label="账号：" prop="myAccount">
+                            <el-input
+                                    v-model="queryParams.myAccount"
+                                    placeholder="请输入账号"
+                                    clearable
+                                    @keyup.enter="handleQuery"
+                            />
+                        </el-form-item>
+                        <el-form-item label="收票方：" prop="invoiceOther">
+                            <el-input
+                                    v-model="queryParams.invoiceOther"
+                                    placeholder="请输入收票方"
+                                    clearable
+                                    @keyup.enter="handleQuery"
+                            />
+                        </el-form-item>
+                        <el-form-item label="${comment}：" prop="otherCreditSocietyCode">
+                            <el-input
+                                    v-model="queryParams.otherCreditSocietyCode"
+                                    placeholder="请输入${comment}"
+                                    clearable
+                                    @keyup.enter="handleQuery"
+                            />
+                        </el-form-item>
+                        <el-form-item label="${comment}：" prop="otherAddress">
+                            <el-input
+                                    v-model="queryParams.otherAddress"
+                                    placeholder="请输入${comment}"
+                                    clearable
+                                    @keyup.enter="handleQuery"
+                            />
+                        </el-form-item>
+                        <el-form-item label="申请时间：" prop="applierTime">
+                            <el-date-picker clearable
+                                            v-model="queryParams.applierTime"
+                                            type="date"
+                                            value-format="YYYY-MM-DD"
+                                            placeholder="请选择申请时间">
+                            </el-date-picker>
+                        </el-form-item>
+                        <el-form-item label="开票时间：" prop="invoiceTime">
+                            <el-date-picker clearable
+                                            v-model="queryParams.invoiceTime"
+                                            type="date"
+                                            value-format="YYYY-MM-DD"
+                                            placeholder="请选择开票时间">
+                            </el-date-picker>
+                        </el-form-item>
+                        <el-form-item label="开票备注：" prop="invoiceRemark">
+                            <el-input
+                                    v-model="queryParams.invoiceRemark"
+                                    placeholder="请输入开票备注"
+                                    clearable
+                                    @keyup.enter="handleQuery"
+                            />
+                        </el-form-item>
+            <el-form-item>
+                <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+                <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+        </el-form>
+
+        <!-- 列表区 -->
+        <el-table v-loading="loading" :data="invoiceList" size="small" border height="100%" @selection-change="handleSelectionChange">
+            <el-table-column type="selection" width="55" align="center" />
+                    <el-table-column label="${comment}" align="center" prop="id" />
+                    <el-table-column label="发票类型" align="center" prop="invoiceType" />
+                    <el-table-column label="申请开票金额" align="center" prop="allowInvoiceAmount" />
+                    <el-table-column label="发票信息" align="center" prop="invoiceContent" />
+                    <el-table-column label="开票方" align="center" prop="invoiceMy" />
+                    <el-table-column label="社会信用代码" align="center" prop="myCreditSocietyCode" />
+                    <el-table-column label="地址" align="center" prop="myAddress" />
+                    <el-table-column label="账号" align="center" prop="myAccount" />
+                    <el-table-column label="收票方" align="center" prop="invoiceOther" />
+                    <el-table-column label="${comment}" align="center" prop="otherCreditSocietyCode" />
+                    <el-table-column label="${comment}" align="center" prop="otherAddress" />
+                    <el-table-column label="申请时间" align="center" prop="applierTime" width="180">
+                        <template #default="scope">
+                            <span>{{ parseTime(scope.row.applierTime, '{y}-{m}-{d}') }}</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="0-未提交 1-待开票 2-已拒绝  3-已开票" align="center" prop="status" />
+                    <el-table-column label="开票时间" align="center" prop="invoiceTime" width="180">
+                        <template #default="scope">
+                            <span>{{ parseTime(scope.row.invoiceTime, '{y}-{m}-{d}') }}</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="备注" align="center" prop="remark" />
+                    <el-table-column label="开票备注" align="center" prop="invoiceRemark" />
+            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+                <template #default="scope">
+                    <el-button link type="warning" size="small" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['business:invoice:edit']">修改</el-button>
+                    <el-button link type="danger" size="small" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['business:invoice:remove']">删除</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <!-- 分页 -->
+        <pagination v-show="total>0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList"/>
+
+        <!-- 表单 -->
+        <invoice-form ref="invoiceRef" :get-list="getList"></invoice-form>
+    </div>
+</template>
+
+<script setup name="Invoice">
+    import { listInvoice, delInvoice } from "@/api/business/invoice";
+    import invoiceForm from "./form"
+    const { proxy } = getCurrentInstance()
+    /** 字典数组区 */
+    /** 查询 对象 */
+
+    const invoiceList = ref([]);
+    const loading = ref(true);
+    const ids = ref([])
+    const single = ref(true);
+    const multiple = ref(true);
+    const total = ref(0);
+    /** 查询对象 */
+   const queryParams=ref({
+        pageNum: 1,
+        pageSize: 10,
+                    invoiceType: null,
+                    allowInvoiceAmount: null,
+                    invoiceContent: null,
+                    invoiceMy: null,
+                    myCreditSocietyCode: null,
+                    myAddress: null,
+                    myAccount: null,
+                    invoiceOther: null,
+                    otherCreditSocietyCode: null,
+                    otherAddress: null,
+                    applierTime: null,
+                    status: null,
+                    invoiceTime: null,
+                    invoiceRemark: null,
+    })
+
+  /***********************  方法区  ****************************/
+
+    /** 查询企业租户列表 */
+   function getList() {
+        loading.value = true;
+        listInvoice(queryParams.value).then(response => {
+                invoiceList.value = response.rows;
+            total.value = response.total;
+            loading.value = false;
+        });
+    }
+
+    /** 搜索按钮操作 */
+    function handleQuery() {
+        queryParams.value.pageNum = 1;
+        getList();
+    }
+
+    /** 重置按钮操作 */
+    function resetQuery() {
+        proxy.resetForm("queryRef");
+        handleQuery();
+    }
+
+    // 多选框选中数据
+    function handleSelectionChange(selection) {
+        ids.value = selection.map(item => item.id);
+        single.value = selection.length != 1;
+        multiple.value = !selection.length;
+    }
+
+    /** 新增按钮操作 */
+    function handleAdd() {
+         proxy.$refs.invoiceRef.open()
+    }
+
+    /** 修改按钮操作 */
+    function handleUpdate(row) {
+        const id = row.id || ids.value
+        proxy.$refs.invoiceRef.open(id)
+    }
+
+
+    /** 删除按钮操作 */
+    function handleDelete(row) {
+        const _ids = row.id || ids.value;
+        proxy.$modal.confirm('是否确认删除选中的数据项？').then(function() {
+            return delInvoice(_ids);
+        }).then(() => {
+            getList();
+            proxy.$modal.msgSuccess("删除成功！");
+        }).catch(() => {});
+    }
+
+    /** 导出按钮操作 */
+    function handleExport() {
+        proxy.download('business/invoice/export', {
+            ...queryParams.value
+        }, `invoice_${new Date().getTime()}.xlsx`)
+    }
+
+   getList();
+</script>