|
@@ -0,0 +1,426 @@
|
|
|
+<script setup lang="ts">
|
|
|
+import { ref, getCurrentInstance, reactive } from "vue";
|
|
|
+import { useRouter } from "vue-router";
|
|
|
+import request, { download } from '~/utils/request';
|
|
|
+import { pick } from 'lodash-es';
|
|
|
+import { ElMessage } from 'element-plus'
|
|
|
+import type { FormInstance, FormRules } from 'element-plus'
|
|
|
+import type { AxiosRequestConfig } from 'axios'
|
|
|
+
|
|
|
+// #region (constant)
|
|
|
+const TABLE_KEY = 'xkn_id'
|
|
|
+const URL_CUT = '/xdjx/kbgl_njbjkb'
|
|
|
+const URL_CUT_REF = ref(URL_CUT)
|
|
|
+const URL_SUBMIT_KEY = URL_CUT.split('/').join('_').slice(1)
|
|
|
+const instance = getCurrentInstance()
|
|
|
+const router = useRouter()
|
|
|
+// #endregion
|
|
|
+
|
|
|
+// #region (variable)
|
|
|
+const loading_table = ref(true)
|
|
|
+let whichDialogSubmit: 'add' | 'edit'
|
|
|
+// #endregion
|
|
|
+
|
|
|
+// #region (type)
|
|
|
+type TYPE_TABLE_FIELD = {
|
|
|
+ [TABLE_KEY]: string;
|
|
|
+ 'xkn_kbmc': string; // 课表名称
|
|
|
+ 'team_id': string; // 学期编号
|
|
|
+ 'team_name': string; // 学期名称
|
|
|
+ 'grade_id': string; // 年级编号
|
|
|
+ 'grade_name': string; // 年级名称
|
|
|
+ 'class_id': string; // 班级编号
|
|
|
+ 'class_name': string; // 班级名称
|
|
|
+ 'xkn_scr': string; // 上传人
|
|
|
+ 'xkn_kbxq_json': string; // 课表详情JSON
|
|
|
+ 'xxk_kblx': string; // 课表类型
|
|
|
+ 'xkn_xls': string; // 课表文件
|
|
|
+ 'xkn_img': string; // 课表图片
|
|
|
+}
|
|
|
+// #endregion
|
|
|
+
|
|
|
+// #region (props)
|
|
|
+// #endregion
|
|
|
+
|
|
|
+// #region (query row)
|
|
|
+const queryForm_Data = ref<Partial<TYPE_TABLE_FIELD> & { keyword?: string }>({})
|
|
|
+
|
|
|
+const handleQueryFormBtn_search = () => {
|
|
|
+ queryApi()
|
|
|
+}
|
|
|
+const handleQueryFormBtn_clear = () => {
|
|
|
+ queryForm_Data.value = {}
|
|
|
+}
|
|
|
+// #endregion
|
|
|
+
|
|
|
+// #region (table selection)
|
|
|
+const multipleSelection = ref<TYPE_TABLE_FIELD[]>([])
|
|
|
+const handleSelectionChange = (val: TYPE_TABLE_FIELD[]) => {
|
|
|
+ multipleSelection.value = val
|
|
|
+}
|
|
|
+// #endregion
|
|
|
+
|
|
|
+// #region (table row)
|
|
|
+const handleTableRowBtn_import = async ({ file }: { file: File }) => {
|
|
|
+ const res = await API_MAP['import']({ file })
|
|
|
+ if (res.code === '1') {
|
|
|
+ queryApi()
|
|
|
+ ElMessage.success(res.msg)
|
|
|
+ }
|
|
|
+}
|
|
|
+const handleTableRowBtn_export = () => {
|
|
|
+ exportApi()
|
|
|
+}
|
|
|
+const handleTableRowBtn_add = () => {
|
|
|
+ whichDialogSubmit = 'add'
|
|
|
+ dialogForm_Data.value = {}
|
|
|
+ dialogVisible_addOrEdit.value = true
|
|
|
+}
|
|
|
+const handleTableRowBtn_delete = async () => {
|
|
|
+ await deleteApi(multipleSelection.value.map((item: TYPE_TABLE_FIELD) => item[TABLE_KEY]))
|
|
|
+ queryApi()
|
|
|
+}
|
|
|
+// #endregion
|
|
|
+
|
|
|
+// #region (table body)
|
|
|
+const tableData = ref<TYPE_TABLE_FIELD[]>([])
|
|
|
+const DetailName = '-KBGL-NBJKB-DETAIL'
|
|
|
+const DetailParam = 'aid'
|
|
|
+
|
|
|
+const handleTableColBtn_edit = async (scope: { row: TYPE_TABLE_FIELD }) => {
|
|
|
+ whichDialogSubmit = 'edit'
|
|
|
+ const res = await detailApi(scope.row[TABLE_KEY])
|
|
|
+ dialogForm_Data.value = (res.data.one_info)
|
|
|
+ dialogVisible_addOrEdit.value = true
|
|
|
+}
|
|
|
+const handleTableColBtn_audit = (scope: { row: TYPE_TABLE_FIELD }) => {
|
|
|
+ whichDialogSubmit = 'edit'
|
|
|
+ dialogForm_Data.value = pick(scope.row, [`${TABLE_KEY}`, ...Object.keys(dialogForm_Rules_audit)])
|
|
|
+ dialogVisible_audit.value = true
|
|
|
+}
|
|
|
+const handleTableColBtn_detail = (scope: { row: TYPE_TABLE_FIELD }) => {
|
|
|
+ router.push({ name: DetailName, params: { [DetailParam]: scope.row[TABLE_KEY] } })
|
|
|
+}
|
|
|
+const handleTableColBtn_delete = async (scope: { row: TYPE_TABLE_FIELD }) => {
|
|
|
+ await deleteApi(scope.row[TABLE_KEY])
|
|
|
+ queryApi()
|
|
|
+}
|
|
|
+// #endregion
|
|
|
+
|
|
|
+// #region (pagination)
|
|
|
+const total = ref(0)
|
|
|
+const limit = ref(10)
|
|
|
+
|
|
|
+const currentPage = ref(1)
|
|
|
+function handleCurrentChange() {
|
|
|
+ queryApi()
|
|
|
+}
|
|
|
+// #endregion
|
|
|
+
|
|
|
+// #region (dialog base)
|
|
|
+const dialogForm_Data = ref<Partial<TYPE_TABLE_FIELD> & { keyword?: string }>({})
|
|
|
+
|
|
|
+const handleDialogFormBtn_submit = async (formRefKey: string, extendData?: Partial<TYPE_TABLE_FIELD>) => {
|
|
|
+ const isValid = await (instance?.refs[formRefKey] as FormInstance).validate((valid: boolean) => valid)
|
|
|
+ if (isValid) {
|
|
|
+ await API_MAP[whichDialogSubmit](<TYPE_TABLE_FIELD>({ ...dialogForm_Data.value, ...extendData }))
|
|
|
+ handleDialogFormBtn_cancel()
|
|
|
+ queryApi()
|
|
|
+ }
|
|
|
+}
|
|
|
+const handleDialogFormBtn_cancel = (formRefKey?: string) => {
|
|
|
+ dialogVisible_addOrEdit.value = false
|
|
|
+ dialogVisible_audit.value = false
|
|
|
+}
|
|
|
+// #endregion
|
|
|
+
|
|
|
+// #region (dialog add/edit)
|
|
|
+const dialogVisible_addOrEdit = ref<boolean>(false)
|
|
|
+
|
|
|
+const dialogForm_Ref_addOrEdit = ref<FormInstance>()
|
|
|
+const dialogForm_Rules_addOrEdit = reactive({
|
|
|
+ 'xkn_kbmc': { required: true, message: '课表名称不能为空', trigger: 'submit' },
|
|
|
+ 'team_id': { required: true, message: '学期编号不能为空', trigger: 'submit' },
|
|
|
+ 'team_name': { required: true, message: '学期名称不能为空', trigger: 'submit' },
|
|
|
+ 'grade_id': { required: true, message: '年级编号不能为空', trigger: 'submit' },
|
|
|
+ 'grade_name': { required: true, message: '年级名称不能为空', trigger: 'submit' },
|
|
|
+ 'class_id': { required: true, message: '班级编号不能为空', trigger: 'submit' },
|
|
|
+ 'class_name': { required: true, message: '班级名称不能为空', trigger: 'submit' },
|
|
|
+ 'xkn_scr': { required: true, message: '上传人不能为空', trigger: 'submit' },
|
|
|
+ 'xkn_kbxq_json': { required: true, message: '课表详情JSON不能为空', trigger: 'submit' },
|
|
|
+ 'xxk_kblx': { required: true, message: '课表类型不能为空', trigger: 'submit' },
|
|
|
+ 'xkn_xls': { required: true, message: '课表文件不能为空', trigger: 'submit' },
|
|
|
+ 'xkn_img': { required: true, message: '课表图片不能为空', trigger: 'submit' },
|
|
|
+})
|
|
|
+// #endregion
|
|
|
+
|
|
|
+// #region (dialog audit)
|
|
|
+const dialogVisible_audit = ref<boolean>(false)
|
|
|
+
|
|
|
+const dialogForm_Field_audit = reactive<{
|
|
|
+ FLAG: keyof TYPE_TABLE_FIELD,
|
|
|
+ REASON?: keyof TYPE_TABLE_FIELD
|
|
|
+}>({
|
|
|
+ FLAG: 'xkn_id',
|
|
|
+ REASON: 'xkn_id'
|
|
|
+})
|
|
|
+
|
|
|
+const dialogForm_Ref_audit = ref<FormInstance>()
|
|
|
+const dialogForm_Rules_audit = reactive<FormRules>({
|
|
|
+ 'xkn_kbmc': { required: true, message: '课表名称不能为空', trigger: 'submit' },
|
|
|
+ 'team_id': { required: true, message: '学期编号不能为空', trigger: 'submit' },
|
|
|
+ 'team_name': { required: true, message: '学期名称不能为空', trigger: 'submit' },
|
|
|
+ 'grade_id': { required: true, message: '年级编号不能为空', trigger: 'submit' },
|
|
|
+ 'grade_name': { required: true, message: '年级名称不能为空', trigger: 'submit' },
|
|
|
+ 'class_id': { required: true, message: '班级编号不能为空', trigger: 'submit' },
|
|
|
+ 'class_name': { required: true, message: '班级名称不能为空', trigger: 'submit' },
|
|
|
+ 'xkn_scr': { required: true, message: '上传人不能为空', trigger: 'submit' },
|
|
|
+ 'xkn_kbxq_json': { required: true, message: '课表详情JSON不能为空', trigger: 'submit' },
|
|
|
+})
|
|
|
+
|
|
|
+// #endregion
|
|
|
+
|
|
|
+// #region (request api):
|
|
|
+function queryApi() {
|
|
|
+ loading_table.value = true
|
|
|
+ return request({
|
|
|
+ url: URL_CUT + '/index',
|
|
|
+ data: {
|
|
|
+ ...queryForm_Data.value,
|
|
|
+ limit: limit.value,
|
|
|
+ page: currentPage.value,
|
|
|
+ xxk_kblx: '2'
|
|
|
+ }
|
|
|
+ }).then((response: { data: { total_rows: string, page_data: TYPE_TABLE_FIELD[] } }) => {
|
|
|
+ const { data } = response
|
|
|
+ total.value = parseInt(data.total_rows)
|
|
|
+ tableData.value = data.page_data
|
|
|
+ return response
|
|
|
+ }).then(() => {
|
|
|
+ loading_table.value = false
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+function addApi(data: TYPE_TABLE_FIELD) {
|
|
|
+ return request({
|
|
|
+ url: URL_CUT + '/add',
|
|
|
+ data: {
|
|
|
+ [URL_SUBMIT_KEY]: data,
|
|
|
+ }
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+function editApi(data: Partial<TYPE_TABLE_FIELD>) {
|
|
|
+ return request({
|
|
|
+ url: URL_CUT + '/edit',
|
|
|
+ data: {
|
|
|
+ [TABLE_KEY]: data[TABLE_KEY],
|
|
|
+ [URL_SUBMIT_KEY]: pick(data, ['xkn_kbmc', 'team_id', 'team_name', 'grade_id', 'grade_name', 'class_id', 'class_name', 'xkn_scr', 'xkn_kbxq_json', 'xxk_kblx', 'xkn_xls', 'xkn_img',]),
|
|
|
+ }
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+function deleteApi(id: string | string[]) {
|
|
|
+ return request({
|
|
|
+ url: URL_CUT + '/delete',
|
|
|
+ data: {
|
|
|
+ [TABLE_KEY]: id,
|
|
|
+ }
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+function detailApi(id: string) {
|
|
|
+ return request({
|
|
|
+ url: URL_CUT + '/detail',
|
|
|
+ data: {
|
|
|
+ [TABLE_KEY]: id,
|
|
|
+ }
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+function importApi(data: { file: File }) {
|
|
|
+ return request({
|
|
|
+ $type: 'import',
|
|
|
+ url: URL_CUT + '/import',
|
|
|
+ data
|
|
|
+ } as AxiosRequestConfig)
|
|
|
+}
|
|
|
+
|
|
|
+function exportApi() {
|
|
|
+ return download(URL_CUT + '/index', queryForm_Data.value)
|
|
|
+}
|
|
|
+
|
|
|
+const API_MAP = {
|
|
|
+ query: queryApi,
|
|
|
+ add: addApi,
|
|
|
+ edit: editApi,
|
|
|
+ delete: deleteApi,
|
|
|
+ detail: detailApi,
|
|
|
+ import: importApi,
|
|
|
+ export: exportApi,
|
|
|
+}
|
|
|
+// #endregion
|
|
|
+
|
|
|
+// #region (page init)
|
|
|
+function init() {
|
|
|
+ queryApi()
|
|
|
+}
|
|
|
+init()
|
|
|
+// #endregion
|
|
|
+
|
|
|
+</script>
|
|
|
+
|
|
|
+<template>
|
|
|
+ <div class="card flex-grow flex flex-col">
|
|
|
+ <el-form inline :model="queryForm_Data">
|
|
|
+ <el-form-item label="关键字">
|
|
|
+ <el-input v-model="queryForm_Data.keyword" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ <!-- <el-form-item label="课表名称"><el-input v-model="queryForm_Data.xkn_kbmc" clearable /></el-form-item> -->
|
|
|
+ <!-- <el-form-item label="学期编号"><el-input v-model="queryForm_Data.team_id" clearable /></el-form-item> -->
|
|
|
+ <!-- <el-form-item label="学期名称"><el-input v-model="queryForm_Data.team_name" clearable /></el-form-item> -->
|
|
|
+ <!-- <el-form-item label="课表类型编号"><el-input v-model="queryForm_Data.xkk_id" clearable /></el-form-item> -->
|
|
|
+ <!-- <el-form-item label="课表类型名称"><el-input v-model="queryForm_Data.xkk_kblxmc" clearable /></el-form-item> -->
|
|
|
+ <!-- <el-form-item label="年级编号"><el-input v-model="queryForm_Data.grade_id" clearable /></el-form-item> -->
|
|
|
+ <!-- <el-form-item label="年级名称"><el-input v-model="queryForm_Data.grade_name" clearable /></el-form-item> -->
|
|
|
+ <!-- <el-form-item label="班级编号"><el-input v-model="queryForm_Data.class_id" clearable /></el-form-item> -->
|
|
|
+ <!-- <el-form-item label="班级名称"><el-input v-model="queryForm_Data.class_name" clearable /></el-form-item> -->
|
|
|
+ <!-- <el-form-item label="上传人"><el-input v-model="queryForm_Data.xkn_scr" clearable /></el-form-item> -->
|
|
|
+ <!-- <el-form-item label="课表详情JSON"><el-input v-model="queryForm_Data.xkn_kbxq_json" clearable /></el-form-item> -->
|
|
|
+ <el-form-item>
|
|
|
+ <el-button @click="handleQueryFormBtn_search" type="primary">搜索</el-button>
|
|
|
+ <el-button @click="handleQueryFormBtn_clear" type="warning">清空</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div class="divider"></div>
|
|
|
+ <div>
|
|
|
+ <import-button :url="URL_CUT_REF"></import-button>
|
|
|
+ <!-- <el-button @click="handleTableRowBtn_export" type="success">导出</el-button> -->
|
|
|
+ <el-button @click="handleTableRowBtn_add" type="primary">新增</el-button>
|
|
|
+ <!-- <el-button @click="handleTableRowBtn_delete" type="danger">删除</el-button> -->
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="divider"></div>
|
|
|
+ <div class="flex-auto">
|
|
|
+ <el-table :data="tableData" @selection-change="handleSelectionChange" v-loading="loading_table"
|
|
|
+ element-loading-background="#ffffff70">
|
|
|
+ <el-table-column type="selection"></el-table-column>
|
|
|
+ <el-table-column type="index" label="序号" width="60" :index="(i: number) => (currentPage - 1) * limit + i + 1" />
|
|
|
+ <el-table-column prop="xkn_kbmc" label="课表名称" width="auto" show-overflow-tooltip></el-table-column>
|
|
|
+ <!-- <el-table-column prop="team_id" label="学期编号" width="auto" show-overflow-tooltip></el-table-column> -->
|
|
|
+ <el-table-column prop="team_name" label="学期名称" width="auto" show-overflow-tooltip></el-table-column>
|
|
|
+ <!-- <el-table-column prop="xkk_id" label="课表类型编号" width="auto" show-overflow-tooltip></el-table-column> -->
|
|
|
+ <!-- <el-table-column prop="xkk_kblxmc" label="课表类型名称" width="auto" show-overflow-tooltip></el-table-column> -->
|
|
|
+ <!-- <el-table-column prop="grade_id" label="年级编号" width="auto" show-overflow-tooltip></el-table-column> -->
|
|
|
+ <el-table-column prop="grade_name" label="年级名称" width="auto" show-overflow-tooltip></el-table-column>
|
|
|
+ <!-- <el-table-column prop="class_id" label="班级编号" width="auto" show-overflow-tooltip></el-table-column> -->
|
|
|
+ <!-- <el-table-column prop="class_name" label="班级名称" width="auto" show-overflow-tooltip></el-table-column> -->
|
|
|
+ <el-table-column prop="xkn_scr" label="上传人" width="auto" show-overflow-tooltip></el-table-column>
|
|
|
+ <!-- <el-table-column prop="xkn_kbxq_json" label="课表详情JSON" width="auto" show-overflow-tooltip></el-table-column> -->
|
|
|
+ <el-table-column prop="xxk_kblx" label="课表类型" width="auto" show-overflow-tooltip></el-table-column>
|
|
|
+ <!-- <el-table-column prop="xkn_xls" label="课表文件" width="auto" show-overflow-tooltip></el-table-column>
|
|
|
+ <el-table-column prop="xkn_img" label="课表图片" width="auto" show-overflow-tooltip></el-table-column> -->
|
|
|
+ <el-table-column label="操作" fixed="right">
|
|
|
+ <template #default="scope">
|
|
|
+ <!-- <el-button link :auto-insert-space="false" @click="handleTableColBtn_edit(scope)" type="primary" >编辑</el-button> -->
|
|
|
+ <!-- <el-button link :auto-insert-space="false" @click="handleTableColBtn_audit(scope)" type="primary" >审核</el-button> -->
|
|
|
+ <el-button link :auto-insert-space="false" @click="handleTableColBtn_detail(scope)" type="primary">查看课表
|
|
|
+ </el-button>
|
|
|
+ <el-button link :auto-insert-space="false" @click="handleTableColBtn_delete(scope)" type="primary">删除
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="flex justify-end mt-10 py-4">
|
|
|
+ <el-pagination :page-size="limit" v-model:current-page="currentPage" @current-change="handleCurrentChange"
|
|
|
+ background layout="total, prev, pager, next" :total="total" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <el-dialog v-model="dialogVisible_addOrEdit" append-to-body destroy-on-close>
|
|
|
+ <el-form :model="dialogForm_Data" ref="dialogForm_Ref_addOrEdit" :rules="dialogForm_Rules_addOrEdit"
|
|
|
+ label-width="120px">
|
|
|
+ <el-form-item label="课表名称" prop="xkn_kbmc">
|
|
|
+ <el-input v-model="dialogForm_Data.xkn_kbmc" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ <!-- <el-form-item label="课表类型编号" prop="xkk_id">
|
|
|
+ <el-input v-model="dialogForm_Data.xkk_id" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="课表类型名称" prop="xkk_kblxmc">
|
|
|
+ <el-input v-model="dialogForm_Data.xkk_kblxmc" clearable />
|
|
|
+ </el-form-item> -->
|
|
|
+ <!-- <el-form-item label="学期编号" prop="team_id">
|
|
|
+ <el-input v-model="dialogForm_Data.team_id" clearable />
|
|
|
+ </el-form-item> -->
|
|
|
+ <el-form-item label="学期名称" prop="team_name">
|
|
|
+ <!-- <el-input v-model="dialogForm_Data.team_name" clearable /> -->
|
|
|
+ <remote-select to="team" v-model="dialogForm_Data.team_id" v-model:modelName="dialogForm_Data.team_name"
|
|
|
+ clearable />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <!-- <el-form-item label="年级编号" prop="grade_id">
|
|
|
+ <el-input v-model="dialogForm_Data.grade_id" clearable />
|
|
|
+ </el-form-item> -->
|
|
|
+ <el-form-item label="年级名称" prop="grade_name">
|
|
|
+ <!-- <el-input v-model="dialogForm_Data.grade_name" clearable /> -->
|
|
|
+ <remote-select to="grade" v-model="dialogForm_Data.grade_id" v-model:modelName="dialogForm_Data.grade_name"
|
|
|
+ clearable />
|
|
|
+ </el-form-item>
|
|
|
+ <!-- <el-form-item label="班级编号" prop="class_id">
|
|
|
+ <el-input v-model="dialogForm_Data.class_id" clearable />
|
|
|
+ </el-form-item> -->
|
|
|
+ <!-- <el-form-item label="班级名称" prop="class_name">
|
|
|
+ <remote-cascader-class focusing v-model="dialogForm_Data.class_id"
|
|
|
+ v-model:modelName="dialogForm_Data.class_name" v-model:teamId="dialogForm_Data.team_id"
|
|
|
+ v-model:teamName="dialogForm_Data.team_name" v-model:gradeId="dialogForm_Data.grade_id"
|
|
|
+ v-model:gradeName="dialogForm_Data.grade_name" clearable />
|
|
|
+ </el-form-item> -->
|
|
|
+ <el-form-item label="上传人" prop="xkn_scr">
|
|
|
+ <el-input v-model="dialogForm_Data.xkn_scr" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ <!-- <el-form-item label="课表详情JSON" prop="xkn_kbxq_json">
|
|
|
+ <el-input v-model="dialogForm_Data.xkn_kbxq_json" clearable />
|
|
|
+ </el-form-item> -->
|
|
|
+ <!-- <el-form-item label="课表类型" prop="xxk_kblx">
|
|
|
+ <el-select v-model="dialogForm_Data.xxk_kblx">
|
|
|
+ <el-option label="学校总课表" value="1" />
|
|
|
+ <el-option label="年级课表" value="2" />
|
|
|
+ <el-option label="班级课表" value="3" />
|
|
|
+ <el-option label="教师课表" value="4" />
|
|
|
+ <el-option label="学生课表" value="5" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item> -->
|
|
|
+ <el-form-item label="课表文件" prop="xkn_xls">
|
|
|
+ <file-upload v-model:part="dialogForm_Data.xkn_xls" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="课表图片" prop="xkn_img">
|
|
|
+ <file-upload v-model:part="dialogForm_Data.xkn_img" />
|
|
|
+ </el-form-item>
|
|
|
+ <div class="flex justify-center">
|
|
|
+ <el-button @click="handleDialogFormBtn_submit('dialogForm_Ref_addOrEdit', { xxk_kblx: '2' })" type="primary">提交
|
|
|
+ </el-button>
|
|
|
+ <el-button @click="handleDialogFormBtn_cancel('dialogForm_Ref_addOrEdit')" type="default">取消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <el-dialog v-model="dialogVisible_audit" append-to-body destroy-on-close>
|
|
|
+ <el-form :model="dialogForm_Data" ref="dialogForm_Ref_audit" :rules="dialogForm_Rules_audit" label-width="120px">
|
|
|
+ <el-form-item label="状态">
|
|
|
+ <el-radio-group v-model="dialogForm_Data[dialogForm_Field_audit.FLAG]">
|
|
|
+ <el-radio label="1">通过</el-radio>
|
|
|
+ <el-radio label="2">未通过</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <!-- <el-form-item label="原因" v-show="dialogForm_Data[dialogForm_Field_audit.FLAG] === '1'">
|
|
|
+ <el-input type="textarea" v-model="dialogForm_Data[dialogForm_Field_audit.REASON]" :rows="5" />
|
|
|
+ </el-form-item> -->
|
|
|
+ <div class="flex justify-center">
|
|
|
+ <el-button @click="handleDialogFormBtn_submit('dialogForm_Ref_audit')" type="primary">提交</el-button>
|
|
|
+ <el-button @click="handleDialogFormBtn_cancel('dialogForm_Ref_audit')" type="default">取消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ </el-dialog>
|
|
|
+</template>
|