'ts报红

zhangwei

3 天以前 4176d3b696a2bcf44829b5b646f5b678b8877c23

'ts报红

 Web/src/api/Customer/fBS_CusExtend.ts

@@ -1,4 +1,5 @@
import {useBaseApi} from '/@/api/base';

import {useBaseApi} from '/@/api/base';

// 企业资料接口服务
export const useFBS_CusExtendApi = () => {
@@ -12,8 +13,14 @@
        add: baseApi.add,
        // 更新企业资料
        update: baseApi.update,
        getParam: baseApi.getParam,
        changeSteps:baseApi.changeSteps,
        getParam:()=>baseApi.request({
                url: '/api/fBS_CusExtend/getParam',
                method: 'get',
            }, false),	
        changeSteps:(id: any, step: any, cancel: boolean = false)=>baseApi.request({
                url:  `/api/fBS_CusExtend/changeSteps/${id}/${step}`,
                method: 'get',
            }, cancel),
        // 删除企业资料
        delete: baseApi.delete,
        // 批量删除企业资料
@@ -91,4 +98,8 @@
    updateUserId: number;
    // 修改者姓名
    updateUserName: string;
}
}
export interface FBS_CusExtendParam {
    
}


 Web/src/api/base/index.ts

@@ -28,19 +28,6 @@
                data: { id },
            }, cancel);
        },
        getParam: function (id: any, cancel: boolean = false) {
            return request({
                url: baseUrl + "getParam",
                method: 'get',
                data: { id },
            }, cancel);
        },
        changeSteps: function (id: any, step, cancel: boolean = false) {
            return request({
                url: baseUrl + `changeSteps/${id}/${step}`,
                method: 'get',
            }, cancel);
        },
        dropdownData: function (data: any, cancel: boolean = false) {
            return request({
                url: baseUrl + "dropdownData",

 Web/src/views/Customer/fBS_CusExtend/component/editDialog.vue

@@ -18,8 +18,8 @@
    ruleForm: {} as any,
    stores: {},
    dropdownData: {} as any,
    enterpriseList:[],
    roleList:[]
    enterpriseList:[] as any[],
    roleList:[] as any[]
});

// 自行添加其他规则
@@ -49,7 +49,7 @@
});

// 打开弹窗
const openDialog = async (row: any, title: string, qiyeList,roleList) => {
const openDialog = async (row: any, title: string, qiyeList: any[], roleList: any[]) => {
    state.roleList = roleList
    state.enterpriseList = qiyeList
    state.title = title;
@@ -80,14 +80,14 @@
        }
    });
};
const isLeaf = data => {
const isLeaf = (data: any[]) => {
  data.forEach(item => {
    if (!item.child) {
      item.leaf = true;
    }
  });
};
const loadNode = (node, resolve) => {
const loadNode = (node: { level: number; data: any; }, resolve: (arg0: never[]) => any) => {
  if (node.level === 0) {
    isLeaf(node.data);
    return resolve(node.data);

 Web/src/views/Customer/fBS_CusExtend/index.vue

@@ -42,9 +42,9 @@
    descStr: 'descending', // 降序排序的关键字符
  },
  tableData: [],
  roleList: [],
  roleList: [] as any[],
  qiyeList:[],
  shenheList:[]
  shenheList:[] as any[]
});

// 页面加载时

 Web/src/views/Customer/fBS_CusExtendExamine/component/editDialog.vue

@@ -1,15 +1,11 @@
<script lang="ts" name="fBS_CusExtend" setup>
import { ref, reactive, onMounted } from "vue";
import { ElMessage } from "element-plus";
import type { FormRules } from "element-plus";
import { formatDate } from '/@/utils/formatTime';
import { useFBS_CusExtendApi } from '/@/api/Customer/fBS_CusExtend';
import type { ImageInstance } from 'element-plus'

//父级传递来的函数，用于回调
const emit = defineEmits(["reloadTable"]);
const fBS_CusExtendApi = useFBS_CusExtendApi();
const ruleFormRef = ref();

const state = reactive({
    title: '',
@@ -21,29 +17,7 @@
    enterpriseList:[],
    roleList:[],
    shenheList:[],
    srcList:[]
});

// 自行添加其他规则
const rules = ref<FormRules>({
  customerId: [{required: true, message: '请选择用户ID！', trigger: 'blur',},],
  enterpriseType: [{required: true, message: '请选择企业类型 ！', trigger: 'blur',},],
  transactionCode: [{required: true, message: '请选择交易主体code！', trigger: 'blur',},],
  businessLicense: [{required: true, message: '请选择营业执照文件路径！', trigger: 'blur',},],
  enterpriseName: [{required: true, message: '请选择企业名称！', trigger: 'blur',},],
  unifiedSocialCreditCode: [{required: true, message: '请选择统一社会信用代码！', trigger: 'blur',},],
  registeredCapital: [{required: true, message: '请选择注册资金！', trigger: 'blur',},],
  legalRepresentativeName: [{required: true, message: '请选择法定代表人姓名！', trigger: 'blur',},],
  legalRepresentativeIdCard: [{required: true, message: '请选择法定代表人身份证文件路径！', trigger: 'blur',},],
  legalRepresentativeIdNumber: [{required: true, message: '请选择法定代表人姓名！', trigger: 'blur',},],
  legalRepresentativePhone: [{required: true, message: '请选择法定代表人姓名！', trigger: 'blur',},],
  residence: [{required: true, message: '请选择企业住所！', trigger: 'blur',},],
  enterprisePhone: [{required: true, message: '请选择企业联系电话！', trigger: 'blur',},],
  establishmentTime: [{required: true, message: '请选择企业成立时间！', trigger: 'change',},],
  enterpriseEmail: [{required: true, message: '请选择企业邮箱！', trigger: 'blur',},],
  bankName: [{required: true, message: '请选择法定代表人姓名！', trigger: 'blur',},],
  bankAccount: [{required: true, message: '请选择法定代表人姓名！', trigger: 'blur',},],
  steps: [{required: true, message: '请选择审核步骤！', trigger: 'change',},],
    srcList:[] 
});

// 页面加载时
@@ -51,7 +25,7 @@
});

