| | |
| | | # 配合后端服务 |
| | | # VITE_APP_LOCAL = 'int' |
| | | # VITE_APP_LOCAL = 'zhl' |
| | | VITE_APP_LOCAL = 'cxl' |
| | | VITE_APP_LOCAL = 'hjy' |
| | |
| | | v-hasPermi="['plant:export']" |
| | | >导出</el-button> |
| | | </el-col> |
| | | <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> |
| | | <right-toolbar :search="false" @queryTable="getList"></right-toolbar> |
| | | </el-row> |
| | | |
| | | <HxlhTable |
| | |
| | | v-hasPermi="['shop:export']" |
| | | >导出</el-button> |
| | | </el-col> |
| | | <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> |
| | | <right-toolbar :search="false" @queryTable="getList"></right-toolbar> |
| | | </el-row> |
| | | |
| | | <HxlhTable |
| | |
| | | label-position="left" |
| | | > |
| | | <el-row :gutter="20"> |
| | | <el-col :span="locale === 'zh' ? 5 : 8"> |
| | | <el-form-item :label="$t('plan.query.itemNumber')" :label-width="locale === 'zh' ? '50px' : '110px'" prop="itemCode"> |
| | | <el-col :span="6"> |
| | | <el-form-item :style="{ width: '100%' }" :label="$t('plan.query.itemNumber')" prop="itemCode"> |
| | | <el-input |
| | | :style="{ width: locale === 'zh' ? '140px' : '220px' }" |
| | | v-model="queryParams.itemCode" |
| | | :placeholder="`${$t('common.common.placeholder')}${$t( |
| | | 'plan.query.itemNumber' |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="locale === 'zh' ? 7 : 10"> |
| | | <el-col :span="6"> |
| | | <el-form-item |
| | | :style="{ width: '100%' }" |
| | | :label="$t('plan.table.applicableFactories')" |
| | | :label-width="locale === 'zh' ? '70px' : '150px'" |
| | | prop="orgCode" |
| | | > |
| | | <el-select |
| | | clearable |
| | | v-model="queryParams.orgCode" |
| | | :style="{ width: locale === 'zh' ? '180px' : '280px' }" |
| | | :placeholder="`${$t('common.common.placeholder')}${$t( |
| | | 'plan.table.applicableFactories' |
| | | )}`" |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="locale === 'zh' ? 11 : 6" style="text-align: right"> |
| | | <!-- <el-col :span="locale === 'zh' ? 11 : 6" style="text-align: right"> |
| | | <el-form-item class="column-with-margin"> |
| | | <el-button type="primary" icon="Search" @click="handleQuery">{{ |
| | | $t("common.common.query") |
| | |
| | | $t("common.common.reset") |
| | | }}</el-button> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-col> --> |
| | | </el-row> |
| | | </el-form> |
| | | <el-row :gutter="10" class="mb8"> |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="13" style="text-align: right"> |
| | | <!-- <el-col :span="13" 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> |
| | | |
| | |
| | | <!-- placeholder="请选择事件结束时间">--> |
| | | <!-- </el-date-picker>--> |
| | | <!-- </el-form-item>--> |
| | | <el-form-item> |
| | | <!-- <el-form-item> |
| | | <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button> |
| | | <el-button icon="Refresh" @click="resetQuery">重置</el-button> |
| | | </el-form-item> |
| | | </el-form-item> --> |
| | | </el-form> |
| | | |
| | | <el-row :gutter="10" class="mb8"> |
| | |
| | | <el-col> |
| | | <el-form :model="queryParams" ref="queryRef" :inline="true" label-position="left" v-show="showSearch"> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item label="料号" prop="itemNumber" :style="{ width: '100%' }"> |
| | | <el-input |
| | | v-model="queryParams.itemNumber" |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item label="图号" prop="drawingNo" :style="{ width: '100%' }"> |
| | | <el-input |
| | | v-model="queryParams.drawingNo" |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item label="版本" prop="version" :style="{ width: '100%' }"> |
| | | <el-input |
| | | v-model="queryParams.version" |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item label="工序名称" prop="processName" :style="{ width: '100%' }"> |
| | | <el-input |
| | | v-model="queryParams.processName" |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <!-- <el-row :gutter="20"> |
| | | |
| | | <el-col :span="16" 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-row> |
| | | </el-row> --> |
| | | </el-form> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="18" style="text-align: right;"> |
| | | <!-- <el-col :span="18" style="text-align: right;"> |
| | | <el-form-item> |
| | | <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-form-item> |
| | | </el-col> |
| | | <el-col :span="18" style="text-align: right;"> |
| | | <!-- <el-col :span="18" style="text-align: right;"> |
| | | <el-form-item> |
| | | <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-form-item> |
| | | </el-col> |
| | | <el-col :span="18" style="text-align: right;"> |
| | | <!-- <el-col :span="18" style="text-align: right;"> |
| | | <el-form-item> |
| | | <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-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="locale === 'zh' ? 11 : 6" style="text-align: right"> |
| | | <!-- <el-col :span="locale === 'zh' ? 11 : 6" style="text-align: right"> |
| | | <el-form-item class="column-with-margin"> |
| | | <el-button type="primary" icon="Search" @click="handleQuery">{{ |
| | | $t("common.common.query") |
| | |
| | | $t("common.common.reset") |
| | | }}</el-button> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-col> --> |
| | | </el-row> |
| | | </el-form> |
| | | <el-row :gutter="10" class="mb8"> |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="18" style="text-align: right;"> |
| | | <!-- <el-col :span="18" style="text-align: right;"> |
| | | <el-form-item> |
| | | <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-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col |
| | | <!-- <el-col |
| | | :span="12" |
| | | style="text-align: right;"> |
| | | <el-form-item> |
| | | <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> |
| | | |
| | |
| | | v-show="showSearch" |
| | | label-width="68px" |
| | | > |
| | | <el-form-item label="工序编码" prop="processNumber"> |
| | | <el-input |
| | | v-model="queryParams.processNumber" |
| | | placeholder="请输入工序编码" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="工序名称" prop="processName"> |
| | | <el-input |
| | | v-model="queryParams.processName" |
| | | placeholder="请输入工序名称" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="资源组" prop="resourceGroupName"> |
| | | <el-input |
| | | v-model="queryParams.resourceGroupName" |
| | | placeholder="请输入资源组" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="产能模型" prop="model"> |
| | | <el-input |
| | | v-model="queryParams.model" |
| | | placeholder="请输入产能模型: 独占/合批" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="设计产能" prop="designCapacity"> |
| | | <el-input |
| | | v-model="queryParams.designCapacity" |
| | | placeholder="请输入设计产能" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="工厂" prop="plant"> |
| | | <el-select |
| | | clearable |
| | | v-model="queryParams.plant" |
| | | style="width: 200px;" |
| | | placeholder="请输入适用工厂" |
| | | > |
| | | <el-option |
| | | v-for="plant in plantList" |
| | | :key="plant.id" |
| | | :label="plant.plantName" |
| | | :value="plant.plantCode" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="车间" prop="workShop"> |
| | | <el-input |
| | | v-model="queryParams.workShop" |
| | | placeholder="请输入车间" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="日历描述" prop="workCalender"> |
| | | <el-input |
| | | v-model="queryParams.workCalender" |
| | | placeholder="请输入日历描述" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="6"> |
| | | <el-form-item label="工序编码" prop="processNumber" style="width:100%"> |
| | | <el-input |
| | | v-model="queryParams.processNumber" |
| | | placeholder="请输入工序编码" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="工序名称" prop="processName" style="width:100%"> |
| | | <el-input |
| | | v-model="queryParams.processName" |
| | | placeholder="请输入工序名称" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="资源组" prop="resourceGroupName" style="width:100%"> |
| | | <el-input |
| | | v-model="queryParams.resourceGroupName" |
| | | placeholder="请输入资源组" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="产能模型" prop="model" style="width:100%"> |
| | | <el-input |
| | | v-model="queryParams.model" |
| | | placeholder="请输入产能模型: 独占/合批" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="6"> |
| | | <el-form-item label="设计产能" prop="designCapacity" style="width:100%"> |
| | | <el-input |
| | | v-model="queryParams.designCapacity" |
| | | placeholder="请输入设计产能" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="工厂" prop="plant" style="width:100%"> |
| | | <el-select |
| | | clearable |
| | | v-model="queryParams.plant" |
| | | style="width: 200px" |
| | | placeholder="请输入适用工厂" |
| | | > |
| | | <el-option |
| | | v-for="plant in plantList" |
| | | :key="plant.id" |
| | | :label="plant.plantName" |
| | | :value="plant.plantCode" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="车间" prop="workShop" style="width:100%"> |
| | | <el-input |
| | | v-model="queryParams.workShop" |
| | | placeholder="请输入车间" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="日历描述" prop="workCalender" style="width:100%"> |
| | | <el-input |
| | | v-model="queryParams.workCalender" |
| | | placeholder="请输入日历描述" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <!-- <el-form-item> |
| | | <el-button type="primary" icon="Search" @click="handleQuery" |
| | | >搜索</el-button |
| | | > |
| | | <el-button icon="Refresh" @click="resetQuery">重置</el-button> |
| | | </el-form-item> |
| | | </el-form-item> --> |
| | | </el-form> |
| | | |
| | | <el-row :gutter="10" class="mb8"> |
| | |
| | | label-position="left" |
| | | > |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item :style="{ width: '100%' }" :label="$t('plan.query.itemNumber')" prop="itemNum"> |
| | | <el-input |
| | | v-model="queryParams.itemNum" |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item |
| | | :style="{ width: '100%' }" |
| | | :label="$t('plan.query.workOrderNo')" |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8" style="text-align: right"> |
| | | <!-- <el-col :span="6" style="text-align: right"> |
| | | <el-form-item class="column-with-margin"> |
| | | <el-button type="primary" icon="Search" @click="handleQuery">{{ |
| | | $t("common.common.query") |
| | |
| | | $t("common.common.reset") |
| | | }}</el-button> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-col> --> |
| | | </el-row> |
| | | </el-form> |
| | | |
| | |
| | | v-hasPermi="['abnormalAnalysis:export']" |
| | | >导出</el-button> |
| | | </el-col> |
| | | <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> |
| | | <right-toolbar :search="false" @queryTable="getList"></right-toolbar> |
| | | </el-row> |
| | | <HxlhTable |
| | | style="width: 100%" |
| | |
| | | label-position="left" |
| | | > |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item :style="{ width: '100%' }" :label="$t('plan.query.daterangePlanStartDay')"> |
| | | <el-date-picker |
| | | v-model="daterangePlanStartDay" |
| | |
| | | ></el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item :style="{ width: '100%' }" :label="$t('plan.query.daterangePlanEndDay')"> |
| | | <el-date-picker |
| | | v-model="daterangePlanEndDay" |
| | |
| | | ></el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item |
| | | :style="{ width: '100%' }" |
| | | :label="$t('plan.query.documentNumber')" |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item :style="{ width: '100%' }" :label="$t('plan.query.customer')" prop="customer"> |
| | | <el-input |
| | | v-model="queryParams.customer" |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="16" style="text-align: right"> |
| | | </el-row> |
| | | <el-row :gutter="20"> |
| | | |
| | | <!-- <el-col :span="16" style="text-align: right"> |
| | | <el-form-item class="column-with-margin"> |
| | | <el-button type="primary" icon="Search" @click="handleQuery">{{ |
| | | $t("common.common.query") |
| | |
| | | $t("common.common.reset") |
| | | }}</el-button> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-col> --> |
| | | </el-row> |
| | | </el-form> |
| | | <el-row :gutter="10" class="mb8"> |
| | |
| | | :inline="true" |
| | | label-position="left" |
| | | > |
| | | <el-row type="flex" justify="left"> |
| | | <el-col :span="8"> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="6"> |
| | | <el-form-item |
| | | :style="{ width: '100%' }" |
| | | :label="$t('plan.query.selectMonth')" |
| | |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item |
| | | :label="$t('basic.table.applicableFactories')" |
| | | style="width: 100%" |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8" style="text-align: right"> |
| | | <!-- <el-col :span="6" style="text-align: right"> |
| | | <el-form-item class="column-with-margin"> |
| | | <el-button type="primary" icon="Search" @click="handleQuery">{{ |
| | | $t("common.common.query") |
| | |
| | | $t("common.common.reset") |
| | | }}</el-button> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-col> --> |
| | | </el-row> |
| | | </el-form> |
| | | <!-- <div class="box_container"> --> |
| | |
| | | > |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-form-item :label="$t('plan.query.statistical')" > |
| | | <el-form-item :label="$t('plan.query.statistical')" :style="{ width: '100%' }"> |
| | | <el-select |
| | | v-model="queryParams.searchType" |
| | | placeholder="Select" |
| | | @change="handleChangeSelectType" |
| | | :style="{ width: '270px' }" |
| | | > |
| | | <el-option |
| | | v-for="item in options" |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item :label="!dayCom?$t('plan.query.selectDateRange'):$t('plan.query.selectDateMonth')"> |
| | | <el-form-item |
| | | :style="{ width: '100%' }" |
| | | :label=" |
| | | !dayCom |
| | | ? $t('plan.query.selectDateRange') |
| | | : $t('plan.query.selectDateMonth') |
| | | " |
| | | > |
| | | <div v-if="!dayCom"> |
| | | <el-date-picker |
| | | :style="{ width: '240px' }" |
| | | v-model="queryParams.monthRange" |
| | | type="monthrange" |
| | | :range-separator="$t('plan.placeholder.to')" |
| | |
| | | </div> |
| | | <div v-else> |
| | | <el-date-picker |
| | | :style="{ width: '200px' }" |
| | | 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="8" v-if="dayCom"> |
| | | <el-form-item |
| | | :label="$t('basic.table.applicableFactories')" |
| | | prop="plant" |
| | | :style="{ width: '100%' }" |
| | | > |
| | | <el-select |
| | | :style="{ width: '300px' }" |
| | | clearable |
| | | v-model="queryParams.applicableFactory" |
| | | :placeholder="$t('basic.table.applicableFactories')" |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <!-- <el-col :span="8" style="text-align:right;"> |
| | | <!-- <el-col :span="6" style="text-align:right;"> |
| | | <el-form-item class="column-with-margin"> |
| | | <el-button type="primary" icon="Search" @click="handleQuery">{{ |
| | | $t("common.common.query") |
| | |
| | | >{{ $t("common.common.update") }}</el-button |
| | | > |
| | | </el-col> |
| | | <right-toolbar @queryTable="handleQuery"></right-toolbar> |
| | | <right-toolbar |
| | | v-model:showSearch="showSearch" |
| | | @queryTable="handleQuery" |
| | | @resetTable="resetQuery" |
| | | ></right-toolbar> |
| | | </el-row> |
| | | <vxe-grid ref="gridRef" v-bind="gridOptions" :loading="loading"></vxe-grid> |
| | | </div> |
| | |
| | | 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(""); |
| | |
| | | : dateStr(queryParams.value.monthDays), |
| | | searchType: searchTypeValue.value, |
| | | major: "gas", |
| | | plant: !dayCom.value?"": queryParams.value.applicableFactory |
| | | }).then((response) => { |
| | | const colList = []; |
| | | let headersOne = []; |
| | | let headersTwo = []; |
| | | if (response.code == "200") { |
| | | if (!response.data.planTitle) { |
| | | loading.value = false; |
| | | return; |
| | | } |
| | | // headersOne.push("");//t("plan.table.dateYearMonth") |
| | | // headersOne.push(""); |
| | | // headersTwo.push(t("plan.table.processName")); |
| | | // headersTwo.push(t("plan.table.applicableFactories")); |
| | | colList.push({ |
| | | field: "dateCol", |
| | | title: t("plan.table.dateYearMonth"), |
| | | fixed: "left", |
| | | children: [ |
| | | { |
| | | field: `resourceName`, |
| | | title: t("plan.table.processName"), |
| | | width: 250, |
| | | type: "html", |
| | | }, |
| | | { |
| | | field: `resourceGroupName`, |
| | | title: t("plan.table.applicableFactories"), |
| | | width: 250, |
| | | type: "html", |
| | | }, |
| | | ], |
| | | width: 160, |
| | | }); |
| | | if (!dayCom.value) { |
| | | colList.push({ |
| | | field: "dateCol", |
| | | title: t("plan.table.dateYearMonth"), |
| | | fixed: "left", |
| | | children: [ |
| | | { |
| | | field: `resourceName`, |
| | | title: t("plan.table.processName"), |
| | | width: 250, |
| | | type: "html", |
| | | }, |
| | | { |
| | | field: `resourceGroupName`, |
| | | title: t("plan.table.applicableFactories"), |
| | | width: 250, |
| | | type: "html", |
| | | }, |
| | | ], |
| | | width: 160, |
| | | }); |
| | | }else{ |
| | | colList.push({ |
| | | field: "dateCol", |
| | | title: t("plan.table.dateYearMonth"), |
| | | fixed: "left", |
| | | children: [ |
| | | { |
| | | field: `resourceName`, |
| | | title: t("plan.table.processName"), |
| | | width: 250, |
| | | type: "html", |
| | | } |
| | | ], |
| | | width: 160, |
| | | }); |
| | | } |
| | | response.data.planTitle.forEach((item) => { |
| | | // headersOne.push(item); |
| | | // headersOne.push(""); |
| | |
| | | // let lastCol = startCol + 2; |
| | | // merges.push({ s: { r: 0, c: startCol }, e: { r: 0, c: lastCol } }); |
| | | // startCol = lastCol + 1; |
| | | let data = []; |
| | | const item = { |
| | | id: `${rowKey}`, |
| | | }; |
| | |
| | | // item[`resourceName`] = flag |
| | | // ? `<div class='el-badge'><sup class="el-badge__content is-fixed is-dot"></sup>${key}</div>` |
| | | // : key; |
| | | item[`resourceName`] = key.split("_")[0]; |
| | | item[`resourceGroupName`] = formatTypeLabelPlant([key.split("_")[1]]); |
| | | if (!dayCom.value) { |
| | | const lastIndex = key.lastIndexOf('_'); |
| | | item[`resourceName`] = key.slice(0, lastIndex); |
| | | item[`resourceGroupName`] = formatTypeLabelPlant([key.slice(lastIndex + 1)]); |
| | | }else{ |
| | | item[`resourceName`] = key |
| | | } |
| | | } |
| | | // exportData.value.push(data); |
| | | dataList.push(item); |
| | |
| | | :inline="true" |
| | | label-position="left" |
| | | > |
| | | <el-row type="flex" justify="left"> |
| | | <el-col :span="8"> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="6"> |
| | | <el-form-item |
| | | :style="{ width: '100%' }" |
| | | :label="$t('plan.query.selectMonth')" |
| | |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item :label="$t('basic.table.applicableFactories')" style="width: 100%" prop="plant"> |
| | | <el-select |
| | | clearable |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8" style="text-align: right"> |
| | | <!-- <el-col :span="6" style="text-align: right"> |
| | | <el-form-item class="column-with-margin"> |
| | | <el-button type="primary" icon="Search" @click="handleQuery">{{ |
| | | $t("common.common.query") |
| | |
| | | $t("common.common.reset") |
| | | }}</el-button> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-col> --> |
| | | </el-row> |
| | | </el-form> |
| | | <!-- <div class="box_container"> --> |
| | |
| | | v-model="queryParams.searchType" |
| | | placeholder="Select" |
| | | @change="handleChangeSelectType" |
| | | |
| | | > |
| | | <el-option |
| | | v-for="item in options" |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item :label="$t('plan.query.selectDateRange')" :style="{ width: '100%' }"> |
| | | <el-form-item |
| | | :label=" |
| | | !dayCom |
| | | ? $t('plan.query.selectDateRange') |
| | | : $t('plan.query.selectDateMonth') |
| | | " |
| | | :style="{ width: '100%' }" |
| | | > |
| | | <div v-if="!dayCom"> |
| | | <el-date-picker |
| | | v-model="queryParams.monthRange" |
| | |
| | | </div> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8" style="text-align: right"> |
| | | <el-col :span="8" v-if="dayCom"> |
| | | <el-form-item |
| | | :label="$t('basic.table.applicableFactories')" |
| | | prop="plant" |
| | | :style="{ width: '100%' }" |
| | | > |
| | | <el-select |
| | | clearable |
| | | v-model="queryParams.applicableFactory" |
| | | :placeholder="$t('basic.table.applicableFactories')" |
| | | > |
| | | <el-option |
| | | v-for="item in aps_factory" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <!-- <el-col :span="6" style="text-align:right;"> |
| | | <el-form-item class="column-with-margin"> |
| | | <el-button type="primary" icon="Search" @click="handleQuery">{{ |
| | | $t("common.common.query") |
| | |
| | | $t("common.common.reset") |
| | | }}</el-button> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-col> --> |
| | | </el-row> |
| | | </el-form> |
| | | <el-row :gutter="10" class="mb8"> |
| | |
| | | >{{ $t("common.common.update") }}</el-button |
| | | > |
| | | </el-col> |
| | | <right-toolbar @queryTable="handleQuery" :search="false"></right-toolbar> |
| | | <right-toolbar |
| | | v-model:showSearch="showSearch" |
| | | @queryTable="handleQuery" |
| | | @resetTable="resetQuery" |
| | | ></right-toolbar> |
| | | </el-row> |
| | | <!-- <div class="box_container"> --> |
| | | <!-- <div class="title_text">管路规划产能负载统计</div> --> |
| | |
| | | } |
| | | // headersOne.push(t("plan.table.dateYearMonth")); |
| | | // headersTwo.push(t("plan.table.processName")); |
| | | colList.push({ |
| | | field: "dateCol", |
| | | title: t("plan.table.dateYearMonth"), |
| | | fixed: "left", |
| | | children: [ |
| | | { |
| | | field: `resourceName`, |
| | | title: t("plan.table.processName"), |
| | | width: 250, |
| | | type: "html", |
| | | }, |
| | | { |
| | | field: `resourceGroupName`, |
| | | title: t("plan.table.applicableFactories"), |
| | | width: 250, |
| | | type: "html", |
| | | }, |
| | | ], |
| | | width: 160, |
| | | }); |
| | | if (!dayCom.value) { |
| | | colList.push({ |
| | | field: "dateCol", |
| | | title: t("plan.table.dateYearMonth"), |
| | | fixed: "left", |
| | | children: [ |
| | | { |
| | | field: `resourceName`, |
| | | title: t("plan.table.processName"), |
| | | width: 250, |
| | | type: "html", |
| | | }, |
| | | { |
| | | field: `resourceGroupName`, |
| | | title: t("plan.table.applicableFactories"), |
| | | width: 250, |
| | | type: "html", |
| | | }, |
| | | ], |
| | | width: 160, |
| | | }); |
| | | }else{ |
| | | colList.push({ |
| | | field: "dateCol", |
| | | title: t("plan.table.dateYearMonth"), |
| | | fixed: "left", |
| | | children: [ |
| | | { |
| | | field: `resourceName`, |
| | | title: t("plan.table.processName"), |
| | | width: 250, |
| | | type: "html", |
| | | } |
| | | ], |
| | | width: 160, |
| | | }); |
| | | } |
| | | response.data.planTitle.forEach((item) => { |
| | | colKey++; |
| | | colList.push({ |
| | |
| | | // item[`resourceName`] = flag |
| | | // ? `<div class='el-badge'><sup class="el-badge__content is-fixed is-dot"></sup>${key}</div>` |
| | | // : key; |
| | | item[`resourceName`] = key.split("_")[0]; |
| | | item[`resourceGroupName`] = formatTypeLabelPlant([key.split("_")[1]]); |
| | | if (!dayCom.value) { |
| | | const lastIndex = key.lastIndexOf('_'); |
| | | item[`resourceName`] = key.slice(0, lastIndex); |
| | | item[`resourceGroupName`] = formatTypeLabelPlant([key.slice(lastIndex + 1)]); |
| | | }else{ |
| | | item[`resourceName`] = key |
| | | } |
| | | } |
| | | dataList.push(item); |
| | | }); |
| | |
| | | label-position="left" |
| | | > |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item :style="{ width: '100%' }" :label="$t('plan.query.workOrderNo')" prop="num"> |
| | | <el-input |
| | | v-model="queryParams.workOrderNo" |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="16" style="text-align: right"> |
| | | <!-- <el-col :span="16" style="text-align: right"> |
| | | <el-form-item class="column-with-margin"> |
| | | <el-button type="primary" icon="Search" @click="handleQuery">{{ |
| | | $t("common.common.query") |
| | |
| | | $t("common.common.reset") |
| | | }}</el-button> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-col> --> |
| | | </el-row> |
| | | </el-form> |
| | | <el-row :gutter="10" class="mb8"> |
| | |
| | | |
| | | <right-toolbar |
| | | v-model:showSearch="showSearch" |
| | | @queryTable="getList" |
| | | @queryTable="handleQuery" |
| | | @resetTable="resetQuery" |
| | | ></right-toolbar> |
| | | </el-row> |
| | | |
| | |
| | | label-position="left" |
| | | > |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item |
| | | :style="{ width: '100%' }" |
| | | :label="$t('plan.query.workOrderNo')" |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item |
| | | :style="{ width: '100%' }" |
| | | :label="$t('plan.query.requireTraceID')" |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item |
| | | :style="{ width: '100%' }" |
| | | :label="$t('plan.query.itemNumber')" |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item |
| | | :style="{ width: '100%' }" |
| | | :label="$t('plan.table.delayRiskIdentification')" |
| | | prop="hasDelayRisk" |
| | | > |
| | | <!-- <el-input |
| | | :style="{ width: locale == 'zh' ? '200px' : '280px' }" |
| | | v-model="queryParams.hasDelayRisk" |
| | | :placeholder="`${$t('common.common.placeholder')}${$t( |
| | | 'plan.table.delayRiskIdentification' |
| | | )}`" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> --> |
| | | <el-select |
| | | clearable |
| | | v-model="queryParams.hasDelayRisk" |
| | |
| | | :value="item.value" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col |
| | | :span="16" |
| | | style=" |
| | | display: flex; |
| | | justify-content: flex-end; |
| | | align-item: center; |
| | | text-align: right; |
| | | " |
| | | > |
| | | <el-form-item class="column-with-margin"> |
| | | <el-button type="primary" icon="Search" @click="handleQuery">{{ |
| | | $t("common.common.query") |
| | | }}</el-button> |
| | | <el-button icon="Refresh" @click="resetQuery">{{ |
| | | $t("common.common.reset") |
| | | }}</el-button> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | label-position="left" |
| | | > |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item :style="{ width: '100%' }" :label="$t('plan.query.itemNumber')" prop="itemNumber"> |
| | | <el-input |
| | | v-model="queryParams.itemNumber" |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item |
| | | :style="{ width: '100%' }" |
| | | :label="$t('plan.query.workOrderNo')" |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8" style="text-align: right"> |
| | | <!-- <el-col :span="6" style="text-align: right"> |
| | | <el-form-item class="column-with-margin"> |
| | | <el-button type="primary" icon="Search" @click="handleQuery">{{ |
| | | $t("common.common.query") |
| | |
| | | $t("common.common.reset") |
| | | }}</el-button> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-col> --> |
| | | </el-row> |
| | | </el-form> |
| | | |
| | |
| | | label-position="left" |
| | | > |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item |
| | | :style="{ width: '100%' }" |
| | | :label="$t('plan.query.requireTraceID')" |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item :style="{ width: '100%' }" :label="$t('plan.query.itemNumber')" prop="bomLineCode"> |
| | | <el-input |
| | | v-model="queryParams.bomLineCode" |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8" style="text-align: right"> |
| | | <!-- <el-col :span="6" style="text-align: right"> |
| | | <el-form-item class="column-with-margin"> |
| | | <el-button type="primary" icon="Search" @click="handleQuery">{{ |
| | | $t("common.common.query") |
| | |
| | | $t("common.common.reset") |
| | | }}</el-button> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-col> --> |
| | | </el-row> |
| | | </el-form> |
| | | |
| | |
| | | <el-col> |
| | | <el-form :model="queryParams" ref="queryRef" :inline="true" label-position="left"> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item label="统计日期" :style="{ width: '100%' }"> |
| | | <el-date-picker |
| | | v-model="totalDay" |
| | |
| | | ></el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="16" style="text-align: right;"> |
| | | <!-- <el-col :span="16" 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> |
| | |
| | | <div class="app-container"> |
| | | <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-position="left"> |
| | | <el-row :gutter="20"> |
| | | |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item label="业务类型" style="width: 100%;"> |
| | | <el-select v-model="queryParams.bizType" placeholder="请选择"> |
| | | <el-option |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item label="请求时间" style="width: 100%;"> |
| | | <el-date-picker |
| | | v-model="createTimes" |
| | |
| | | ></el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <!-- <el-col :span="6"> |
| | | <el-form-item label="请求参数" prop="requestData"> |
| | | <el-input |
| | | v-model="queryParams.requestData" |
| | | placeholder="请输入请求参数" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | </el-col>--> |
| | | |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item label="请求结果" prop="result"> |
| | | <el-input |
| | | v-model="queryParams.result" |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item label="响应数据" prop="requestData"> |
| | | <el-input |
| | | v-model="queryParams.responseData" |
| | |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col |
| | | :span="16" |
| | | 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-row> |
| | |
| | | label-position="left" |
| | | > |
| | | <el-row :gutter="20" class="mb8"> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item |
| | | :label="$t('plan.query.daterangePlanStartDay')" |
| | | :style="{ width: '100%' }" |
| | |
| | | ></el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item |
| | | :style="{ width: '100%' }" |
| | | :label="$t('plan.query.daterangePlanEndDay')" |
| | |
| | | ></el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item |
| | | :label="$t('plan.query.documentNumber')" |
| | | :style="{ width: '100%' }" |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-col :span="6"> |
| | | <el-form-item |
| | | :style="{ width: '100%' }" |
| | | :label="$t('plan.query.customer')" |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="16" style="text-align: right"> |
| | | <el-form-item class="column-with-margin"> |
| | | <el-button type="primary" icon="Search" @click="handleQuery">{{ |
| | | $t("common.common.query") |
| | | }}</el-button> |
| | | <el-button icon="Refresh" @click="resetQuery">{{ |
| | | $t("common.common.reset") |
| | | }}</el-button> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | |
| | | <el-row :gutter="10" class="mb8"> |
| | | <el-col :span="1.5"> |
| | | <el-button |