1、芹菜切段，胡萝卜切丝，芹菜段和胡萝卜丝焯水至断生后盛出待用。
图书列表 新增图书 详情 编辑 删除 取消 确定提交 关闭 import { ref, onMounted } from 'vue'import axios from 'axios'import { ElMessage, ElMessageBox } from 'element-plus'const totalNum = ref(0)const tableData = ref([])const query = ref({ page: 1, page_size: 5})// 新增编辑弹窗控制const dialogVisible = ref(false)// 区分新增/编辑模式 add新增 edit编辑const operateMode = ref('add')// 编辑行idconst editBookId = ref(null)// 新增编辑表单const form = ref({ name: '', price: 0, numbers: 0, category_id: ''})// 详情弹窗控制const detailDialogVisible = ref(false)// 详情只读表单const detailForm = ref({ name: '', price: 0, numbers: 0, category_id: '', category: ''})// 加载图书列表 1.在挂载时加载// const loadBook = () => {// axios.get(`/api/book/?page=${query.value.page}&page_size=${query.value.page_size}`)// .then(res => {// console.log('后端返回', res.data)// tableData.value = res.data.data// totalNum.value = res.data.count_total// })// .catch(err => console.error(err))// }// 加载图书列表 2.在事件中加载const loadBook = () => { axios.get('/api/book/', {params: query.value}) .then(res => { console.log(res.data) tableData.value = res.data.data totalNum.value = res.data.count_total }) .catch(err => console.error(err))}// 每页条数切换const handleSizeChange = (newSize) => { query.value.page_size = newSize query.value.page = 1 loadBook()}// 页码切换const handleCurrentChange = (newPage) => { query.value.page = newPage loadBook()}// 详情：调用接口打开弹窗，全部.then写法const handleDetail = (row) => { console.log('详情信息', row) axios.get(`/api/book/${row.id}`) .then(res => { console.log('详情完整数据', res.data) // 回填详情表单 detailForm.value = res.data.data // 打开详情弹窗 detailDialogVisible.value = true }) .catch(err => { console.error('详情查询失败', err) ElMessage.error('详情加载失败') })}// 编辑const handleEdit = (row) => { console.log('编辑当前行', row) // 打开弹窗回填数据 operateMode.value = 'edit' editBookId.value = row.id form.value = { name: row.name, price: row.price, numbers: row.numbers, category_id: row.category_id } dialogVisible.value = true}// 打开新增弹窗const openAdd = () => { operateMode.value = 'add' editBookId.value = null // 清空表单 form.value = { name: '', price: 0, numbers: 0, category_id: '' } dialogVisible.value = true}// 提交新增/编辑表单 const submitForm = () => { if (operateMode.value === 'add') { // 新增 axios.post('/api/book/', form.value) .then(() => { ElMessage.success('新增成功') dialogVisible.value = false loadBook() }) .catch(err => { ElMessage.error('新增失败') console.error(err) }) } else { // 编辑 axios.put(`/api/book/${editBookId.value}`, form.value) .then(() => { ElMessage.success('修改成功') dialogVisible.value = false loadBook() }) .catch(err => { ElMessage.error('修改失败') console.error(err) }) }}// 删除按钮事件 全部then写法const handleDelete = (row) => { ElMessageBox.confirm('确认删除当前图书？删除不可恢复', '删除提示', { type: 'warning' }) .then(() => { return axios.delete(`/api/book/${row.id}`) }) .then(() => { ElMessage.success('删除完成') loadBook() }) .catch(() => { ElMessage.info('已取消删除') })}onMounted(loadBook)
关于全体伙伴接下来的行动准则，请把握以下三点： （一）面对亲友、熟人问询：统一传递公司态度——诚恳接受处罚，主动全面整改，严格落实监管各项要求，不推诿、不辩解； （二）面对合作商家、消费者：保持专业稳定产品，一如既往保障双方权益，用落地的整改行动和真诚服务替代口头解释； （三）面对网络舆论、外界批评质疑：无需焦虑争辩，我们落地的公平合作机制、产业扶持政策、长效合规体系，是回应所有声音最有力的答案。
2024 年，Cursor、GitHub Copilot、Codeium 等工具已经让"AI 辅助编码"成为主流。
includes('input') || nameLower.includes('field')) return 'input'; if (nameLower.
GetStatus(short token) => _core.GetStatus(token); void IValueTaskSource.