// 打开弹窗
const openDialog = async (row: any, title: string, qiyeList,roleList,shenheList) => {
const openDialog = async (row: any, title: string, qiyeList: any,roleList: any,shenheList: any) => {
    state.roleList = roleList
    state.enterpriseList = qiyeList
    state.shenheList = shenheList
@@ -69,34 +43,15 @@
};

// 提交
const submit = async () => {
const submit = async (val:any) => {
    let values = state.ruleForm;
    await fBS_CusExtendApi.changeSteps(values.id,values.steps);
    await fBS_CusExtendApi.changeSteps(values.id,val);
    closeDialog();
};
const isLeaf = data => {
  data.forEach(item => {
    if (!item.child) {
      item.leaf = true;
    }
  });
};
const showPreview = ref(false)
const showImg = name => {
const showImg = (name: string|number) => {
   showPreview.value=true
   state.srcList = [state.ruleForm[name]]

};
const loadNode = (node, resolve) => {
  if (node.level === 0) {
    isLeaf(node.data);
    return resolve(node.data);
  } else if (node.level > 0 && node.data.child) {
    isLeaf(node.data.child);
    return resolve(node.data.child);
  } else {
    return resolve([]);
  }
};
//将属性或者函数暴露给父组件
defineExpose({ openDialog });
@@ -111,17 +66,17 @@
            </template>
            <div class="mb10">
                <el-row :gutter="10" justify="end">
                    <span>是否通过：</span>
                    <span>审核状态：</span>
                    <el-col :span="4">
                        <el-select
                            v-model="state.ruleForm.steps"
                            disabled
                            placeholder="请选择"
                            clearable
                        >
                            <el-option
                            v-for="item in state.shenheList"
                            :key="item.key"
                            :label="item.description"
                            :label="item.description=='未通过'?'不通过':item.description"
                            :value="item.value"
                            />
                        </el-select>
@@ -257,10 +212,12 @@
                    {{ state.ruleForm.bankAccount }}
                </el-descriptions-item>
                </el-descriptions>
				
            <template #footer>
                <span class="dialog-footer">
                    <el-button @click="() => state.showDialog = false">取 消</el-button>
                    <el-button @click="submit" type="primary" v-reclick="1000">审 核</el-button>
                    <el-button @click="submit(2)" type="primary" v-reclick="1000">通过审核</el-button>
                    <el-button @click="submit(3)" type="warning" v-reclick="1000">不通过审核</el-button>
                </span>
            </template>
        </el-dialog>

 Web/src/views/Customer/fBS_CusExtendExamine/index.vue

@@ -9,8 +9,7 @@
import ModifyRecord from '/@/components/table/modifyRecord.vue';
import ImportData from "/@/components/table/importData.vue";
import { useFBS_ExRoleApi } from '/@/api/Customer/fBS_ExRole';
import { formatDate } from '/@/utils/formatTime';

import { formatDate } from '/@/utils/formatTime'

const fBS_CusExtendApi = useFBS_CusExtendApi();
const fBS_ExRoleApi = useFBS_ExRoleApi();
@@ -42,9 +41,9 @@
    descStr: 'descending', // 降序排序的关键字符
  },
  tableData: [],
  roleList: [],
  roleList: [] as any[],
  qiyeList:[],
  shenheList:[]
  shenheList:[] as any[]
});

// 页面加载时
@@ -172,16 +171,16 @@
              <el-input v-model="state.tableQueryParams.registeredCapital" clearable placeholder="请输入注册资金"/>
            </el-form-item>
          </el-col> -->
          <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
          <!-- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
            <el-form-item label="法定代表人姓名">
              <el-input v-model="state.tableQueryParams.legalRepresentativePhone" clearable placeholder="请输入法定代表人姓名"/>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
          </el-col> -->
          <!-- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
            <el-form-item label="企业住所">
              <el-input v-model="state.tableQueryParams.residence" clearable placeholder="请输入企业住所"/>
            </el-form-item>
          </el-col>
          </el-col> -->
          <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
            <el-form-item label="企业联系电话">
              <el-input v-model="state.tableQueryParams.enterprisePhone" clearable placeholder="请输入企业联系电话"/>
@@ -192,19 +191,19 @@
              <el-date-picker type="daterange" v-model="state.tableQueryParams.establishmentTimeRange"  value-format="YYYY-MM-DD HH:mm:ss" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]" />
            </el-form-item>
          </el-col> -->
          <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
          <!-- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
            <el-form-item label="企业主营业务">
              <el-input v-model="state.tableQueryParams.mainBusiness" clearable placeholder="请输入企业主营业务"/>
            </el-form-item>
          </el-col>
          </el-col> -->
          <!-- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
            <el-form-item label="企业邮箱">
              <el-input v-model="state.tableQueryParams.enterpriseEmail" clearable placeholder="请输入企业邮箱"/>
            </el-form-item>
          </el-col> -->
          <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
            <el-form-item label="业务经办人姓名">
              <el-input v-model="state.tableQueryParams.operatorName" clearable placeholder="请输入业务经办人姓名"/>
            <el-form-item label="业务经办人">
              <el-input v-model="state.tableQueryParams.operatorName" clearable placeholder="请输入业务经办人"/>
            </el-form-item>
          </el-col>
          <!-- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
@@ -272,7 +271,7 @@
            </template>
        </el-table-column>
        <!-- <el-table-column prop='mainBusiness' label='企业主营业务' show-overflow-tooltip /> -->
        <el-table-column prop='enterpriseEmail' label='企业邮箱' show-overflow-tooltip width="150"/>
        <!-- <el-table-column prop='enterpriseEmail' label='企业邮箱' show-overflow-tooltip width="150"/>
        <el-table-column prop='legalRepresentativeName' label='法定代表人姓名' show-overflow-tooltip  width="110"/>
        <el-table-column prop='legalRepresentativeIdCard' label='法定代表人身份证' show-overflow-tooltip width="120">
          <template v-slot="scope">
@@ -283,12 +282,13 @@
                                preview-teleported
                                fit="cover"
                        />
          </template></el-table-column>
          </template>
        </el-table-column> -->
        <!-- <el-table-column prop='legalRepresentativeIdNumber' label='法定代表人身份证号码' show-overflow-tooltip width="120"/> -->
        <el-table-column prop='legalRepresentativePhone' label='法定代表人联系电话' show-overflow-tooltip width="130"/>
        <!-- <el-table-column prop='residence' label='企业住所' show-overflow-tooltip /> -->
        <el-table-column prop='operatorName' label='业务经办人姓名' show-overflow-tooltip width="110"/>
        <el-table-column prop='operatorIdCard' label='业务经办人身份证' show-overflow-tooltip width="120">
        <el-table-column prop='operatorName' label='业务经办人' show-overflow-tooltip width="110"/>
        <!-- <el-table-column prop='operatorIdCard' label='业务经办人身份证' show-overflow-tooltip width="120">
          <template v-slot="scope">
             <el-image
                                :src="scope.row.operatorIdCard"
@@ -298,12 +298,12 @@
                                fit="cover"
                        />
          </template>
        </el-table-column>
        </el-table-column> -->
        <!-- <el-table-column prop='operatorIdNumber' label='业务经办人身份证号码' show-overflow-tooltip width="120"/> -->
        <el-table-column prop='operatorPhone' label='业务经办人电话' show-overflow-tooltip width="120"/>
        <!-- <el-table-column prop='bankName' label='开户行名称' show-overflow-tooltip /> -->
        <!-- <el-table-column prop='bankAccount' label='开户行账号' show-overflow-tooltip width="120"/> -->
        <el-table-column prop='steps' label='审核步骤' show-overflow-tooltip>
        <el-table-column prop='steps' label='审核步骤' show-overflow-tooltip fixed="right">
          <template v-slot="scope">
            <span v-for="(item, index) in state.shenheList" :key="index">
              <el-tag v-if="item.value == scope.row.steps">{{ item.description }}</el-tag>