提交right-toolbar组件事件调用计划运行模块
| | |
| | | <div class="right-menu"> |
| | | <template v-if="appStore.device !== 'mobile'"> </template> |
| | | <div class="mt5"> |
| | | <!-- <el-button @click="changeLanguage('zh')">中文</el-button> |
| | | <el-button @click="changeLanguage('en')">English</el-button> --> |
| | | <!-- <el-dropdown> |
| | | <img class="zh_icon" v-if="locale==='zh'" src="@/assets/images/zh.svg" alt="zh" /> |
| | | <img class="zh_icon" v-if="locale==='en'" src="@/assets/images/en.svg" alt="en" /> |
| | | <el-dropdown> |
| | | <img |
| | | class="zh_icon" |
| | | v-if="locale === 'zh'" |
| | | src="@/assets/images/zh.svg" |
| | | alt="zh" |
| | | /> |
| | | <img |
| | | class="zh_icon" |
| | | v-if="locale === 'en'" |
| | | src="@/assets/images/en.svg" |
| | | alt="en" |
| | | /> |
| | | <template #dropdown> |
| | | <el-dropdown-menu> |
| | | <el-dropdown-item @click="changeLanguage('zh','zh-CN')">{{ $t(`common.topNav.zh`) }}</el-dropdown-item> |
| | | <el-dropdown-item @click="changeLanguage('en','en-US')">{{ $t(`common.topNav.en`) }}</el-dropdown-item> |
| | | <el-dropdown-item @click="changeLanguage('zh', 'zh-CN')">{{ |
| | | $t(`common.topNav.zh`) |
| | | }}</el-dropdown-item> |
| | | <el-dropdown-item @click="changeLanguage('en', 'en-US')">{{ |
| | | $t(`common.topNav.en`) |
| | | }}</el-dropdown-item> |
| | | </el-dropdown-menu> |
| | | </template> |
| | | </el-dropdown> --> |
| | | </el-dropdown> |
| | | </div> |
| | | <div class="avatar-container"> |
| | | <el-dropdown |
| | |
| | | <template #dropdown> |
| | | <el-dropdown-menu> |
| | | <router-link to="/user/profile"> |
| | | <el-dropdown-item>{{ $t(`common.topNav.center`) }}</el-dropdown-item> |
| | | <el-dropdown-item>{{ |
| | | $t(`common.topNav.center`) |
| | | }}</el-dropdown-item> |
| | | </router-link> |
| | | <!-- <el-dropdown-item command="setLayout" v-if="settingsStore.showSettings"> |
| | | <span>布局设置</span> |
| | |
| | | import useUserStore from "@/store/modules/user"; |
| | | import useSettingsStore from "@/store/modules/settings"; |
| | | import useLanguageStore from "@/store/modules/language"; |
| | | import { VxeUI } from 'vxe-table' |
| | | import { VxeUI } from "vxe-table"; |
| | | import { useI18n } from "vue-i18n"; //要在js中使用国际化 |
| | | const { t, locale } = useI18n(); |
| | | const appStore = useAppStore(); |
| | |
| | | function changeLanguage(type1,type2) { |
| | | proxy.$i18n.locale = type1; |
| | | languageStore.setLocale(type1); |
| | | VxeUI.setLanguage(type2) |
| | | VxeUI.setLanguage(type2); |
| | | // console.log(VxeUI.getLanguage(),'VxeUI.getLanguage()') |
| | | } |
| | | |
| | |
| | | errorMonthEmpty: "请选择年月", |
| | | }, |
| | | placeholder: { |
| | | startDate: "开始日期", |
| | | endDate: "结束日期", |
| | | startDate: "开始", |
| | | endDate: "结束", |
| | | startMonth: "开始月份", |
| | | endMonth: "结束月份", |
| | | to: "至", |
| | |
| | | errorMonthEmpty: "Please select year and month", |
| | | }, |
| | | placeholder: { |
| | | startDate: "Start date", |
| | | endDate: "End date", |
| | | startDate: "Start", |
| | | endDate: "End", |
| | | startMonth: "Start Month", |
| | | endMonth: "End Month", |
| | | to: "To", |
| | |
| | | v-hasPermi="['plant:export']" |
| | | >导出</el-button> |
| | | </el-col> |
| | | <right-toolbar :search="false" @queryTable="getList"></right-toolbar> |
| | | <right-toolbar :search="false" |
| | | @refreshTable="getList" |
| | | ></right-toolbar> |
| | | </el-row> |
| | | |
| | | <HxlhTable |
| | |
| | | |
| | | const { proxy } = getCurrentInstance(); |
| | | const { aps_plant_status } = proxy.useDict('aps_plant_status'); |
| | | const height = ref(document.documentElement.clientHeight - 170 + "px;"); |
| | | const height = ref(document.documentElement.clientHeight - 160 + "px;"); |
| | | const plantNameRules = ref(null); |
| | | const plantCodeRules = ref(null); |
| | | const dataForm = ref(); |
| | |
| | | v-hasPermi="['shop:export']" |
| | | >导出</el-button> |
| | | </el-col> |
| | | <right-toolbar :search="false" @queryTable="getList"></right-toolbar> |
| | | <right-toolbar :search="false" @refreshTable="getList"></right-toolbar> |
| | | </el-row> |
| | | |
| | | <HxlhTable |
| | |
| | | |
| | | const { proxy } = getCurrentInstance(); |
| | | const { aps_plant_status } = proxy.useDict('aps_plant_status'); |
| | | const height = ref(document.documentElement.clientHeight - 170 + "px;"); |
| | | const height = ref(document.documentElement.clientHeight - 160 + "px;"); |
| | | const shopNameRules = ref(null); |
| | | const shopCodeRules = ref(null); |
| | | const plantCodeRules = ref(null); |
| | |
| | | </el-col> |
| | | <right-toolbar |
| | | v-model:showSearch="showSearch" |
| | | @queryTable="getList" |
| | | @refreshTable="getList" |
| | | ></right-toolbar> |
| | | </el-row> |
| | | |
| | |
| | | </el-col> --> |
| | | <right-toolbar |
| | | v-model:showSearch="showSearch" |
| | | @queryTable="getList" |
| | | @queryTable="handleQuery" |
| | | @resetTable="resetQuery" |
| | | ></right-toolbar> |
| | | </el-row> |
| | | <HxlhTable |
| | |
| | | v-hasPermi="['core:event:export']" |
| | | >导出</el-button> |
| | | </el-col> |
| | | <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> |
| | | <right-toolbar v-model:showSearch="showSearch" |
| | | @queryTable="handleQuery" |
| | | @resetTable="resetQuery"></right-toolbar> |
| | | </el-row> |
| | | |
| | | <HxlhTable |
| | |
| | | const processList = ref([]); |
| | | const calendarList = ref([]); |
| | | |
| | | const height = ref(document.documentElement.clientHeight - 230 + "px;") |
| | | const height = ref(document.documentElement.clientHeight - 210 + "px;") |
| | | |
| | | // 多选框选中数据 |
| | | const handleCheckboxChange = (data) => { |
| | |
| | | >导入 |
| | | </el-button> |
| | | </el-col> |
| | | <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> |
| | | <right-toolbar v-model:showSearch="showSearch" |
| | | @queryTable="handleQuery" |
| | | @resetTable="resetQuery"></right-toolbar> |
| | | </el-row> |
| | | <HxlhTable |
| | | style="width: 100%" |
| | |
| | | const total = ref(0); |
| | | const title = ref(""); |
| | | |
| | | const height = ref(document.documentElement.clientHeight - 270 + "px;") |
| | | const height = ref(document.documentElement.clientHeight - 210 + "px;") |
| | | const isVisible = ref(false); |
| | | const isError = ref(false); |
| | | const planned = ref(true); |
| | |
| | | </el-form> |
| | | |
| | | <el-row :gutter="10" class="mb8"> |
| | | <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> |
| | | <right-toolbar v-model:showSearch="showSearch" |
| | | @queryTable="handleQuery" |
| | | @resetTable="resetQuery" |
| | | ></right-toolbar> |
| | | </el-row> |
| | | |
| | | <HxlhTable |
| | |
| | | const multiple = ref(true); |
| | | const total = ref(0); |
| | | const title = ref(""); |
| | | const height = ref(document.documentElement.clientHeight - 230 + "px;") |
| | | const height = ref(document.documentElement.clientHeight - 210 + "px;") |
| | | |
| | | const data = reactive({ |
| | | form: {}, |
| | |
| | | </el-form> |
| | | |
| | | <el-row :gutter="10" class="mb8"> |
| | | <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> |
| | | <right-toolbar v-model:showSearch="showSearch" |
| | | @queryTable="handleQuery" |
| | | @resetTable="resetQuery" |
| | | ></right-toolbar> |
| | | </el-row> |
| | | |
| | | <HxlhTable |
| | |
| | | const single = ref(true); |
| | | const multiple = ref(true); |
| | | const title = ref(""); |
| | | const height = ref(document.documentElement.clientHeight - 230 + "px;") |
| | | const height = ref(document.documentElement.clientHeight - 210 + "px;") |
| | | const queryPlants = ref({status: 1}); |
| | | const plantList = ref([]); |
| | | |
| | |
| | | </el-col> |
| | | <right-toolbar |
| | | v-model:showSearch="showSearch" |
| | | @queryTable="getList" |
| | | @queryTable="handleQuery" |
| | | @resetTable="resetQuery" |
| | | ></right-toolbar> |
| | | </el-row> |
| | | |
| | |
| | | v-hasPermi="['ApsResourceGroup:ApsResourceGroup:export']" |
| | | >导出</el-button> |
| | | </el-col> |
| | | <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> |
| | | <right-toolbar v-model:showSearch="showSearch" |
| | | @queryTable="handleQuery" |
| | | @resetTable="resetQuery" |
| | | ></right-toolbar> |
| | | </el-row> |
| | | |
| | | <HxlhTable |
| | |
| | | const title = ref(""); |
| | | const daterangeRequestDate = ref([]); |
| | | //弹窗相关 |
| | | const height = ref(document.documentElement.clientHeight - 230 + "px;") |
| | | const height = ref(document.documentElement.clientHeight - 210 + "px;") |
| | | const isVisible = ref(false); |
| | | const isError = ref(false); |
| | | const planned = ref(true); |
| | |
| | | label-position="left" |
| | | > |
| | | <el-row type="flex" justify="left" :gutter="20"> |
| | | <el-col :span="5"> |
| | | <el-col :span="6"> |
| | | <el-form-item label="计划名称" prop="name"> |
| | | <el-input |
| | | style="width: 140px" |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="19" style="text-align: right"> |
| | | <!-- <el-col :span="19" style="text-align: right"> |
| | | <el-form-item class="column-with-margin"> |
| | | <el-button type="primary" icon="Search" @click="handleQuery" |
| | | >查询</el-button |
| | | > |
| | | <el-button icon="Refresh" @click="resetQuery">重置</el-button> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-col> --> |
| | | </el-row> |
| | | </el-form> |
| | | |
| | |
| | | </el-col> |
| | | <right-toolbar |
| | | v-model:showSearch="showSearch" |
| | | @queryTable="getList" |
| | | @queryTable="handleQuery" |
| | | @resetTable="resetQuery" |
| | | ></right-toolbar> |
| | | </el-row> |
| | | <HxlhTable |
| | |
| | | }); |
| | | const { queryParams, form, rules } = toRefs(data); |
| | | const plantList = ref([]); |
| | | const height = ref(document.documentElement.clientHeight - 220 + "px;"); |
| | | const height = ref(document.documentElement.clientHeight - 210 + "px;"); |
| | | // 表格配置-列表 |
| | | const columns = ref([]); |
| | | // 分页属性 |
| | |
| | | v-hasPermi="['abnormalAnalysis:export']" |
| | | >导出</el-button> |
| | | </el-col> |
| | | <right-toolbar :search="false" @queryTable="getList"></right-toolbar> |
| | | <right-toolbar :search="false" @refreshTable="getList"></right-toolbar> |
| | | </el-row> |
| | | <HxlhTable |
| | | style="width: 100%" |
| | |
| | | const multiple = ref(true); |
| | | const total = ref(0); |
| | | const title = ref(""); |
| | | const height = ref(document.documentElement.clientHeight - 180 + "px;") |
| | | const height = ref(document.documentElement.clientHeight - 160 + "px;") |
| | | |
| | | const data = reactive({ |
| | | form: {}, |
| | |
| | | </el-col> |
| | | <right-toolbar |
| | | v-model:showSearch="showSearch" |
| | | @queryTable="getList" |
| | | @queryTable="handleQuery" |
| | | @resetTable="resetQuery" |
| | | ></right-toolbar> |
| | | </el-row> |
| | | |
| | |
| | | const total = ref(0); |
| | | const daterangePlanStartDay = ref([]); |
| | | const daterangePlanEndDay = ref([]); |
| | | const height = ref(document.documentElement.clientHeight - 270 + "px;"); |
| | | const height = ref(document.documentElement.clientHeight - 210 + "px;"); |
| | | const isVisible = ref(false); |
| | | const isError = ref(false); |
| | | const planned = ref(true); |
| | |
| | | </el-row> |
| | | </el-form> |
| | | <!-- <div class="box_container"> --> |
| | | <el-row v-if="!clickedTableRefGas"> |
| | | <el-col :span="24" style="text-align: right; margin-bottom: 10px"> |
| | | <el-button class="title_btn" type="default" @click="editRowEventGas">{{ |
| | | <el-row> |
| | | <el-col :span="12" style="margin-bottom: 10px"> |
| | | <el-button v-if="!clickedTableRefGas" class="title_btn" plain type="default" @click="editRowEventGas">{{ |
| | | $t("common.common.edit") |
| | | }}</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row v-if="clickedTableRefGas"> |
| | | <el-col :span="24" style="text-align: right; margin-bottom: 10px"> |
| | | <el-button |
| | | v-if="clickedTableRefGas" |
| | | class="title_btn" |
| | | type="primary" |
| | | @click="saveRowEvent1" |
| | |
| | | {{ $t("common.common.save") }} |
| | | </el-button> |
| | | <el-button |
| | | v-if="clickedTableRefGas" |
| | | class="title_btn ml20" |
| | | type="default" |
| | | @click="handleCancleStausGas" |
| | | >{{ $t("common.common.cancel") }}</el-button |
| | | > |
| | | </el-col> |
| | | <right-toolbar |
| | | v-model:showSearch="showSearch" |
| | | @queryTable="handleQuery" |
| | | @resetTable="resetQuery" |
| | | ></right-toolbar> |
| | | </el-row> |
| | | <!-- <div class="tabel_container"> --> |
| | | <!-- <HxlhTable |
| | |
| | | // import { ElMessage } from "element-plus"; |
| | | import { listGasPlan, getGasPlanSave } from "@/api/mainPlan/gasPlanning"; |
| | | import { useI18n } from "vue-i18n"; //要在js中使用国际化 |
| | | const height = ref(document.documentElement.clientHeight - 230 + "px;"); |
| | | const height = ref(document.documentElement.clientHeight - 210 + "px;"); |
| | | const { t, locale } = useI18n(); |
| | | const { proxy } = getCurrentInstance(); |
| | | const { aps_factory } = proxy.useDict("aps_factory"); |
| | |
| | | label-position="left" |
| | | > |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item :label="$t('plan.query.statistical')" :style="{ width: '100%' }"> |
| | | <el-select |
| | | v-model="queryParams.searchType" |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item |
| | | :style="{ width: '100%' }" |
| | | :style="{ width: '250px' }" |
| | | :label=" |
| | | !dayCom |
| | | ? $t('plan.query.selectDateRange') |
| | |
| | | > |
| | | <div v-if="!dayCom"> |
| | | <el-date-picker |
| | | :style="{ width: '100%' }" |
| | | v-model="queryParams.monthRange" |
| | | type="monthrange" |
| | | :range-separator="$t('plan.placeholder.to')" |
| | |
| | | </div> |
| | | <div v-else> |
| | | <el-date-picker |
| | | :style="{ width: '100%' }" |
| | | v-model="queryParams.monthDays" |
| | | type="month" |
| | | :placeholder="$t('plan.placeholder.selectMonth')" |
| | |
| | | </div> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8" v-if="dayCom"> |
| | | <el-col :span="6" v-if="dayCom"> |
| | | <el-form-item |
| | | :label="$t('basic.table.applicableFactories')" |
| | | prop="plant" |
| | |
| | | const { aps_factory } = proxy.useDict("aps_factory"); |
| | | const loading = ref(false); |
| | | const gridRef = ref(); |
| | | const height = ref(document.documentElement.clientHeight - 180 + "px;"); |
| | | const height = ref(document.documentElement.clientHeight - 170 + "px;"); |
| | | const headers = ref([]); |
| | | // const exportData = ref([]); |
| | | const showSearch = ref(true); |
| | |
| | | </el-row> |
| | | </el-form> |
| | | <!-- <div class="box_container"> --> |
| | | <el-row v-if="!clickedTableRef"> |
| | | <!-- <el-col :span="!clickedTableRef?22:20"> |
| | | <div class="title_text">{{$t('plan.title.pipePlanCapacity')}}</div> |
| | | </el-col> --> |
| | | <el-col |
| | | :span="24" |
| | | style="text-align: right; margin-bottom: 10px" |
| | | > |
| | | <el-button class="title_btn" type="default" @click="editRowEvent">{{ |
| | | <el-row> |
| | | <el-col :span="12" style="margin-bottom: 10px"> |
| | | <el-button v-if="!clickedTableRef" class="title_btn" plain type="default" @click="editRowEvent">{{ |
| | | $t("common.common.edit") |
| | | }}</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row v-if="clickedTableRef"> |
| | | <el-col :span="24" style="text-align: right; margin-bottom: 10px" > |
| | | <el-button |
| | | v-if="clickedTableRef" |
| | | class="title_btn" |
| | | type="primary" |
| | | @click="saveRowEvent" |
| | |
| | | {{ $t("common.common.save") }} |
| | | </el-button> |
| | | <el-button |
| | | v-if="clickedTableRef" |
| | | class="title_btn ml20" |
| | | type="default" |
| | | @click="handleCancleStaus" |
| | | >{{ $t("common.common.cancel") }}</el-button |
| | | > |
| | | </el-col> |
| | | <right-toolbar |
| | | v-model:showSearch="showSearch" |
| | | @queryTable="handleQuery" |
| | | @resetTable="resetQuery" |
| | | ></right-toolbar> |
| | | </el-row> |
| | | <vxe-table |
| | | border |
| | |
| | | <script setup name="GasPlanning"> |
| | | // import { ElMessage } from "element-plus"; |
| | | import { listGasPlan, getGasPlanSave } from "@/api/mainPlan/gasPlanning"; |
| | | const height = ref(document.documentElement.clientHeight - 230 + "px;"); |
| | | const height = ref(document.documentElement.clientHeight - 210 + "px;"); |
| | | import { useI18n } from "vue-i18n"; //要在js中使用国际化 |
| | | const { t, locale } = useI18n(); |
| | | const { proxy } = getCurrentInstance(); |
| | |
| | | v-show="showSearch" |
| | | label-position="left" |
| | | > |
| | | <el-form |
| | | class="responsive-form" |
| | | :model="queryParams" |
| | | ref="queryRef" |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | label-position="left" |
| | | > |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-form-item :label="$t('plan.query.statistical')" :style="{ width: '100%' }"> |
| | | <el-col :span="6"> |
| | | <el-form-item |
| | | :label="$t('plan.query.statistical')" |
| | | :style="{ width: '100%' }" |
| | | > |
| | | <el-select |
| | | v-model="queryParams.searchType" |
| | | placeholder="Select" |
| | | @change="handleChangeSelectType" |
| | | |
| | | > |
| | | <el-option |
| | | v-for="item in options" |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item |
| | | :style="{ width: '100%' }" |
| | | :label=" |
| | | !dayCom |
| | | ? $t('plan.query.selectDateRange') |
| | | : $t('plan.query.selectDateMonth') |
| | | " |
| | | :style="{ width: '100%' }" |
| | | > |
| | | <div v-if="!dayCom"> |
| | | <el-date-picker |
| | | :style="{ width: '250px' }" |
| | | v-model="queryParams.monthRange" |
| | | type="monthrange" |
| | | :range-separator="$t('plan.placeholder.to')" |
| | |
| | | </div> |
| | | <div v-else> |
| | | <el-date-picker |
| | | :style="{ width: '100%' }" |
| | | v-model="queryParams.monthDays" |
| | | type="month" |
| | | :placeholder="$t('plan.placeholder.selectMonth')" |
| | |
| | | </div> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8" v-if="dayCom"> |
| | | <el-col :span="6" v-if="dayCom"> |
| | | <el-form-item |
| | | :label="$t('basic.table.applicableFactories')" |
| | | prop="plant" |
| | |
| | | </el-form-item> |
| | | </el-col> --> |
| | | </el-row> |
| | | </el-form> |
| | | </el-form> |
| | | <el-row :gutter="10" class="mb8"> |
| | | <el-col :span="1.5"> |
| | |
| | | const { aps_factory } = proxy.useDict("aps_factory"); |
| | | const loading = ref(false); |
| | | const gridRef = ref(); |
| | | const height = ref(document.documentElement.clientHeight - 180 + "px;"); |
| | | const height = ref(document.documentElement.clientHeight - 170 + "px;"); |
| | | const headers = ref([]); |
| | | const exportData = ref([]); |
| | | const showSearch = ref(true); |
| | |
| | | if (list) { |
| | | return list |
| | | .map((type) => { |
| | | const item = aps_factory.value.find( |
| | | (item) => item.value === type |
| | | ); |
| | | const item = aps_factory.value.find((item) => item.value === type); |
| | | return item ? item.label : type; |
| | | }) |
| | | .join(""); |
| | |
| | | title: t("plan.table.processName"), |
| | | width: 250, |
| | | type: "html", |
| | | } |
| | | }, |
| | | ], |
| | | width: 160, |
| | | }); |
| | |
| | | // ? `<div class='el-badge'><sup class="el-badge__content is-fixed is-dot"></sup>${key}</div>` |
| | | // : key; |
| | | if (!dayCom.value) { |
| | | const lastIndex = key.lastIndexOf('_'); |
| | | const lastIndex = key.lastIndexOf("_"); |
| | | item[`resourceName`] = key.slice(0, lastIndex); |
| | | item[`resourceGroupName`] = formatTypeLabelPlant([key.slice(lastIndex + 1)]); |
| | | item[`resourceGroupName`] = formatTypeLabelPlant([ |
| | | key.slice(lastIndex + 1), |
| | | ]); |
| | | }else{ |
| | | item[`resourceName`] = key |
| | | item[`resourceName`] = key; |
| | | } |
| | | } |
| | | dataList.push(item); |
| | |
| | | const daterangePlanStartDay = ref([]); |
| | | const daterangePlanEndDay = ref([]); |
| | | |
| | | const height = ref(document.documentElement.clientHeight - 270 + "px;"); |
| | | const height = ref(document.documentElement.clientHeight - 210 + "px;"); |
| | | const isVisible = ref(false); |
| | | const isError = ref(false); |
| | | const planned = ref(true); |
| | |
| | | > |
| | | </el-col> |
| | | |
| | | <right-toolbar :search="false" @queryTable="getList"></right-toolbar> |
| | | <right-toolbar :search="false" @refreshTable="getList"></right-toolbar> |
| | | </el-row> |
| | | |
| | | <HxlhTable |
| | |
| | | const multiple = ref(true); |
| | | const total = ref(0); |
| | | const title = ref(""); |
| | | const height = ref(document.documentElement.clientHeight - 220 + "px;"); |
| | | const height = ref(document.documentElement.clientHeight - 210 + "px;"); |
| | | |
| | | const data = reactive({ |
| | | // form: {}, |
| | |
| | | </el-col> |
| | | <right-toolbar |
| | | v-model:showSearch="showSearch" |
| | | @queryTable="getList" |
| | | @queryTable="handleQuery" |
| | | @resetTable="resetQuery" |
| | | ></right-toolbar> |
| | | </el-row> |
| | | <HxlhTable |
| | |
| | | const shopList = ref([]); |
| | | const allShopList = ref([]); |
| | | const processList = ref([]); |
| | | const height = ref(document.documentElement.clientHeight - 320 + "px;"); |
| | | const height = ref(document.documentElement.clientHeight - 210 + "px;"); |
| | | const heightSub = ref(document.documentElement.clientHeight - 200 + "px;"); |
| | | const heightSubUpdate = ref(document.documentElement.clientHeight - 270 + "px;"); |
| | | // 表格配置-列表 |
| | |
| | | </el-col> |
| | | <right-toolbar |
| | | v-model:showSearch="showSearch" |
| | | @queryTable="getList" |
| | | @queryTable="handleQuery" |
| | | @resetTable="resetQuery" |
| | | ></right-toolbar> |
| | | </el-row> |
| | | <HxlhTable |
| | |
| | | }); |
| | | const { queryParams } = toRefs(data); |
| | | const plantList = ref([]); |
| | | const height = ref(document.documentElement.clientHeight - 220 + "px;"); |
| | | const height = ref(document.documentElement.clientHeight - 210 + "px;"); |
| | | // 表格配置-列表 |
| | | const columns = ref([]); |
| | | // 分页属性 |
| | |
| | | </el-col> |
| | | <right-toolbar |
| | | v-model:showSearch="showSearch" |
| | | @queryTable="getList" |
| | | @queryTable="handleQuery" |
| | | @resetTable="resetQuery" |
| | | ></right-toolbar> |
| | | </el-row> |
| | | <HxlhTable |
| | |
| | | }); |
| | | const { queryParams } = toRefs(data); |
| | | const plantList = ref([]); |
| | | const height = ref(document.documentElement.clientHeight - 220 + "px;"); |
| | | const height = ref(document.documentElement.clientHeight - 210 + "px;"); |
| | | // 表格配置-列表 |
| | | const columns = ref([]); |
| | | // 分页属性 |
| | |
| | | >{{ $t("common.common.export") }}</el-button |
| | | > |
| | | </el-col> |
| | | <right-toolbar :search="false" @queryTable="getList"></right-toolbar> |
| | | <right-toolbar :search="false" @refreshTable="getList"></right-toolbar> |
| | | </el-row> |
| | | |
| | | <HxlhTable |
| | |
| | | const isVisible = ref(false); |
| | | const isError = ref(false); |
| | | const planned = ref(true); |
| | | const height = ref(document.documentElement.clientHeight - 170 + "px;"); |
| | | const height = ref(document.documentElement.clientHeight - 160 + "px;"); |
| | | const exampleHeight = ref("500px"); |
| | | const uploadRef = ref(); |
| | | const exampleList = ref([]); |
| | |
| | | </el-row> |
| | | </el-form> |
| | | </el-col> |
| | | <el-col style="display:flex; justify-content:flex-end; align-items:center; margin-bottom:10px;"> |
| | | <right-toolbar |
| | | v-model:showSearch="showSearch" |
| | | @queryTable="handleQuery" |
| | | @resetTable="resetQuery" |
| | | ></right-toolbar> |
| | | </el-col> |
| | | <el-col> |
| | | <div ref="chartRef" :style="{ width:width,height:height,border: '1px solid #ccc' }" v-loading="loading"> |
| | | <div style="text-align: center;margin-top: 50px;color: #999;">暂无数据</div> |
| | |
| | | }); |
| | | const { queryParams } = toRefs(data); |
| | | const chartRef = ref(null); |
| | | const height = ref(document.documentElement.clientHeight - 180 + "px"); |
| | | const height = ref(document.documentElement.clientHeight - 220 + "px"); |
| | | const width = ref(document.documentElement.clientWidth - 240 + "px"); |
| | | |
| | | const showSearch = ref(false); |
| | | const showSearch = ref(true); |
| | | const loading = ref(false); |
| | | |
| | | /* const dataList = [ |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="请求结果" prop="result"> |
| | | <el-form-item label="请求结果" prop="result" style="width: 100%;"> |
| | | <el-input |
| | | v-model="queryParams.result" |
| | | placeholder="请输入请求结果" |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="响应数据" prop="requestData"> |
| | | <el-form-item label="响应数据" prop="requestData" style="width: 100%;"> |
| | | <el-input |
| | | v-model="queryParams.responseData" |
| | | placeholder="请输入响应数据" |
| | |
| | | >查看</el-button> |
| | | </el-col> |
| | | |
| | | <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> |
| | | <right-toolbar v-model:showSearch="showSearch" |
| | | @queryTable="handleQuery" |
| | | @resetTable="resetQuery" |
| | | ></right-toolbar> |
| | | </el-row> |
| | | |
| | | <HxlhTable |
| | |
| | | |
| | | /** 搜索按钮操作 */ |
| | | function handleQuery() { |
| | | |
| | | |
| | | getList(); |
| | | } |
| | | |
| | |
| | | </el-col> |
| | | <right-toolbar |
| | | v-model:showSearch="showSearch" |
| | | @queryTable="getList" |
| | | @queryTable="handleQuery" |
| | | @resetTable="resetQuery" |
| | | ></right-toolbar> |
| | | </el-row> |
| | | |
| | |
| | | const total = ref(0); |
| | | const daterangePlanStartDay = ref([]); |
| | | const daterangePlanEndDay = ref([]); |
| | | const height = ref(document.documentElement.clientHeight - 270 + "px;"); |
| | | const height = ref(document.documentElement.clientHeight - 220 + "px;"); |
| | | const isVisible = ref(false); |
| | | const isError = ref(false); |
| | | const planned = ref(true); |