feat: 新增 indent供应商管理 模块.

src/api/supplier.js

@@ -0,0 +1,44 @@
+import request from '@/utils/axios2'
+
+export const getSupplierList = (data) =>
+  request({
+    method: 'post',
+    url: `/Indent_supplier/lists`,
+    data,
+  })
+
+export const deleteSupplier = (data) =>
+  request({
+    method: 'post',
+    url: `/Indent_supplier/delete`,
+    data,
+  })
+
+export const createSupplier = (data) =>
+  request({
+    method: 'post',
+    url: `/Indent_supplier/create`,
+    data,
+  })
+
+export const updateSupplier = (data) =>
+  request({
+    method: 'post',
+    url: `/Indent_supplier/update`,
+    data,
+  })
+
+// 审核记录
+export const getExamineRecord = (data) =>
+  request({
+    method: 'post',
+    url: `/Indent_supplier/prorecord`,
+    data,
+  })
+
+export const saveExamine = (data) =>
+  request({
+    method: 'post',
+    url: `/Indent_supplier/prorecordSave`,
+    data,
+  })

src/i18n/zh-cn/order/index.js

@@ -4,10 +4,12 @@ import indentEdit from './indent/edit'
 import indentEditInfo from './indent/edit-info'
 import indentCalc from './indent/calc'
 import product from './product'
+import supplier from './supplier'
 
 export default {
   indent,
   product,
+  supplier,
   category,
   indent_edit_info: indentEditInfo,
   indent_edit: indentEdit,

src/i18n/zh-cn/order/supplier.js

@@ -0,0 +1,33 @@
+export default {
+  dialog_title_record: '审核记录',
+  dialog_title_edit: '编辑供应商',
+  dialog_title_add: '创建供应商',
+  dialog_title_audit: '审核供应商',
+
+  label_Vendor_Name: '供应商名称',
+  label_Phone: 'Phone',
+  label_Business_Name: 'Business Name',
+  label_Fax: 'Fax',
+  label_Website: 'Website',
+  label_Email: 'Email',
+  label_Payment_Terms: '付款条件',
+  label_Currency: 'Currency',
+  label_Bank_Branch_Name: '开户行(私账)',
+  label_Bank_Account_Holder: '持卡人(私账)',
+  label_Bank_Account: '银行账户(私账)',
+  label_Swift_Code_IBAN: '银行国际代码(私账)',
+  label_Additional_Info: '备注(私账)',
+  label_Bank_Branch_Name2: '开户行(公账)',
+  label_Bank_Account_Holder2: '持卡人(公账)',
+  label_Bank_Account2: '银行账户(公账)',
+  label_Swift_Code_IBAN2: '银行国际代码(公账)',
+  label_Additional_Info2: '备注(公账)',
+
+  label_status: '审核状态',
+
+  label_audit_detail: '审核详情',
+  label_feedback: '反馈详情',
+  label_audit_time: '审核时间',
+  label_audit_operator: '审核人员',
+  label_audit_result: '审核结果',
+}

src/pages/indent-manage/supplier/components/edit.vue

@@ -0,0 +1,391 @@
+<template>
+  <div class="component-edit-indent-product">
+    <el-dialog
+      v-model="show"
+      class="custom-edit-indent-product-dialog"
+      :title="dialogTitle"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :before-close="close"
+      width="920px"
+    >
+      <el-form
+        ref="formRef"
+        style="width: 860px"
+        :rules="rules"
+        :model="form"
+        label-width="155px"
+      >
+        <div class="flex justify-between flex-wrap">
+          <el-form-item
+            :label="$t(prefix + 'label_Vendor_Name')"
+            prop="Vendor_Name"
+          >
+            <el-input
+              v-model="form.Vendor_Name"
+              :disabled="visible === 3"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            :label="$t(prefix + 'label_Phone')"
+            prop="Phone"
+          >
+            <el-input v-model="form.Phone"></el-input>
+          </el-form-item>
+          <el-form-item
+            :label="$t(prefix + 'label_Business_Name')"
+            prop="Business_Name"
+          >
+            <el-input v-model="form.Business_Name"></el-input>
+          </el-form-item>
+          <el-form-item
+            :label="$t(prefix + 'label_Fax')"
+            prop="Fax"
+          >
+            <el-input v-model="form.Fax"></el-input>
+          </el-form-item>
+          <el-form-item
+            :label="$t(prefix + 'label_Website')"
+            prop="Website"
+          >
+            <el-input v-model="form.Website"></el-input>
+          </el-form-item>
+          <el-form-item
+            :label="$t(prefix + 'label_Email')"
+            prop="Email"
+          >
+            <el-input v-model="form.Email"></el-input>
+          </el-form-item>
+          <el-form-item
+            :label="$t(prefix + 'label_Payment_Terms')"
+            prop="Payment_Terms"
+          >
+            <el-select v-model="form.Payment_Terms">
+              <el-option
+                v-for="item in categoryData"
+                :key="item"
+                :label="item"
+                :value="item"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            :label="$t(prefix + 'label_Currency')"
+            prop="Currency"
+          >
+            <el-select v-model="form.Currency">
+              <el-option
+                v-for="item in currencyData"
+                :key="item"
+                :label="item"
+                :value="item"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+
+          <el-form-item
+            :label="$t(prefix + 'label_Bank_Branch_Name')"
+            prop="Bank_Branch_Name"
+          >
+            <el-input v-model="form.Bank_Branch_Name"></el-input>
+          </el-form-item>
+          <el-form-item
+            :label="$t(prefix + 'label_Bank_Branch_Name2')"
+            prop="Bank_Branch_Name2"
+          >
+            <el-input v-model="form.Bank_Branch_Name2"></el-input>
+          </el-form-item>
+
+          <el-form-item
+            :label="$t(prefix + 'label_Bank_Account')"
+            prop="Bank_Branch_Name"
+          >
+            <el-input v-model="form.Bank_Account"></el-input>
+          </el-form-item>
+          <el-form-item
+            :label="$t(prefix + 'label_Bank_Account2')"
+            prop="Bank_Branch_Name2"
+          >
+            <el-input v-model="form.Bank_Account2"></el-input>
+          </el-form-item>
+
+          <el-form-item
+            :label="$t(prefix + 'label_Swift_Code_IBAN')"
+            prop="Bank_Branch_Name"
+          >
+            <el-input v-model="form.Swift_Code_IBAN"></el-input>
+          </el-form-item>
+          <el-form-item
+            :label="$t(prefix + 'label_Swift_Code_IBAN2')"
+            prop="Swift_Code_IBAN2"
+          >
+            <el-input v-model="form.Swift_Code_IBAN2"></el-input>
+          </el-form-item>
+
+          <el-form-item
+            :label="$t(prefix + 'label_Additional_Info')"
+            prop="Bank_Branch_Name"
+          >
+            <el-input
+              v-model="form.Additional_Info"
+              type="textarea"
+              :rows="3"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            :label="$t(prefix + 'label_Additional_Info2')"
+            prop="Bank_Branch_Name2"
+          >
+            <el-input
+              v-model="form.Additional_Info2"
+              type="textarea"
+              :rows="3"
+            ></el-input>
+          </el-form-item>
+
+          <el-form-item
+            v-if="visible === 3"
+            :label="$t(prefix + 'label_feedback')"
+            prop="feedback"
+          >
+            <el-input
+              v-model="form.feedback"
+              type="textarea"
+              :rows="3"
+            ></el-input>
+            <div class="text-red-500 text-base leading-5">
+              审核填一下反馈详情直接提交就行, 不用管标红的必填项
+            </div>
+          </el-form-item>
+        </div>
+      </el-form>
+      <template #footer>
+        <div
+          v-show="visible !== 3"
+          class="flex justify-center items-center"
+        >
+          <el-button
+            type="primary"
+            @click="checkForm"
+          >
+            {{ $t('btn_save') }}
+          </el-button>
+          <el-button @click="close">
+            {{ $t('btn_close') }}
+          </el-button>
+        </div>
+        <div
+          v-show="visible === 3"
+          class="flex justify-center items-center"
+        >
+          <el-button
+            type="danger"
+            @click="audit(2)"
+          >
+            驳回
+          </el-button>
+          <el-button
+            type="primary"
+            @click="audit(1)"
+          >
+            审核通过
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { defineComponent, ref, watch, computed } from 'vue'
+import {
+  ElDialog,
+  ElButton,
+  ElForm,
+  ElFormItem,
+  ElInput,
+  ElNotification,
+  ElSelect,
+  ElOption,
+} from 'element-plus'
+import type { FormInstance } from 'element-plus'
+import cloneDeep from 'lodash.clonedeep'
+import { $t } from '@/i18n/index'
+import { createSupplier, updateSupplier, saveExamine } from '@/api/supplier.js'
+
+defineComponent({
+  name: 'CompIndentEditProduct',
+})
+const {
+  visible = 0,
+  itemData = {},
+  categoryData = [],
+  currencyData = [],
+} = defineProps<{
+  visible: number
+  itemData: any
+  categoryData: any[]
+  currencyData: any[]
+}>()
+const $emit = defineEmits(['update:visible'])
+
+const dialogTitle = computed(() => {
+  if (visible === 1) return $t(prefix + 'dialog_title_add')
+  if (visible === 2) return $t(prefix + 'dialog_title_edit')
+  return $t(prefix + 'dialog_title_audit')
+})
+
+const show = ref(false)
+const prefix = 'order.supplier.'
+const form = ref({
+  status: 1,
+  Vendor_Name: '',
+  Phone: '',
+  Business_Name: '',
+  Fax: '',
+  Website: '',
+  Email: '',
+  Payment_Terms: '阿里巴巴平台付款',
+  Currency: 'CNY',
+
+  Bank_Branch_Name: '',
+  Bank_Account_Holder: '',
+  Bank_Account: '',
+  Swift_Code_IBAN: '',
+  Additional_Info: '',
+
+  Bank_Branch_Name2: '',
+  Bank_Account_Holder2: '',
+  Bank_Account2: '',
+  Swift_Code_IBAN2: '',
+  Additional_Info2: '',
+  feedback: '',
+} as any)
+const rules = {
+  Vendor_Name: [
+    {
+      required: true,
+      message: $t('text_please_input'),
+      trigger: 'change',
+    },
+  ],
+}
+
+watch(
+  () => visible,
+  (value) => {
+    show.value = value > 0
+    if (value > 0) {
+      resetData()
+    }
+    if (value === 1) {
+      // 创建 的状态是 通过 的.
+      form.value.status = 1
+    } else if (value === 2) {
+      form.value = cloneDeep(itemData)
+
+      delete form.value.admin_name
+      delete form.value.admin_id
+      delete form.value.create_time
+      delete form.value.update_time
+    }
+  },
+)
+
+const formRef = ref<FormInstance>()
+const checkForm = () => {
+  if (!formRef.value) return
+
+  formRef.value.validate((valid: boolean) => {
+    if (valid) {
+      const p = cloneDeep(form.value)
+
+      if (visible === 1) {
+        delete p.feedback
+        create(p)
+      } else if (visible === 2) {
+        delete p.feedback
+        edit(p)
+      }
+    }
+  })
+}
+const create = (p: any) => {
+  createSupplier(p).then((res: any) => {
+    if (res.code === 1) {
+      ElNotification({
+        title: '创建成功',
+        message: '正在刷新数据',
+        duration: 3000,
+      })
+      resetData()
+      close()
+    }
+  })
+}
+const edit = (p: any) => {
+  updateSupplier(p).then((res: any) => {
+    if (res.code === 1) {
+      ElNotification({
+        title: '编辑成功',
+        message: '正在刷新数据',
+        duration: 3000,
+      })
+      resetData()
+      close()
+    }
+  })
+}
+const resetData = () => {
+  form.value = {
+    status: 1,
+    Vendor_Name: '',
+    Phone: '',
+    Business_Name: '',
+    Fax: '',
+    Website: '',
+    Email: '',
+    Payment_Terms: '阿里巴巴平台付款',
+    Currency: 'CNY',
+
+    Bank_Branch_Name: '',
+    Bank_Account_Holder: '',
+    Bank_Account: '',
+    Swift_Code_IBAN: '',
+    Additional_Info: '',
+
+    Bank_Branch_Name2: '',
+    Bank_Account_Holder2: '',
+    Bank_Account2: '',
+    Swift_Code_IBAN2: '',
+    Additional_Info2: '',
+  }
+}
+
+let close = (done = {} as any) => {
+  $emit('update:visible', 0)
+  if (typeof done === 'function') done()
+}
+const audit = (status: number = 2) => {
+  const d = {
+    status,
+    id: itemData.id,
+    feedback: form.value.feedback || '',
+  }
+  console.log(d, 'd')
+  saveExamine(d).then(() => {
+    ElNotification({
+      title: '操作成功',
+      message: '正在刷新数据',
+      duration: 3000,
+    })
+    close()
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+.el-form-item {
+  width: 48%;
+}
+</style>

src/pages/indent-manage/supplier/components/record.vue

@@ -0,0 +1,94 @@
+<template>
+  <div class="">
+    <el-dialog
+      v-model="show"
+      :title="$t(prefix + 'dialog_title_record')"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :before-close="close"
+      width="550px"
+    >
+      <el-table
+        v-loading="loading"
+        :data="record"
+      >
+        <el-table-column
+          width="180"
+          :label="$t(prefix + 'label_audit_time')"
+          prop="create_time"
+        ></el-table-column>
+        <el-table-column
+          :label="$t(prefix + 'label_audit_operator')"
+          prop="admin_name"
+        ></el-table-column>
+        <el-table-column :label="$t(prefix + 'label_audit_result')">
+          <template #default="scope">
+            <div>{{ getStatusLabel(scope.row.status) }}</div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          :label="$t(prefix + 'label_feedback')"
+          prop="feedback"
+        ></el-table-column>
+      </el-table>
+    </el-dialog>
+  </div>
+</template>
+<script lang="ts" setup>
+import { defineComponent, ref, watch } from 'vue'
+import { ElDialog, ElTable, ElTableColumn } from 'element-plus'
+import { getExamineRecord } from '@/api/supplier'
+import { $t } from '@/i18n/index'
+defineComponent({
+  name: 'DialogExamineRecord',
+})
+
+const {
+  visible = false,
+  id = '',
+  statusList = [],
+} = defineProps<{
+  visible: boolean
+  id: number | string
+  statusList: any[]
+}>()
+const $emit = defineEmits(['update:visible'])
+
+let show = ref(false)
+let loading = ref(false)
+let record = ref([] as any[])
+const prefix = 'order.product.'
+
+watch(
+  () => visible,
+  () => {
+    show.value = visible
+    if (show.value) getRecord()
+  },
+)
+
+const getStatusLabel = (value: any) => {
+  const temp: any[] = statusList.filter((i: any) => i.value === value)
+  return temp.length ? temp[0].label : '-'
+}
+const getRecord = () => {
+  loading.value = true
+  getExamineRecord({ supplier_id: id })
+    .then((res: any) => {
+      if (res.code !== 1) {
+        return
+      }
+      if (Array.isArray(res.result)) {
+        record.value = res.result
+      }
+    })
+    .finally(() => {
+      loading.value = false
+    })
+}
+
+let close = (done = {} as any) => {
+  $emit('update:visible', false)
+  if (typeof done === 'function') done()
+}
+</script>

src/pages/indent-manage/supplier/index.vue

@@ -0,0 +1,12 @@
+<template>
+  <div>
+    <router-view />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { defineComponent } from 'vue'
+defineComponent({
+  name: 'SupplierIndex',
+})
+</script>

src/pages/indent-manage/supplier/list.vue

@@ -0,0 +1,409 @@
+<template>
+  <div class="page-indent-list py-4 px-2 shadow max-w-[1800px] mx-auto">
+    <el-form
+      ref="searchForm"
+      :inline="true"
+      :model="form"
+      label-width="110px"
+    >
+      <div class="flex flex-wrap items-center search-form">
+        <el-form-item :label="$t(prefix + 'label_Vendor_Name') + ':'">
+          <el-input v-model="form.Vendor_Name"></el-input>
+        </el-form-item>
+
+        <el-form-item :label="$t(prefix + 'label_Payment_Terms') + ':'">
+          <el-select
+            v-model="form.Payment_Terms"
+            clearable
+          >
+            <el-option
+              v-for="item in categoryList"
+              :key="item"
+              :label="item"
+              :value="item"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item :label="$t(prefix + 'label_status') + ':'">
+          <el-select
+            v-model="form.status"
+            clearable
+          >
+            <el-option
+              v-for="item in statusList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item>
+          <div class="flex items-center btn-group">
+            <el-button
+              size="small"
+              type="primary"
+              @click="search"
+            >
+              {{ $t('btn_query') }}
+            </el-button>
+            <el-button
+              size="small"
+              type="default"
+              @click="reset"
+            >
+              {{ $t('btn_reset') }}
+            </el-button>
+          </div>
+        </el-form-item>
+      </div>
+    </el-form>
+
+    <div class="mb-2">
+      <el-button
+        size="small"
+        type="primary"
+        @click="componentEditVisible = 1"
+      >
+        {{ $t('btn_add') }}
+      </el-button>
+    </div>
+
+    <el-table
+      ref="tableIndent"
+      :header-cell-style="{ backgroundColor: '#F2F6FC' }"
+      :row-style="{ backgroundColor: '#F2F6FC' }"
+      :data="list"
+      default-expand-all
+      border
+    >
+      <el-table-column type="index"></el-table-column>
+      <el-table-column
+        v-for="value in mainTableConfig"
+        :key="value.field"
+        :align="value.align || 'center'"
+        :width="value.width || ''"
+        :prop="value.field"
+        :label="$t(value.label)"
+      >
+        <template #default="scope">
+          <div v-if="value.type === 'imageList'">
+            <img
+              v-if="scope.row[value.field].length"
+              style="width: 100%"
+              :src="scope.row[value.field][0]"
+              @click="imgClick(scope.row[value.field][0])"
+            />
+          </div>
+          <div v-else-if="value.field === 'status'">
+            <div>
+              {{ getStatusLabel(scope.row[value.field]) }}
+            </div>
+            <el-button
+              size="small"
+              type="primary"
+              link
+              @click="openRecord(scope.row)"
+            >
+              {{ $t(prefix + 'label_audit_detail') }}
+            </el-button>
+          </div>
+          <div
+            v-else
+            class="table-cell-content"
+            :style="value.style || {}"
+          >
+            {{ scope.row[value.field] }}
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="status"
+        width="220"
+        :label="$t('table_operation')"
+      >
+        <template #default="scope">
+          <el-button
+            size="small"
+            type="primary"
+            :disabled="scope.row.status === 0"
+            @click="edit(scope.row)"
+          >
+            {{ $t('btn_edit') }}
+          </el-button>
+          <el-button
+            size="small"
+            type="warning"
+            :disabled="scope.row.status !== 0"
+            @click="examine(scope.row)"
+          >
+            {{ $t('btn_audit') }}
+          </el-button>
+          <el-button
+            :disabled="scope.row.status !== 2"
+            size="small"
+            type="danger"
+            @click="deleteSupplierFunc(scope.row)"
+          >
+            {{ $t('btn_delete') }}
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="flex justify-end my-4">
+      <el-pagination
+        v-show="total > 0"
+        v-model:current-page="pageForm.page"
+        v-model:page-size="pageForm.limit"
+        v-model:total="total"
+        layout="prev, pager, next, jumper, sizes"
+        @current-change="getList"
+        @size-change="getList"
+      />
+    </div>
+    <comp-edit
+      v-model:visible="componentEditVisible"
+      :item-data="dataForEdit"
+      :category-data="categoryList"
+      :currency-data="currencyList"
+      @update:visible="getList"
+    ></comp-edit>
+    <comp-record
+      :id="recordId"
+      v-model:visible="componentRecordVisible"
+      :status-list="statusList"
+    ></comp-record>
+    <el-dialog
+      v-model="bigImageVisible"
+      style="margin: 5vh auto"
+      width="800"
+    >
+      <div class="flex justify-center">
+        <img
+          :src="currentBigImage"
+          style="max-width: 100%; height: auto"
+          alt=""
+        />
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { defineComponent, ref, watch } from 'vue'
+import {
+  ElButton,
+  ElForm,
+  ElFormItem,
+  ElInput,
+  ElTable,
+  ElTableColumn,
+  ElSelect,
+  ElOption,
+  ElMessageBox,
+  ElNotification,
+  ElPagination,
+  ElDialog,
+} from 'element-plus'
+import compEdit from './components/edit.vue'
+import compRecord from './components/record.vue'
+import { $t } from '@/i18n/index'
+import { getSupplierList, deleteSupplier } from '@/api/supplier.js'
+
+defineComponent({
+  name: 'ComponentIndentSupplierList',
+})
+const prefix = 'order.supplier.'
+let componentEditVisible = ref(0) // 1 新增, 2编辑. 0关闭
+let componentRecordVisible = ref(false) // 审核记录
+let dataForEdit = ref({}) // 修改时用, 只是用作传递给子组件数据的变量
+let recordId = ref('')
+let loading = ref(false)
+let categoryList = ref([
+  '阿里巴巴平台付款',
+  '70%定金',
+  '50%定金',
+  '40%定金',
+  '30%定金',
+  '全款',
+  '月结',
+  '半月结（两周结）',
+])
+const currencyList = ref([
+  'AUD',
+  'NZD',
+  'CHY',
+  'GBP',
+  'EUR',
+  'USD',
+  'HKD',
+  'CAD',
+  'JPY',
+  'SGD',
+])
+let form = ref({
+  Vendor_Name: '',
+  Payment_Terms: '',
+  status: '',
+} as any)
+let total = ref(0)
+let pageForm = ref({
+  page: 1,
+  limit: 20,
+})
+let list = ref([])
+const mainTableConfig: any[] = [
+  {
+    label: 'order.supplier.label_Vendor_Name',
+    field: 'Vendor_Name',
+  },
+  {
+    label: 'order.supplier.label_Phone',
+    field: 'Phone',
+    width: '120',
+  },
+  {
+    label: 'order.supplier.label_Payment_Terms',
+    field: 'Payment_Terms',
+    width: '110',
+  },
+  {
+    label: '数据来源',
+    field: 'fromwhere',
+    width: '110',
+  },
+  {
+    label: 'order.supplier.label_status',
+    field: 'status',
+    width: '110',
+    style: 'font-weight: bold;',
+  },
+  {
+    label: 'table_operator',
+    field: 'admin_name',
+    width: '90',
+  },
+  {
+    label: 'table_operated_time',
+    field: 'update_time',
+    width: '180',
+  },
+]
+const statusList = [
+  {
+    value: 0,
+    label: '待审核',
+  },
+  {
+    value: 1,
+    label: '审核通过',
+  },
+  {
+    value: 2,
+    label: '审核不通过',
+  },
+]
+
+const search = () => {
+  pageForm.value = {
+    page: 1,
+    limit: 20,
+  }
+  getList()
+}
+
+const getStatusLabel = (value: number) => {
+  const temp = statusList.filter((i: any) => i.value === value)
+  return temp.length ? temp[0].label : '-'
+}
+const reset = () => {
+  form.value = {
+    Vendor_Name: '',
+    Payment_Terms: '',
+    status: '',
+  }
+  pageForm.value = {
+    page: 1,
+    limit: 20,
+  }
+  total.value = 0
+  getList()
+}
+
+const edit = (row: any) => {
+  dataForEdit.value = row
+  componentEditVisible.value = 2
+}
+const deleteSupplierFunc = (row: any) => {
+  ElMessageBox.confirm('将删除该供应商, 是否继续?', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  }).then(() => {
+    deleteSupplier({ id: row.id }).then((res: any) => {
+      if (res.code === 1) {
+        getList()
+        ElNotification({
+          title: '删除成功',
+          message: '正在刷新数据',
+          duration: 3000,
+        })
+      }
+    })
+  })
+}
+const examine = (row: any) => {
+  dataForEdit.value = row
+  componentEditVisible.value = 3
+}
+const openRecord = (row: any) => {
+  recordId.value = row.id
+  componentRecordVisible.value = true
+}
+
+const getList = () => {
+  const p: any = Object.assign({}, pageForm.value, form.value)
+  loading.value = true
+
+  getSupplierList(p)
+    .then((res: any) => {
+      list.value =
+        res.result?.data?.map((main: any) => {
+          let status = Number(main.status)
+          if (typeof status !== 'number') status = 0
+          return {
+            ...main,
+            status,
+          }
+        }) || []
+
+      total.value = res.result.total
+    })
+    .finally(() => {
+      loading.value = false
+    })
+}
+
+getList()
+
+const currentBigImage = ref('')
+const bigImageVisible = ref(false)
+const imgClick = (url: string) => {
+  currentBigImage.value = url
+  bigImageVisible.value = true
+}
+watch(bigImageVisible, () => {
+  if (!bigImageVisible.value) currentBigImage.value = ''
+})
+</script>
+
+<style lang="scss" scoped>
+.search-form {
+  .el-input,
+  .el-select,
+  .el-date-editor {
+    width: 220px;
+  }
+}
+</style>

src/route.ts

@@ -85,6 +85,19 @@ const router = createRouter({
             },
           ],
         },
+        {
+          path: 'supplier',
+          name: 'indent-supplier',
+          component: () => import('@/pages/indent-manage/supplier/index.vue'),
+          children: [
+            {
+              path: 'list',
+              name: 'indent-supplier-list',
+              component: () =>
+                import('@/pages/indent-manage/supplier/list.vue'),
+            },
+          ],
+        },
         {
           path: 'user',
           name: 'indent-user',