Skip to content

Q
qr-consistency-vue3
Commit f676ae7e authored by wangjiancheng's avatar wangjiancheng
Browse files
Options

refactor:修改国际市场组查询、标准信息页面、国际关键零部件清单、零部件详情页、国际零部件模板、模板详情页中文英文

parent 89294617
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 454 additions and 334 deletions
src/assets/styles/btn.scss
View file @ f676ae7e
......@@ -13,7 +13,7 @@
}
}
.btn-A{
width: 110px;
width: auto;
height: 32px;
background: #0154FB;
color: #FFFFFF;
......
src/locales/baseData/criticalPartsList/BaseInternationalKeyComponents/en.json
View file @ f676ae7e
......@@ -18,7 +18,7 @@
"ModelCode": "Model Code",
"PowerType": "Power Type",
"EngineModel": "Engine Model",
"PowerBatteryModel": "Power Battery Model",
"PowerBatteryModel": "Battery Model",
"TransmissionModel": "Transmission Model",
"ListVersion": "List Version",
"Brand": "Brand",
......
src/locales/baseData/criticalPartsList/BaseInternationalKeyComponentsDetail/cn.json
View file @ f676ae7e
......@@ -14,6 +14,7 @@
"Prompt":"提示",
"Areyousureyouwanttodeletethisdata":"确认删除该数据吗？",
"UploadFile": "上传文件",
"DownloadTemplate": "下载模板",
"BusinessUnit": "事业部",
"ApplicableMarket": "适用市场",
"ModelCode": "车型代码",
......@@ -27,7 +28,7 @@
"ListCode": "清单编号",
"Effective": "已生效",
"NotEffective": "未生效",
"Effectiveness": "生效",
"TakeEffect": "生效",
"PartName": "零部件名称",
"EnglishName": "英文名称",
"ModelNumber": "型号",
......
src/locales/baseData/criticalPartsList/BaseInternationalKeyComponentsDetail/en.json
View file @ f676ae7e
......@@ -28,7 +28,7 @@
"DownloadTemplate": "Download Template",
"Effective": "Effective",
"NotEffective": "Not Effective",
"Effectiveness": "Effectiveness",
"TakeEffect": "Take Effect",
"PartName": "Part Name",
"EnglishName": "English Name",
"ModelNumber": "Model Number",
......
src/views/baseData/criticalPartsList/BaseIntlPartTemplate/index.vue
View file @ f676ae7e
......@@ -111,21 +111,19 @@
width="500px"
>
<template #title>
<div>
<div>{{cn.CopyandAdd}}</div>
<div>{{en.CopyandAdd}}</div>
</div>
{{cn.CopyandAdd}}
{{en.CopyandAdd}}
</template>
<el-form ref="templateRef" :model="form" label-width="auto">
<el-form-item label="事业部" prop="division">
<template #label>
<div>
<div style="line-height: 15px;">
<div>{{cn.BusinessUnit}}</div>
<div>{{en.BusinessUnit}}</div>
</div>
</template>
<el-select v-model="form.division"
:placeholder="`${cn.PleaseSelect}/${en.PleaseSelect}`">
:placeholder="`${cn.PleaseSelect}${en.PleaseSelect}`">
<el-option
v-for="item in divisionOptions"
:key="item.value"
......@@ -138,16 +136,10 @@
<template #footer>
<div class="dialog-footer">
<el-button class="btn-A" @click="cancel">
<div>
<div>{{cn.Cancel}}</div>
<div>{{en.Cancel}}</div>
</div>
{{cn.Cancel}}{{en.Cancel}}
</el-button>
<el-button class="btn-B" @click="submitForm">
<div>
<div>{{cn.Submit}}</div>
<div>{{en.Submit}}</div>
</div>
{{cn.Submit}}{{en.Submit}}
</el-button>
</div>
</template>
......@@ -160,21 +152,18 @@
top="30"
>
<template #title>
<div>
<div>{{cn.AddBusinessUnit}}</div>
<div>{{en.AddBusinessUnit}}</div>
</div>
{{cn.AddBusinessUnit}}{{en.AddBusinessUnit}}
</template>
<el-form ref="templateRef" :model="form" label-width="auto">
<el-form-item label="事业部" prop="division">
<template #label>
<div style="line-height: 15px;">
<div>{{cn.BusinessUnit}}</div>
<div>{{en.BusinessUnit}}</div>
</div>
</template>
<el-select v-model="form.division"
:placeholder="`${cn.PleaseSelect}/${en.PleaseSelect}`">
:placeholder="`${cn.PleaseSelect}${en.PleaseSelect}`">
<el-option
v-for="item in divisionOptions"
:key="item.value"
......@@ -187,16 +176,10 @@
<template #footer>
<div class="dialog-footer">
<el-button class="btn-A" @click="cancel">
<div>
<div>{{cn.Cancel}}</div>
<div>{{en.Cancel}}</div>
</div>
{{cn.Cancel}}{{en.Cancel}}
</el-button>
<el-button class="btn-B" @click="submitForm">
<div>
<div>{{cn.Submit}}</div>
<div>{{en.Submit}}</div>
</div>
{{cn.Submit}}{{en.Submit}}
</el-button>
</div>
</template>
......@@ -209,10 +192,7 @@
style="width: 400px;height: 195px;margin-top: 300px"
>
<template #header>
<div>
<div>{{cn.Prompt}}</div>
<div>{{en.Prompt}}</div>
</div>
{{cn.Prompt}}{{en.Prompt}}
</template>
<div style="display: flex;align-items: center;">
<el-icon style="color: orange;font-size: 18px;margin:5px">
......@@ -227,17 +207,11 @@
<div style="margin-top: 10px">
<!-- 取消-->
<el-button class="btn-B" @click="cancel">
<div>
<div>{{cn.Cancel}}</div>
<div>{{en.Cancel}}</div>
</div>
{{cn.Cancel}}{{en.Cancel}}
</el-button>
<!-- 提交-->
<el-button class="btn-A" @click="handleDelete">
<div>
<div>{{cn.Submit}}</div>
<div>{{en.Submit}}</div>
</div>
{{cn.Submit}}{{en.Submit}}
</el-button>
</div>
</template>
......
src/views/controlPlan/relationshipManagement/ControlInternationalMarketGroup/MarketGroupView.vue
View file @ f676ae7e
......@@ -2,12 +2,22 @@
<div class="app-container">
<el-row>
<el-col :span="22">
<el-descriptions :column="5">
<el-descriptions-item width="100px">
<el-button link @click="onBack" icon="ArrowLeft">返回</el-button>
<el-descriptions :column="2">
<el-descriptions-item width="110px">
<!-- 返回-->
<el-button link type="primary" @click="onBack" icon="ArrowLeft">
{{cn.Back}}
{{en.Back}}
</el-button>
</el-descriptions-item>
<el-descriptions-item label="市场组:" width="130px">
{{ marketGroup }}
<el-descriptions-item label="市场组:">
<template #label>
{{cn.MarketGroup}}
{{en.MarketGroup}}:
</template>
<template #default>
{{ marketGroup }}
</template>
</el-descriptions-item>
</el-descriptions>
</el-col>
......@@ -15,30 +25,64 @@
<el-form :model="queryParams" ref="queryRef" :inline="true" label-width="auto" label-suffix=":">
<el-form-item label="标准编号" prop="standardNumber">
<template #label>
<div style="line-height: 15px">
{{cn.StandardNumber}}<br/>
{{en.StandardNumber}}
</div>
</template>
<el-input
v-model="queryParams.standardNumber"
placeholder="请输入"
:placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="标准名称" prop="standardName">
<template #label>
<div style="line-height: 15px">
{{cn.StandardName}}<br/>
{{en.StandardName}}
</div>
</template>
<el-input
v-model="queryParams.standardName"
placeholder="请输入"
:placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button class="btn-A" icon="Search" @click="handleQuery">搜索</el-button>
<el-button class="btn-B" icon="Refresh" @click="resetQuery">重置</el-button>
<el-button class="btn-A" @click="handleQuery">
{{cn.Search}}
{{en.Search}}
</el-button>
<el-button class="btn-B" @click="resetQuery">
{{cn.Reset}}
{{en.Reset}}
</el-button>
</el-form-item>
</el-form>
<el-table v-loading="loading" :data="groupList" border>
<el-table-column type="selection" width="55" align="center" />
<el-table-column type="index" width="55" align="center" label="序号"/>
<el-table-column label="标准编号" align="center" prop="standardNumber" />
<el-table-column label="标准名称" align="center" prop="standardName" />
<el-table-column type="index" width="65" align="center" label="序号">
<template #header>
{{cn.Index}}<br/>
{{en.Index}}
</template>
</el-table-column>
<el-table-column label="标准编号" align="center" prop="standardNumber" >
<template #header>
{{cn.StandardNumber}}<br/>
{{en.StandardNumber}}
</template>
</el-table-column>
<el-table-column label="标准名称" align="center" prop="standardName">
<template #header>
{{cn.StandardName}}<br/>
{{en.StandardName}}
</template>
</el-table-column>
</el-table>
<pagination
......@@ -53,6 +97,9 @@
<script setup>
import { listStandard } from '@/api/ControlInternationalMarketGroup/group.js'
import cn from "@/locales/controlPlan/relationshipManagement/ControlInternationalMarketGroup/MarketGroupView/cn.json"
import en from "@/locales/controlPlan/relationshipManagement/ControlInternationalMarketGroup/MarketGroupView/en.json"
const { proxy } = getCurrentInstance();
const groupList = ref([]);
......@@ -100,3 +147,8 @@ function onBack() {
}
getList();
</script>
<style lang="scss" scoped>
.el-row {
margin-bottom: 20px;
}
</style>
src/views/controlPlan/relationshipManagement/ControlInternationalMarketGroup/index.vue
View file @ f676ae7e
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryRef" :inline="true" label-width="68px" label-suffix=":">
<el-form :model="queryParams" ref="queryRef" :inline="true" label-width="auto" label-suffix=":">
<el-form-item label="市场组" prop="marketGroup">
<template #label>
<div style="line-height: 15px">
{{cn.MarketGroup}}<br/>
{{en.MarketGroup}}
</div>
</template>
<el-input
v-model="queryParams.marketGroup"
placeholder="请输入"
:placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button class="btn-A" icon="Search" @click="handleQuery">搜索</el-button>
<el-button class="btn-B" icon="Refresh" @click="resetQuery">重置</el-button>
<!-- 搜索-->
<el-button class="btn-A" @click="handleQuery">
{{cn.Search}}
{{en.Search}}
</el-button>
<!-- 重置-->
<el-button class="btn-B" @click="resetQuery">
{{cn.Reset}}
{{en.Reset}}
</el-button>
</el-form-item>
</el-form>
<el-table v-loading="loading" :data="groupList" border>
<el-table-column type="index" width="55" align="center" label="序号"/>
<el-table-column label="市场组" align="center" prop="marketGroup" />
<el-table-column label="修改时间" align="center" prop="createTime" />
<el-table-column type="index" width="65" align="center" label="序号">
<template #header>
{{cn.Index}}<br/>
{{en.Index}}
</template>
</el-table-column>
<el-table-column label="市场组" align="center" prop="marketGroup">
<template #header>
{{cn.MarketGroup}}<br/>
{{en.MarketGroup}}
</template>
</el-table-column>
<el-table-column label="修改时间" align="center" prop="createTime">
<template #header>
{{cn.UpdateTime}}<br/>
{{en.UpdateTime}}
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #header>
{{cn.Operations}}<br/>
{{en.Operations}}
</template>
<template #default="scope">
<el-button link type="primary" @click="handleView(scope.row)">查看标准</el-button>
<!-- 查看标准-->
<el-button link type="primary" @click="handleView(scope.row)">
{{cn.ViewStandard}}<br/>
{{en.ViewStandard}}
</el-button>
</template>
</el-table-column>
</el-table>
......@@ -37,6 +74,8 @@
<script setup>
import { listGroup } from "@/api/ControlInternationalMarketGroup/group.js";
import cn from "@/locales/controlPlan/relationshipManagement/ControlInternationalMarketGroup/cn.json";
import en from "@/locales/controlPlan/relationshipManagement/ControlInternationalMarketGroup/en.json";
const { proxy } = getCurrentInstance();
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment