'ts报红

zhangwei

3 天以前 4176d3b696a2bcf44829b5b646f5b678b8877c23

 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"
                     placeholder="请选择交易主体"
                     clearable
                     disabled
                     placeholder="请选择"
                  >
                     <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>