| | |
| | | >æ°å»º</el-button |
| | | > |
| | | <el-button |
| | | @click="importDialogVisible = true" |
| | | size="small" |
| | | style="width: 5.5rem; height: 2rem; font-size: 0.88rem" |
| | | >æ¹é导å
¥</el-button |
| | |
| | | <el-button |
| | | size="small" |
| | | style="width: 5.5rem; height: 2rem; font-size: 0.88rem" |
| | | @click="printExcel" |
| | | >æ¹é导åº</el-button |
| | | > |
| | | <el-button |
| | |
| | | <div style="margin-top: 1rem; height: 100%"> |
| | | <!-- ä¿¡æ¯å表 --> |
| | | <el-table |
| | | empty-text="ææ æ°æ®" |
| | | v-if="isactive == 1" |
| | | :data="tableData" |
| | | style="width: 100%" |
| | |
| | | fontSize: '0.88rem', |
| | | height: '3rem', |
| | | }" |
| | | @select="InfoSelectionChange" |
| | | @selection-change="InfoSelectionChange" |
| | | > |
| | | <el-table-column type="selection" align="center" /> |
| | | <el-table-column prop="articleName" label="ä¿¡æ¯åç§°" align="center" /> |
| | |
| | | |
| | | <!-- å·¥å
·å表 --> |
| | | <el-table |
| | | empty-text="ææ æ°æ®" |
| | | v-if="isactive == 2" |
| | | :data="toolList" |
| | | style="width: 100%" |
| | |
| | | fontSize: '0.88rem', |
| | | height: '3rem', |
| | | }" |
| | | @select="ToolSelectionChange" |
| | | @selection-change="ToolSelectionChange" |
| | | > |
| | | <el-table-column type="selection" align="center" /> |
| | | <el-table-column prop="toolName" label="å·¥å
·åç§°" align="center" /> |
| | |
| | | <el-form-item prop="articleRemark"> |
| | | <template #label> |
| | | <div style="display: flex; align-items: flex-end"> |
| | | <span style="color: red; margin-right: 0.2rem">*</span> |
| | | <span |
| | | style="font-size: 0.88rem; color: black; font-weight: bold" |
| | | >夿³¨</span |
| | |
| | | <el-form-item prop="toolremark"> |
| | | <template #label> |
| | | <div style="display: flex; align-items: flex-end"> |
| | | <span style="color: red; margin-right: 0.2rem">*</span> |
| | | <span |
| | | style="font-size: 0.88rem; color: black; font-weight: bold" |
| | | >夿³¨</span |
| | |
| | | </div> |
| | | </template> |
| | | </el-dialog> |
| | | |
| | | <el-dialog v-model="importDialogVisible"> |
| | | <UploadExcel |
| | | @importExcelAfter="importExcelAfter" |
| | | :url="isactive == 1 ? 'api/ArticleInfom/Import' : 'api/Tools/Import'" |
| | | :template="{ |
| | | url: |
| | | isactive == 1 |
| | | ? 'api/ArticleInfom/DownLoadTemplate' |
| | | : 'api/Tools/DownLoadTemplate', |
| | | fileName: isactive == 1 ? 'ä¿¡æ¯å¯¼å
¥æ¨¡æ¿' : 'å·¥å
·å¯¼å
¥æ¨¡æ¿', |
| | | }" |
| | | /> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | <script setup> |
| | | import { ref, reactive, onMounted, toRef } from "vue"; |
| | | import { ElMessage, ElMessageBox } from "element-plus"; |
| | | import { formatTime } from "@/utils/index.js"; |
| | | import UploadExcel from "@/components/basic/UploadExcel.vue"; |
| | | import { |
| | | getBasicinformation, |
| | | addBasicinformation, |
| | |
| | | editToolData, |
| | | deleteToolData, |
| | | deleteBasicinformation, |
| | | ExportApi, |
| | | ExportTool, |
| | | } from "@/api/newapi/Basicinformation.js"; |
| | | // åå§åæ°æ® |
| | | const obj = { |
| | |
| | | const isactive = ref(1); |
| | | const dialogVisible = ref(false); |
| | | const dialogVisible1 = ref(false); |
| | | |
| | | const importDialogVisible = ref(false); // 导å
¥ |
| | | const selectoptions = ref([]); |
| | | const infoOpitions = ref([ |
| | | { |
| | |
| | | } |
| | | }; |
| | | |
| | | const printExcel = () => { |
| | | // æ¥è¯¢æ¡ä»¶ |
| | | const startTime = formatTime(queryForm.value.selectTime[0]); |
| | | const endTime = formatTime(queryForm.value.selectTime[1]); |
| | | const filter = [ |
| | | { |
| | | name: queryForm.value.selectType, |
| | | value: queryForm.value.selectInput, |
| | | displayType: "like", |
| | | }, |
| | | { |
| | | name: "pustatus", |
| | | value: queryForm.value.selectName, |
| | | displayType: "String", |
| | | }, |
| | | { name: "createDate", value: startTime, displayType: "ThanOrEqual" }, |
| | | { name: "createDate", value: endTime, displayType: "LessOrEqual" }, |
| | | ]; |
| | | if (isactive.value == 1) { |
| | | ExportApi({ |
| | | ...pageQuery.value, |
| | | filter, |
| | | }); |
| | | } |
| | | if (isactive.value == 2) { |
| | | ExportTool({ |
| | | ...pageQuery.value, |
| | | filter, |
| | | }); |
| | | } |
| | | }; |
| | | |
| | | //å页请æ±åæ° |
| | | const pageQuery = ref({ |
| | | page: 1, //å½åé¡µé¢ |
| | | rows: 10, //æ¯é¡µæ¾ç¤ºæ¡æ° |
| | | order: "desc", //æåºæ¹å¼ |
| | | sort: "createDate", //æåºå段 |
| | | sort: "", //æåºå段 |
| | | wheres: "", //æ¡ä»¶æ¥è¯¢ |
| | | }); |
| | | |