From f676ae7e7c54e872cfd39e950b85ed22eeed726d Mon Sep 17 00:00:00 2001 From: wangjiancheng <2200844124@qq.com> Date: Fri, 9 May 2025 14:25:53 +0800 Subject: [PATCH] =?UTF-8?q?refactor:=E4=BF=AE=E6=94=B9=E5=9B=BD=E9=99=85?= =?UTF-8?q?=E5=B8=82=E5=9C=BA=E7=BB=84=E6=9F=A5=E8=AF=A2=E3=80=81=E6=A0=87?= =?UTF-8?q?=E5=87=86=E4=BF=A1=E6=81=AF=E9=A1=B5=E9=9D=A2=E3=80=81=E5=9B=BD?= =?UTF-8?q?=E9=99=85=E5=85=B3=E9=94=AE=E9=9B=B6=E9=83=A8=E4=BB=B6=E6=B8=85?= =?UTF-8?q?=E5=8D=95=E3=80=81=E9=9B=B6=E9=83=A8=E4=BB=B6=E8=AF=A6=E6=83=85?= =?UTF-8?q?=E9=A1=B5=E3=80=81=E5=9B=BD=E9=99=85=E9=9B=B6=E9=83=A8=E4=BB=B6?= =?UTF-8?q?=E6=A8=A1=E6=9D=BF=E3=80=81=E6=A8=A1=E6=9D=BF=E8=AF=A6=E6=83=85?= =?UTF-8?q?=E9=A1=B5=E4=B8=AD=E6=96=87=E8=8B=B1=E6=96=87?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/styles/btn.scss | 2 +- .../BaseInternationalKeyComponents/en.json | 2 +- .../cn.json | 3 +- .../en.json | 2 +- .../MarketGroupView/cn.json | 0 .../MarketGroupView/en.json | 0 .../ControlInternationalMarketGroup/cn.json | 0 .../ControlInternationalMarketGroup/en.json | 0 .../BaseInternationalKeyComponents/index.vue | 278 ++++++++++-------- .../index.vue | 180 +++++++----- .../BaseIntlPartTemplate/index.vue | 56 +--- .../BaseIntlPartTemplateDetail/index.vue | 134 ++++----- .../MarketGroupView.vue | 76 ++++- .../ControlInternationalMarketGroup/index.vue | 55 +++- 14 files changed, 454 insertions(+), 334 deletions(-) rename src/locales/{baseData/criticalPartsList => controlPlan/relationshipManagement}/ControlInternationalMarketGroup/MarketGroupView/cn.json (100%) rename src/locales/{baseData/criticalPartsList => controlPlan/relationshipManagement}/ControlInternationalMarketGroup/MarketGroupView/en.json (100%) rename src/locales/{baseData/criticalPartsList => controlPlan/relationshipManagement}/ControlInternationalMarketGroup/cn.json (100%) rename src/locales/{baseData/criticalPartsList => controlPlan/relationshipManagement}/ControlInternationalMarketGroup/en.json (100%) diff --git a/src/assets/styles/btn.scss b/src/assets/styles/btn.scss index 833fe76..a810339 100644 --- a/src/assets/styles/btn.scss +++ b/src/assets/styles/btn.scss @@ -13,7 +13,7 @@ } } .btn-A{ - width: 110px; + width: auto; height: 32px; background: #0154FB; color: #FFFFFF; diff --git a/src/locales/baseData/criticalPartsList/BaseInternationalKeyComponents/en.json b/src/locales/baseData/criticalPartsList/BaseInternationalKeyComponents/en.json index a70d984..7553186 100644 --- a/src/locales/baseData/criticalPartsList/BaseInternationalKeyComponents/en.json +++ b/src/locales/baseData/criticalPartsList/BaseInternationalKeyComponents/en.json @@ -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", diff --git a/src/locales/baseData/criticalPartsList/BaseInternationalKeyComponentsDetail/cn.json b/src/locales/baseData/criticalPartsList/BaseInternationalKeyComponentsDetail/cn.json index 402072c..4859faf 100644 --- a/src/locales/baseData/criticalPartsList/BaseInternationalKeyComponentsDetail/cn.json +++ b/src/locales/baseData/criticalPartsList/BaseInternationalKeyComponentsDetail/cn.json @@ -14,6 +14,7 @@ "Prompt":"æç¤º", "Areyousureyouwanttodeletethisdata":"ç¡®è®¤åˆ é™¤è¯¥æ•°æ®å—?", "UploadFile": "ä¸Šä¼ æ–‡ä»¶", + "DownloadTemplate": "下载模æ¿", "BusinessUnit": "事业部", "ApplicableMarket": "适用市场", "ModelCode": "车型代ç ", @@ -27,7 +28,7 @@ "ListCode": "清å•ç¼–å·", "Effective": "已生效", "NotEffective": "未生效", - "Effectiveness": "生效", + "TakeEffect": "生效", "PartName": "零部件åç§°", "EnglishName": "英文åç§°", "ModelNumber": "åž‹å·", diff --git a/src/locales/baseData/criticalPartsList/BaseInternationalKeyComponentsDetail/en.json b/src/locales/baseData/criticalPartsList/BaseInternationalKeyComponentsDetail/en.json index 5774460..6bdddf9 100644 --- a/src/locales/baseData/criticalPartsList/BaseInternationalKeyComponentsDetail/en.json +++ b/src/locales/baseData/criticalPartsList/BaseInternationalKeyComponentsDetail/en.json @@ -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", diff --git a/src/locales/baseData/criticalPartsList/ControlInternationalMarketGroup/MarketGroupView/cn.json b/src/locales/controlPlan/relationshipManagement/ControlInternationalMarketGroup/MarketGroupView/cn.json similarity index 100% rename from src/locales/baseData/criticalPartsList/ControlInternationalMarketGroup/MarketGroupView/cn.json rename to src/locales/controlPlan/relationshipManagement/ControlInternationalMarketGroup/MarketGroupView/cn.json diff --git a/src/locales/baseData/criticalPartsList/ControlInternationalMarketGroup/MarketGroupView/en.json b/src/locales/controlPlan/relationshipManagement/ControlInternationalMarketGroup/MarketGroupView/en.json similarity index 100% rename from src/locales/baseData/criticalPartsList/ControlInternationalMarketGroup/MarketGroupView/en.json rename to src/locales/controlPlan/relationshipManagement/ControlInternationalMarketGroup/MarketGroupView/en.json diff --git a/src/locales/baseData/criticalPartsList/ControlInternationalMarketGroup/cn.json b/src/locales/controlPlan/relationshipManagement/ControlInternationalMarketGroup/cn.json similarity index 100% rename from src/locales/baseData/criticalPartsList/ControlInternationalMarketGroup/cn.json rename to src/locales/controlPlan/relationshipManagement/ControlInternationalMarketGroup/cn.json diff --git a/src/locales/baseData/criticalPartsList/ControlInternationalMarketGroup/en.json b/src/locales/controlPlan/relationshipManagement/ControlInternationalMarketGroup/en.json similarity index 100% rename from src/locales/baseData/criticalPartsList/ControlInternationalMarketGroup/en.json rename to src/locales/controlPlan/relationshipManagement/ControlInternationalMarketGroup/en.json diff --git a/src/views/baseData/criticalPartsList/BaseInternationalKeyComponents/index.vue b/src/views/baseData/criticalPartsList/BaseInternationalKeyComponents/index.vue index 4160ab4..1a16595 100644 --- a/src/views/baseData/criticalPartsList/BaseInternationalKeyComponents/index.vue +++ b/src/views/baseData/criticalPartsList/BaseInternationalKeyComponents/index.vue @@ -1,18 +1,17 @@ <template> <div class="app-container"> - <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="120px"> + <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="120px" label-position="left"> <!-- 事业部 --> <el-form-item prop="division"> <template #label> <div style="line-height: 15px;"> - {{cn.BusinessUnit}} - <br/> + {{cn.BusinessUnit}}<br/> {{en.BusinessUnit}} </div> </template> <el-input v-model="queryParams.division" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`" @keyup.enter="handleQuery" /> </el-form-item> @@ -25,7 +24,7 @@ </template> <el-input v-model="queryParams.applicableMarket" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`" @keyup.enter="handleQuery" /> </el-form-item> @@ -39,7 +38,7 @@ </template> <el-input v-model="queryParams.modelCode" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`" @keyup.enter="handleQuery" /> </el-form-item> @@ -53,7 +52,7 @@ </template> <el-input v-model="queryParams.powerType" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`" @keyup.enter="handleQuery" /> </el-form-item> @@ -67,7 +66,7 @@ </template> <el-input v-model="queryParams.engineModel" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`" @keyup.enter="handleQuery" /> </el-form-item> @@ -81,7 +80,7 @@ </template> <el-input v-model="queryParams.powerBatteryModel" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`" @keyup.enter="handleQuery" /> </el-form-item> @@ -95,7 +94,7 @@ </template> <el-input v-model="queryParams.transmissionModel" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`" @keyup.enter="handleQuery" /> </el-form-item> @@ -109,7 +108,7 @@ </template> <el-input v-model="queryParams.listVersion" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`" @keyup.enter="handleQuery" /> </el-form-item> @@ -122,7 +121,7 @@ </div> </template> <el-select v-model="queryParams.brand" - :placeholder="`${cn.PleaseSelect}/${en.PleaseSelect}`" size="default" style="width: 193px"> + :placeholder="`${cn.PleaseSelect}${en.PleaseSelect}`" size="default" style="width: 193px"> <el-option v-for="item in brandOptions" :key="item.value" @@ -140,7 +139,7 @@ </div> </template> <el-select v-model="queryParams.dataStatus" - :placeholder="`${cn.PleaseSelect}/${en.PleaseSelect}`" size="default" style="width: 193px"> + :placeholder="`${cn.PleaseSelect}${en.PleaseSelect}`" size="default" style="width: 193px"> <el-option v-for="dict in dataStatusOptions" :key="dict.value" @@ -159,38 +158,35 @@ </template> <el-input v-model="queryParams.listCode" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :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 class="btn-A" @click="handleQuery"> <div> - <div>{{cn.Search}}</div> - <div>{{en.Search}}</div> + <div>{{cn.Search}}{{en.Search}}</div> </div> </el-button> <!-- é‡ç½®--> - <el-button class="btn-B" icon="Refresh" @click="resetQuery"> + <el-button class="btn-B" @click="resetQuery"> <div> - <div>{{cn.Reset}}</div> - <div>{{en.Reset}}</div> + <div>{{cn.Reset}}{{en.Reset}}</div> </div> </el-button> </el-form-item> </el-form> <el-row> - <el-col :offset="19"> + <el-col :offset="17"> <!-- 下载模æ¿--> <el-button class="btn-A" @click="handleDownload" > <div> - <div>{{cn.DownloadTemplate}}</div> - <div>{{en.DownloadTemplate}}</div> + <div>{{cn.DownloadTemplate}}{{en.DownloadTemplate}}</div> </div> </el-button> <!-- 新增清å•--> @@ -199,8 +195,7 @@ @click="handleAdd" > <div> - <div>{{cn.AddList}}</div> - <div>{{en.AddList}}</div> + <div>{{cn.AddList}}{{en.AddList}}</div> </div> </el-button> </el-col> @@ -369,11 +364,12 @@ label-suffix=":"> <el-form-item label="市场" prop="applicableMarket"> <template #label> - {{cn.Market}} + + {{cn.Market}}<br/> {{en.Market}} </template> <el-select v-model="form.applicableMarket" - :placeholder="`${cn.PleaseSelect}/${en.PleaseSelect}`" multiple> + :placeholder="`${cn.PleaseSelect}${en.PleaseSelect}`" multiple> <el-option v-for="(item, index) in applicableMarketOptions" :key="item" @@ -384,10 +380,12 @@ </el-form-item> <el-form-item label="事业部" prop="division"> <template #label> - {{cn.BusinessUnit}} + + {{cn.BusinessUnit}}<br/> {{en.BusinessUnit}} + </template> - <el-select v-model="form.division" :placeholder="`${cn.PleaseSelect}/${en.PleaseSelect}`"> + <el-select v-model="form.division" :placeholder="`${cn.PleaseSelect}${en.PleaseSelect}`"> <el-option v-for="item in divisionNameOptions" :key="item.value" @@ -398,11 +396,13 @@ </el-form-item> <el-form-item label="å“牌" prop="brand"> <template #label> - {{cn.Brand}} + + {{cn.Brand}}<br/> {{en.Brand}} + </template> <el-select v-model="form.brand" - :placeholder="`${cn.PleaseSelect}/${en.PleaseSelect}`" multiple> + :placeholder="`${cn.PleaseSelect}${en.PleaseSelect}`" multiple> <el-option v-for="item in brandOptions" :key="item.value" @@ -415,11 +415,13 @@ <el-col :span="12"> <el-form-item label="车型代ç " prop="modelCode"> <template #label> - {{cn.ModelCode}} + + {{cn.ModelCode}}<br/> {{en.ModelCode}} + </template> <el-select v-model="form.modelCode" - :placeholder="`${cn.PleaseSelect}/${en.PleaseSelect}`"> + :placeholder="`${cn.PleaseSelect}${en.PleaseSelect}`"> <el-option v-for="item in modelCodeOptions" :key="item.value" @@ -432,11 +434,13 @@ <el-col :span="12"> <el-form-item label="动力类型" prop="powerType"> <template #label> - {{cn.PowerType}} + + {{cn.PowerType}}<br/> {{en.PowerType}} + </template> <el-select v-model="form.powerType" - :placeholder="`${cn.PleaseSelect}/${en.PleaseSelect}`"> + :placeholder="`${cn.PleaseSelect}${en.PleaseSelect}`"> <el-option v-for="item in powerTypeOptions" :key="item.value" @@ -452,11 +456,10 @@ <el-tooltip content="æ·»åŠ " placement="bottom"> <template #content> <div> - <div>{{cn.Add}}</div> - <div>{{en.Add}}</div> + <div>{{cn.Add}}{{en.Add}}</div> </div> </template> - <el-button @click="addRow" circle>+</el-button> + <el-button size="small" @click="addRow" circle>+</el-button> </el-tooltip> </el-form-item> <div v-for="(items,index) in addForm.model" :key="index"> @@ -464,11 +467,12 @@ <el-col :span="7"> <el-form-item label="å‘动机型å·" prop="engineModel"> <template #label> - {{cn.EngineModel}} + {{cn.EngineModel}}<br/> {{en.EngineModel}} + </template> <el-select v-model="items.engineModel" - :placeholder="`${cn.PleaseSelect}/${en.PleaseSelect}`" style="width: 170px"> + :placeholder="`${cn.PleaseSelect}${en.PleaseSelect}`" style="width: 170px"> <el-option v-for="item in engineModelOptions" :key="item.value" @@ -481,11 +485,12 @@ <el-col :span="7"> <el-form-item label="åŠ¨åŠ›ç”µæ± åž‹å·" prop="powerBatteryModel"> <template #label> - {{cn.PowerBatteryModel}} + + {{cn.PowerBatteryModel}}<br/> {{en.PowerBatteryModel}} </template> <el-select v-model="items.powerBatteryModel" - :placeholder="`${cn.PleaseSelect}/${en.PleaseSelect}`" style="width: 170px"> + :placeholder="`${cn.PleaseSelect}${en.PleaseSelect}`" style="width: 170px"> <el-option v-for="item in powerBatteryModelOptions" :key="item.value" @@ -495,14 +500,15 @@ </el-select> </el-form-item> </el-col> - <el-col :span="7"> + <el-col :span="8.5"> <el-form-item label="å˜é€Ÿå™¨åž‹å·" prop="transmissionModel"> <template #label> - {{cn.TransmissionModel}} + {{cn.TransmissionModel}}<br/> {{en.TransmissionModel}} + </template> <el-select v-model="items.transmissionModel" - :placeholder="`${cn.PleaseSelect}/${en.PleaseSelect}`" style="width: 170px"> + :placeholder="`${cn.PleaseSelect}${en.PleaseSelect}`" style="width: 130px"> <el-option v-for="item in transmissionModelOptions" :key="item.value" @@ -512,15 +518,14 @@ </el-select> </el-form-item> </el-col> - <el-col :span="3"> - <el-tooltip content="åˆ é™¤" placement="right"> + <el-col :span="0.5"> + <el-tooltip content="åˆ é™¤" placement="bottom"> <template #content> <div> - <div>{{cn.Delete}}</div> - <div>{{en.Delete}}</div> + <div>{{cn.Delete}}{{en.Delete}}</div> </div> </template> - <el-button @click="deleteRow(index)" v-show="addForm.model.length > 1" circle>-</el-button> + <el-button size="small" @click="deleteRow(index)" v-show="addForm.model.length > 1" circle>-</el-button> </el-tooltip> </el-col> </el-row> @@ -528,8 +533,10 @@ </el-row> <el-form-item label="å…³é”®é›¶éƒ¨ä»¶æ¸…å•æ–‡ä»¶" prop="file"> <template #label> - {{cn.KeyComponentsListFile}} + + {{cn.KeyComponentsListFile}}<br/> {{en.KeyComponentsListFile}} + </template> <el-upload ref="upload" @@ -538,7 +545,7 @@ :on-change="handleFileChange" > <!-- 选择文件--> - <el-button> + <el-button class="btn-A" icon="Upload"> {{cn.SelectFile}} {{en.SelectFile}} </el-button> @@ -548,8 +555,10 @@ <el-col :span="12"> <el-form-item label="清å•版本å·" prop="listVersion"> <template #label> - {{cn.ListVersion}} + + {{cn.ListVersion}}<br/> {{en.ListVersion}} + </template> <el-input v-model="form.listVersion" disabled/> </el-form-item> @@ -557,8 +566,10 @@ <el-col :span="12"> <el-form-item label="清å•ç¼–å·" prop="listCode"> <template #label> - {{cn.ListCode}} + + {{cn.ListCode}}<br/> {{en.ListCode}} + </template> <el-input v-model="form.listCode" disabled/> </el-form-item> @@ -568,10 +579,10 @@ <template #footer> <div class="dialog-footer"> <el-button class="btn-A" @click="cancel"> - {{cn.Cancel}}<br/>{{en.Cancel}} + {{cn.Cancel}}{{en.Cancel}} </el-button> <el-button class="btn-B" @click="submitForm"> - {{cn.Confirm}}<br/>{{en.Confirm}} + {{cn.Confirm}}{{en.Confirm}} </el-button> </div> </template> @@ -589,10 +600,13 @@ label-suffix=":"> <el-form-item label="市场" prop="applicableMarket"> <template #label> - {{cn.Market}} + + {{cn.Market}}<br/> {{en.Market}} + </template> - <el-select v-model="form.applicableMarket" placeholder="请选择" multiple> + <el-select v-model="form.applicableMarket" + :placeholder="`${cn.PleaseSelect}${en.PleaseSelect}`" multiple> <el-option v-for="(item, index) in applicableMarketOptions" :key="item" @@ -603,10 +617,12 @@ </el-form-item> <el-form-item label="事业部" prop="division"> <template #label> - {{cn.Division}} - {{en.Division}} + + {{cn.BusinessUnit}}<br/> + {{en.BusinessUnit}} + </template> - <el-select v-model="form.division" placeholder="请选择"> + <el-select v-model="form.division" :placeholder="`${cn.PleaseSelect}${en.PleaseSelect}`"> <el-option v-for="item in divisionNameOptions" :key="item.value" @@ -617,10 +633,12 @@ </el-form-item> <el-form-item label="å“牌" prop="brand"> <template #label> - {{cn.Brand}} + + {{cn.Brand}}<br/> {{en.Brand}} + </template> - <el-select v-model="form.brand" placeholder="请选择" multiple> + <el-select v-model="form.brand" :placeholder="`${cn.PleaseSelect}${en.PleaseSelect}`" multiple> <el-option v-for="item in brandOptions" :key="item.value" @@ -633,10 +651,12 @@ <el-col :span="12"> <el-form-item label="车型代ç " prop="modelCode"> <template #label> - {{cn.ModelCode}} + + {{cn.ModelCode}}<br/> {{en.ModelCode}} + </template> - <el-select v-model="form.modelCode" placeholder="请选择"> + <el-select v-model="form.modelCode" :placeholder="`${cn.PleaseSelect}${en.PleaseSelect}`"> <el-option v-for="item in modelCodeOptions" :key="item.value" @@ -649,10 +669,12 @@ <el-col :span="12"> <el-form-item label="动力类型" prop="powerType"> <template #label> - {{cn.PowerType}} + + {{cn.PowerType}}<br/> {{en.PowerType}} + </template> - <el-select v-model="form.powerType" placeholder="请选择"> + <el-select v-model="form.powerType" :placeholder="`${cn.PleaseSelect}${en.PleaseSelect}`"> <el-option v-for="item in powerTypeOptions" :key="item.value" @@ -667,9 +689,9 @@ <el-form-item> <el-tooltip content="æ·»åŠ " placement="bottom"> <template #content> - {{cn.Add}}<br/>{{en.Add}} + {{cn.Add}}{{en.Add}} </template> - <el-button @click="addRow" circle>+</el-button> + <el-button size="small" @click="addRow" circle>+</el-button> </el-tooltip> </el-form-item> <div v-for="(items,index) in addForm.model" :key="index"> @@ -677,10 +699,12 @@ <el-col :span="7"> <el-form-item label="å‘动机型å·" prop="engineModel"> <template #label> - {{cn.EngineModel}} + + {{cn.EngineModel}}<br/> {{en.EngineModel}} + </template> - <el-select v-model="items.engineModel" placeholder="请选择" style="width: 170px"> + <el-select v-model="items.engineModel" :placeholder="`${cn.PleaseSelect}${en.PleaseSelect}`" style="width: 170px"> <el-option v-for="item in engineModelOptions" :key="item.value" @@ -693,10 +717,13 @@ <el-col :span="7"> <el-form-item label="åŠ¨åŠ›ç”µæ± åž‹å·" prop="powerBatteryModel"> <template #label> - {{cn.PowerBatteryModel}} + + {{cn.PowerBatteryModel}}<br/> {{en.PowerBatteryModel}} + </template> - <el-select v-model="items.powerBatteryModel" placeholder="请选择" style="width: 170px"> + <el-select v-model="items.powerBatteryModel" + :placeholder="`${cn.PleaseSelect}${en.PleaseSelect}`" style="width: 170px"> <el-option v-for="item in powerBatteryModelOptions" :key="item.value" @@ -706,13 +733,16 @@ </el-select> </el-form-item> </el-col> - <el-col :span="7"> + <el-col :span="9"> <el-form-item label="å˜é€Ÿå™¨åž‹å·" prop="transmissionModel"> <template #label> - {{cn.TransmissionModel}} + + {{cn.TransmissionModel}}<br/> {{en.TransmissionModel}} + </template> - <el-select v-model="items.transmissionModel" placeholder="请选择" style="width: 170px"> + <el-select v-model="items.transmissionModel" + :placeholder="`${cn.PleaseSelect}${en.PleaseSelect}`" style="width: 130px"> <el-option v-for="item in transmissionModelOptions" :key="item.value" @@ -722,12 +752,12 @@ </el-select> </el-form-item> </el-col> - <el-col :span="3"> - <el-tooltip content="åˆ é™¤" placement="right"> + <el-col :span="1"> + <el-tooltip content="åˆ é™¤" placement="bottom"> <template #content> - {{cn.Delete}}<br/>{{en.Delete}} + {{cn.Delete}}{{en.Delete}} </template> - <el-button @click="deleteRow(index)" v-show="addForm.model.length > 1" circle>-</el-button> + <el-button size="small" @click="deleteRow(index)" v-show="addForm.model.length > 1" circle>-</el-button> </el-tooltip> </el-col> </el-row> @@ -749,11 +779,10 @@ </el-drawer> <!-- 下载模æ¿å¯¹è¯æ¡†--> - <el-dialog v-model="openTemplate" title="下载模æ¿" width="600px"> + <el-dialog v-model="openTemplate" title="下载模æ¿" > <template #title> <div> - <div>{{cn.DownloadTemplate}}</div> - <div>{{en.DownloadTemplate}}</div> + <div>{{cn.DownloadTemplate}}{{en.DownloadTemplate}}</div> </div> </template> <el-alert title="è¯·æ ¹æ®è½¦åž‹ç®¡ç†å½’属事业部,选择æ£ç¡®çš„æ¨¡æ¿ä¸‹è½½å¡«å†™" type="warning" show-icon :closable="false"> @@ -797,15 +826,14 @@ <el-dialog v-model="openUpload" title="ä¸Šä¼ æ–‡ä»¶" width="600px"> <template #title> <div> - <div>{{cn.UploadFile}}</div> - <div>{{en.UploadFile}}</div> + <div>{{cn.UploadFile}}{{en.UploadFile}}</div> </div> </template> <el-form ref="baseInternationalRef" :model="form" label-width="auto" :rules="rules" label-position="top" label-suffix=":"> <el-form-item label="å…³é”®é›¶éƒ¨ä»¶æ¸…å•æ–‡ä»¶" prop="file"> <template #label> - {{cn.KeyComponentsListFile}} + {{cn.KeyComponentsListFile}}<br/> {{en.KeyComponentsListFile}} </template> <el-upload @@ -814,12 +842,18 @@ :limit="1" :on-change="handleFileChange" > - <el-button> + <el-button class="btn-A" icon="Upload"> <div> - <div>{{cn.SelectFile}}</div> - <div>{{en.SelectFile}}</div> + <div>{{cn.SelectFile}}{{en.SelectFile}}</div> </div> </el-button> +<!-- 下载模æ¿--> +<!-- <el-button link type="primary" @click="downloadTemplate1()">--> +<!-- <div>--> +<!-- <div>{{cn.DownloadKeyComponentsListTemplate}}</div>--> +<!-- <div>{{en.DownloadKeyComponentsListTemplate}}</div>--> +<!-- </div>--> +<!-- </el-button>--> </el-upload> </el-form-item> </el-form> @@ -840,17 +874,16 @@ <!-- å‡ç‰ˆå¯¹è¯æ¡† --> <el-drawer v-model="openUpgrade" title="å‡ç‰ˆ" width="600px"> <template #title> - <div> - <div>{{cn.UpgradeVersion}}</div> - <div>{{en.UpgradeVersion}}</div> - </div> + <div>{{cn.UpgradeVersion}}{{en.UpgradeVersion}}</div> </template> <el-form ref="baseInternationalRef" :model="form" label-width="auto" :rules="rules" label-suffix=":" label-position="top"> <el-form-item label="å…³é”®é›¶éƒ¨ä»¶æ¸…å•æ–‡ä»¶" prop="file"> <template #label> - {{cn.KeyComponentsListFile}} + + {{cn.KeyComponentsListFile}}<br/> {{en.KeyComponentsListFile}} + </template> <el-upload ref="upload" @@ -858,20 +891,20 @@ :limit="1" :on-change="handleFileChange" > - <el-button> - <div> - <div>{{cn.SelectFile}}</div> - <div>{{en.SelectFile}}</div> - </div> + <el-button class="btn-A" icon="Upload"> + {{cn.SelectFile}}{{en.SelectFile}} </el-button> </el-upload> </el-form-item> </el-form> +<!-- 编辑--> <el-form :model="form" label-width="auto" :rules="rules" label-suffix=":" label-position="left"> <el-form-item label="市场"> <template #label> - {{cn.Market}} + <div style="line-height: 15px;"> + {{cn.Market}}<br/> {{en.Market}} + </div> </template> <template #default> {{ isNotEmpty(form.applicableMarket) }} @@ -879,8 +912,10 @@ </el-form-item> <el-form-item label="事业部"> <template #label> - {{cn.BusinessUnit}} + <div style="line-height: 15px;"> + {{cn.BusinessUnit}}<br/> {{en.BusinessUnit}} + </div> </template> <template #default> {{ form.division }} @@ -888,8 +923,10 @@ </el-form-item> <el-form-item label="å“牌"> <template #label> - {{cn.Brand}} + <div style="line-height: 15px;"> + {{cn.Brand}}<br/> {{en.Brand}} + </div> </template> <template #default> {{ getBrandLabelsByIds(form.brand) }} @@ -897,8 +934,10 @@ </el-form-item> <el-form-item label="车型代ç "> <template #label> - {{cn.ModelCode}} + <div style="line-height: 15px;"> + {{cn.ModelCode}}<br/> {{en.ModelCode}} + </div> </template> <template #default> {{ form.modelCode }} @@ -906,8 +945,10 @@ </el-form-item> <el-form-item label="动力车型"> <template #label> - {{cn.PowerType}} + <div style="line-height: 15px;"> + {{cn.PowerType}}<br/> {{en.PowerType}} + </div> </template> <template #default> {{ form.powerType }} @@ -915,8 +956,10 @@ </el-form-item> <el-form-item label="å‘动机型å·"> <template #label> - {{cn.EngineModel}} + <div style="line-height: 15px;"> + {{cn.EngineModel}}<br/> {{en.EngineModel}} + </div> </template> <template #default> {{ isNotEmpty(form.engineModel) }} @@ -924,8 +967,10 @@ </el-form-item> <el-form-item label="åŠ¨åŠ›ç”µæ± åž‹å·"> <template #label> - {{cn.PowerBatteryModel}} + <div style="line-height: 15px;"> + {{cn.PowerBatteryModel}}<br/> {{en.PowerBatteryModel}} + </div> </template> <template #default> {{ isNotEmpty(form.powerBatteryModel) }} @@ -933,31 +978,24 @@ </el-form-item> <el-form-item label="å˜é€Ÿå™¨åž‹å·"> <template #label> - {{cn.TransmissionModel}} + <div style="line-height: 15px;"> + {{cn.TransmissionModel}}<br/> {{en.TransmissionModel}} + </div> </template> <template #default> {{ isNotEmpty(form.transmissionModel) }} </template> </el-form-item> - <el-form-item label="市场"> - <template #label> - {{cn.Market}} - {{en.Market}} - </template> - <template #default> - {{ isNotEmpty(form.applicableMarket) }} - </template> - </el-form-item> </el-form> <template #footer> <div class="dialog-footer"> <el-button class="btn-A" @click="cancel"> - {{cn.Cancel}}<br/> + {{cn.Cancel}} {{en.Cancel}} </el-button> <el-button class="btn-B" @click="submitUpgradeForm(form.id)"> - {{cn.Confirm}}<br/> + {{cn.Confirm}} {{en.Confirm}} </el-button> </div> @@ -987,9 +1025,9 @@ <template #footer> <div style="margin-top: 10px"> <!-- å–æ¶ˆ--> - <el-button class="btn-B" @click="cancel">{{cn.Cancel}}/{{en.Cancel}}</el-button> + <el-button class="btn-B" @click="cancel">{{cn.Cancel}}{{en.Cancel}}</el-button> <!-- æäº¤--> - <el-button class="btn-A" @click="handleDelete">{{cn.Submit}}/{{en.Submit}}</el-button> + <el-button class="btn-A" @click="handleDelete">{{cn.Submit}}{{en.Submit}}</el-button> </div> </template> </el-dialog> diff --git a/src/views/baseData/criticalPartsList/BaseInternationalKeyComponentsDetail/index.vue b/src/views/baseData/criticalPartsList/BaseInternationalKeyComponentsDetail/index.vue index 6aca14e..bcf904b 100644 --- a/src/views/baseData/criticalPartsList/BaseInternationalKeyComponentsDetail/index.vue +++ b/src/views/baseData/criticalPartsList/BaseInternationalKeyComponentsDetail/index.vue @@ -1,37 +1,37 @@ <template> <div class="app-container"> <el-row> - <el-col :span="22"> + <el-col :span="20"> <el-descriptions :column="5"> <el-descriptions-item width="100px"> <!-- 返回--> - <el-button link @click="onBack" icon="ArrowLeft"> - {{ cn.Back }} + <el-button link type="primary" @click="onBack" icon="ArrowLeft"> + {{cn.Back }} {{en.Back}} </el-button> </el-descriptions-item> - <el-descriptions-item label="事业部:" width="130px"> + <el-descriptions-item label="事业部:"> <template #label> {{cn.BusinessUnit}} - {{en.BusinessUnit}} + {{en.BusinessUnit}}: </template> <template #default> {{ division }} </template> </el-descriptions-item> - <el-descriptions-item label="车型代ç :" width="200px"> + <el-descriptions-item label="车型代ç :" > <template #label> {{cn.ModelCode}} - {{en.ModelCode}} + {{en.ModelCode}}: </template> <template #default> {{ row.modelCode }} </template> </el-descriptions-item> - <el-descriptions-item label="清å•ç¼–å·:" width="240px"> + <el-descriptions-item label="清å•ç¼–å·:"> <template #label> {{cn.ListCode}} - {{en.ListCode}} + {{en.ListCode}}: </template> <template #default> {{ row.listCode }} @@ -40,7 +40,7 @@ <el-descriptions-item label="适用市场:"> <template #label> {{cn.ApplicableMarket}} - {{en.ApplicableMarket}} + {{en.ApplicableMarket}}: </template> <template #default> {{ isNotEmpty(row.applicableMarket) }} @@ -48,20 +48,20 @@ </el-descriptions-item> </el-descriptions> </el-col> - <el-col :span="2"> + <el-col :span="4"> <!-- 已生效--> <el-button link type="success" v-if="row.dataStatus === '已生效'"> - {{cn.Effective}} + {{cn.Effective}}<br/> {{en.Effective}} </el-button> <!-- 生效--> <el-button type="primary" @click="handleUpdateDataStatus(row.id)" v-else> - {{cn.Effectiveness}} - {{en.Effectiveness}} + {{cn.TakeEffect}}<br/> + {{en.TakeEffect}} </el-button> <!-- 未生效--> <el-button link type="danger" v-if="row.dataStatus === '未生效'"> - {{cn.NotEffective}} + {{cn.NotEffective}}<br/> {{en.NotEffective}} </el-button> </el-col> @@ -69,12 +69,22 @@ <el-descriptions :column="5" border style="margin-bottom: 20px"> <el-descriptions-item label="动力类型:"> - {{ row.powerType }} + <template #label> + <div style="line-height: 15px;"> + {{cn.PowerType}}<br/> + {{en.PowerType}} + </div> + </template> + <template #default> + {{ row.powerType }} + </template> </el-descriptions-item> <el-descriptions-item label="å‘动机型å·:"> <template #label> - {{cn.EngineModel}} + <div style="line-height: 15px;"> + {{cn.EngineModel}}<br/> {{en.EngineModel}} + </div> </template> <template #default> {{ isNotEmpty(row.engineModel) }} @@ -82,8 +92,10 @@ </el-descriptions-item> <el-descriptions-item label="ç”µæ± åž‹å·:"> <template #label> - {{cn.PowerBatteryModel}} + <div style="line-height: 15px;"> + {{cn.PowerBatteryModel}}<br/> {{en.PowerBatteryModel}} + </div> </template> <template #default> {{ isNotEmpty(row.powerBatteryModel) }} @@ -91,8 +103,10 @@ </el-descriptions-item> <el-descriptions-item label="å˜é€Ÿå™¨åž‹å·:"> <template #label> - {{cn.TransmissionModel}} + <div style="line-height: 15px;"> + {{cn.TransmissionModel}}<br/> {{en.TransmissionModel}} + </div> </template> <template #default> {{ isNotEmpty(row.transmissionModel) }} @@ -100,8 +114,10 @@ </el-descriptions-item> <el-descriptions-item label="清å•版本å·:"> <template #label> - {{cn.ListVersion}} + <div style="line-height: 15px;"> + {{cn.ListVersion}}<br/> {{en.ListVersion}} + </div> </template> <template #default> {{ row.listVersion }} @@ -109,124 +125,144 @@ </el-descriptions-item> </el-descriptions> <!-- æœç´¢æ --> - <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="auto" label-suffix=":"> + <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="230" label-suffix=":" label-position="left"> <el-form-item label="零部件åç§°" prop="componentName"> <template #label> - {{cn.PartName}} + <div style="line-height: 15px;"> + {{cn.PartName}}<br/> {{en.PartName}} + </div> </template> <el-input v-model="queryParams.componentName" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`" @keyup.enter="handleQuery" /> </el-form-item> <el-form-item label="英文åç§°" prop="englishName"> <template #label> - {{cn.EnglishName}} + <div style="line-height: 15px;"> + {{cn.EnglishName}}<br/> {{en.EnglishName}} + </div> </template> <el-input v-model="queryParams.englishName" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`" @keyup.enter="handleQuery" /> </el-form-item> <el-form-item label="åž‹å·" prop="model"> <template #label> - {{cn.Model}} - {{en.Model}} + <div style="line-height: 15px;"> + {{cn.ModelNumber}}<br/> + {{en.ModelNumber}} + </div> </template> <el-input v-model="queryParams.model" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`" @keyup.enter="handleQuery" /> </el-form-item> <el-form-item label="生产厂家" prop="manufacturer"> <template #label> - {{cn.Manufacturer}} + <div style="line-height: 15px;"> + {{cn.Manufacturer}}<br/> {{en.Manufacturer}} + </div> </template> <el-input v-model="queryParams.manufacturer" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`" @keyup.enter="handleQuery" /> </el-form-item> <el-form-item label="生产厂家(英文)" prop="manufacturerEnglish"> <template #label> - {{cn.ManufacturerEn}} + <div style="line-height: 15px;"> + {{cn.ManufacturerEn}}<br/> {{en.ManufacturerEn}} + </div> </template> <el-input v-model="queryParams.manufacturerEnglish" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`" @keyup.enter="handleQuery" /> </el-form-item> <el-form-item label="零部件认è¯è¯ä¹¦å·/注册å·" prop="certificationNumber"> <template #label> - {{cn.CertificationNumber}} + <div style="line-height: 15px;"> + {{cn.CertificationNumber}}<br/> {{en.CertificationNumber}} + </div> </template> <el-input v-model="queryParams.certificationNumber" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`" @keyup.enter="handleQuery" /> </el-form-item> <el-form-item label="é›¶éƒ¨ä»¶è®¤è¯æ ‡è®°è¦æ±‚" prop="certificationMarkRequirements"> <template #label> - {{cn.CertificationMarkRequirement}} + <div style="line-height: 15px;"> + {{cn.CertificationMarkRequirement}}<br/> {{en.CertificationMarkRequirement}} + </div> </template> <el-input v-model="queryParams.certificationMarkRequirements" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`" @keyup.enter="handleQuery" /> </el-form-item> <el-form-item label="专业部门" prop="professionalDepartment"> <template #label> - {{cn.SpecializedDepartment}} + <div style="line-height: 15px;"> + {{cn.SpecializedDepartment}}<br/> {{en.SpecializedDepartment}} + </div> </template> <el-input v-model="queryParams.professionalDepartment" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`" @keyup.enter="handleQuery" /> </el-form-item> <el-form-item label="p8åŽæ‰¹é‡ç”Ÿäº§å•ä½" prop="p8PostProductionUnit"> <template #label> - {{cn.MassProductionUnitAfterP8}} + <div style="line-height: 15px;"> + {{cn.MassProductionUnitAfterP8}}<br/> {{en.MassProductionUnitAfterP8}} + </div> </template> <el-input v-model="queryParams.p8PostProductionUnit" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`" @keyup.enter="handleQuery" /> </el-form-item> <el-form-item label="零件总æˆå·" prop="componentPartUmber"> <template #label> - {{cn.ComponentAssemblyNumber}} + <div style="line-height: 15px;"> + {{cn.ComponentAssemblyNumber}}<br/> {{en.ComponentAssemblyNumber}} + </div> </template> <el-input v-model="queryParams.componentPartUmber" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :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 class="btn-A" @click="handleQuery"> {{cn.Search}} {{en.Search}} </el-button> - <el-button class="btn-B" icon="Refresh" @click="resetQuery"> + <el-button class="btn-B" @click="resetQuery"> {{cn.Reset}} {{en.Reset}} </el-button> @@ -234,13 +270,13 @@ </el-form> <el-row style="margin-bottom: 10px" v-if="row.dataStatus === '未生效'"> - <el-col :offset="19"> + <el-col :offset="16"> <!-- ä¸Šä¼ æ–‡ä»¶--> <el-button class="btn-C" @click="handleUpload" > - {{cn.UploadFile}}<br/> + {{cn.UploadFile}} {{en.UploadFile}} </el-button> <!-- æ ¡å¯¹ç”Ÿäº§åŽ‚--> @@ -249,7 +285,7 @@ plain @click="handleVerify" > - {{cn.ProofreadingManufacturer}}<br/> + {{cn.ProofreadingManufacturer}} {{en.ProofreadingManufacturer}} </el-button> </el-col> @@ -419,13 +455,13 @@ <!-- ä¸Šä¼ æ–‡ä»¶å¯¹è¯æ¡† --> <el-dialog v-model="openUpload" title="ä¸Šä¼ æ–‡ä»¶" width="500px"> <template #title> - {{cn.UploadFile}}<br/> + {{cn.UploadFile}} {{en.UploadFile}} </template> - <el-form ref="baseInternationalRef" label-width="auto" label-position="top" label-suffix=":"> - <el-form-item label="å…³é”®é›¶éƒ¨ä»¶æ¸…å•æ–‡ä»¶" prop="fileUrl"> + <el-form ref="baseInternationalRef" label-width="auto" :rules="rules" label-position="top" label-suffix=":"> + <el-form-item label="å…³é”®é›¶éƒ¨ä»¶æ¸…å•æ–‡ä»¶" prop="file"> <template #label> - {{cn.KeyComponentsListFile}} + {{cn.KeyComponentsListFile}}<br/> {{en.KeyComponentsListFile}} </template> <el-upload @@ -438,8 +474,8 @@ :on-exceed="handleExceed" > <!-- 选择文件--> - <el-button> - {{cn.SelectFile}}<br/> + <el-button class="btn-A" icon="Upload"> + {{cn.SelectFile}} {{en.SelectFile}} </el-button> <template #tip> @@ -455,15 +491,13 @@ <!-- å–æ¶ˆ--> <el-button class="btn-A" @click="cancel"> <div> - <div>{{cn.Cancel}}</div> - <div>{{en.Cancel}}</div> + <div>{{cn.Cancel}}{{en.Cancel}}</div> </div> </el-button> <!-- æäº¤--> <el-button class="btn-B" @click="submitUploadForm"> <div> - <div>{{cn.Submit}}</div> - <div>{{en.Submit}}</div> + <div>{{cn.Submit}}{{en.Submit}}</div> </div> </el-button> </div> @@ -473,16 +507,18 @@ <!-- ç¼–è¾‘å¯¹è¯æ¡† --> <el-dialog title="编辑" v-model="open" width="500px"> <template #title> - {{cn.Edit}}<br/> + {{cn.Edit}} {{en.Edit}} </template> - <el-form ref="detailRef" :model="form" :rules="rules" label-width="128px"> + <el-form ref="detailRef" :model="form" :rules="rules" label-width="auto"> <el-form-item label="p8åŽæ‰¹é‡ç”Ÿäº§å•ä½" prop="p8PostProductionUnit"> <template #label> - {{cn.MassProductionUnitAfterP8}} + <div style="line-height: 15px;"> + {{cn.MassProductionUnitAfterP8}}<br/> {{en.MassProductionUnitAfterP8}} + </div> </template> - <el-select v-model="form.p8PostProductionUnit" placeholder="请选择"> + <el-select v-model="form.p8PostProductionUnit" :placeholder="`${cn.PleaseSelect}${en.PleaseSelect}`"> <el-option v-for="dict in p8_post_production_unit" :key="dict.value" @@ -493,10 +529,12 @@ </el-form-item> <el-form-item label="零件总æˆå·" prop="componentPartUmber"> <template #label> - {{cn.ComponentAssemblyNumber}} + <div style="line-height: 15px;"> + {{cn.ComponentAssemblyNumber}}<br/> {{en.ComponentAssemblyNumber}} + </div> </template> - <el-input v-model="form.componentPartUmber" placeholder="请填写"/> + <el-input v-model="form.componentPartUmber" :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`"/> </el-form-item> </el-form> <template #footer> @@ -504,15 +542,13 @@ <!-- å–æ¶ˆ--> <el-button class="btn-A" @click="cancel"> <div> - <div>{{cn.Cancel}}</div> - <div>{{en.Cancel}}</div> + <div>{{cn.Cancel}}{{en.Cancel}}</div> </div> </el-button> <!-- æäº¤--> <el-button class="btn-B" @click="submitForm"> <div> - <div>{{cn.Submit}}</div> - <div>{{en.Submit}}</div> + <div>{{cn.Submit}}{{en.Submit}}</div> </div> </el-button> </div> @@ -534,7 +570,7 @@ show-word-limit v-model="form.verifyRemark" :rows="10" - placeholder="请输入" + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`" /> </el-form-item> </el-form> @@ -542,14 +578,12 @@ <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}}</div> </div> </el-button> <el-button class="btn-B" @click="submitRemarkForm"> <div> - <div>{{cn.Submit}}</div> - <div>{{en.Submit}}</div> + <div>{{cn.Submit}}{{en.Submit}}</div> </div> </el-button> </div> @@ -618,7 +652,7 @@ const data = reactive({ verifyRemark: null }, rules: { - fileUrl: [{required: true, message: "å…³é”®é›¶éƒ¨ä»¶æ¸…å•æ–‡ä»¶ä¸èƒ½ä¸ºç©º", trigger: "blur"}] + file: [{required: true, message: "å…³é”®é›¶éƒ¨ä»¶æ¸…å•æ–‡ä»¶ä¸èƒ½ä¸ºç©º", trigger: "blur"}] } }); diff --git a/src/views/baseData/criticalPartsList/BaseIntlPartTemplate/index.vue b/src/views/baseData/criticalPartsList/BaseIntlPartTemplate/index.vue index 68c3fcc..b2c0ca2 100644 --- a/src/views/baseData/criticalPartsList/BaseIntlPartTemplate/index.vue +++ b/src/views/baseData/criticalPartsList/BaseIntlPartTemplate/index.vue @@ -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> diff --git a/src/views/baseData/criticalPartsList/BaseIntlPartTemplateDetail/index.vue b/src/views/baseData/criticalPartsList/BaseIntlPartTemplateDetail/index.vue index 73b9c85..bd0d6e4 100644 --- a/src/views/baseData/criticalPartsList/BaseIntlPartTemplateDetail/index.vue +++ b/src/views/baseData/criticalPartsList/BaseIntlPartTemplateDetail/index.vue @@ -2,31 +2,30 @@ <div class="app-container"> <el-row > <el-col> - <el-descriptions :column="5"> - <el-descriptions-item width="100px"> + <el-descriptions :column="3"> + <el-descriptions-item :labelStyle="{ width: '120px', paddingRight: '20px' }" :contentStyle="{ paddingLeft: '20px' }"> <!-- 返回--> - <el-button link @click="back" icon="ArrowLeft"> - <div> - <div>{{cn.Back}}</div> - <div>{{en.Back}}</div> - </div> + <el-button link type="primary" @click="back" icon="ArrowLeft"> + {{cn.Back}}{{en.Back}} </el-button> </el-descriptions-item> - <el-descriptions-item label="更新人" width="150"> + <el-descriptions-item label="更新人" :labelStyle="{ width: '120px', paddingRight: '20px' }" :contentStyle="{ paddingLeft: '20px' }"> <template #label> - <div> - <div>{{cn.LastUpdatedBy}}</div> - <div>{{en.LastUpdatedBy}}</div> - </div> + + {{cn.LastUpdatedBy}} + {{en.LastUpdatedBy}}: + </template> <template #default> {{ latestUpdateByName }} </template> </el-descriptions-item> - <el-descriptions-item label="事业部"> + <el-descriptions-item label="事业部" :labelStyle="{ width: '120px', paddingRight: '20px' }" :contentStyle="{ paddingLeft: '20px' }"> <template #label> - <div>{{cn.BusinessDivision}}</div> - <div>{{en.BusinessDivision}}</div> + + {{cn.BusinessUnit}} + {{en.BusinessUnit}}: + </template> <template #default> {{ Object.values(divisionCn).join('ã€') }} @@ -40,28 +39,28 @@ <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="auto" label-suffix=":"> <el-form-item label="关键零部件åç§°" prop="partNameId"> <template #label> - + <div style="line-height: 15px;"> <div>{{cn.KeyComponentName}}</div> <div>{{en.KeyComponentName}}</div> - + </div> </template> <el-input v-model="queryParams.criticalPartNameCn" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`" @keyup.enter="handleQuery" style="width: 200px" /> </el-form-item> <el-form-item label="英文åç§°" prop="partNameId"> <template #label> - + <div style="line-height: 15px;"> <div>{{cn.EnglishName}}</div> <div>{{en.EnglishName}}</div> - + </div> </template> <el-input v-model="queryParams.criticalPartNameEn" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`" @keyup.enter="handleQuery" style="width: 200px" > @@ -69,28 +68,28 @@ </el-form-item> <el-form-item label="备注:" prop="remark"> <template #label> - + <div style="line-height: 15px;"> <div>{{cn.Remarks}}</div> <div>{{en.Remarks}}</div> - + </div> </template> <el-input v-model="queryParams.remark" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`" @keyup.enter="handleQuery" style="width: 200px" /> </el-form-item> <el-form-item label="é›¶éƒ¨ä»¶è®¤è¯æ ‡è®°è¦æ±‚" prop="standardRequirements"> <template #label> - + <div style="line-height: 15px;"> <div>{{cn.ComponentCertificationMarkingRequirements}}</div> <div>{{en.ComponentCertificationMarkingRequirements}}</div> - + </div> </template> <el-input v-model="queryParams.partAuthenticationRequirements" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`" @keyup.enter="handleQuery" style="width: 200px" /> @@ -105,28 +104,28 @@ </el-form-item> <el-form-item label="专业部门" prop="department"> <template #label> - + <div style="line-height: 15px;"> <div>{{cn.ProfessionalDepartment}}</div> <div>{{en.ProfessionalDepartment}}</div> - + </div> </template> <el-input v-model="queryParams.department" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`" @keyup.enter="handleQuery" style="width: 200px" /> </el-form-item> <el-form-item label="P8åŽæ‰¹é‡ç”Ÿäº§å•ä½" prop="p8PostProductionUnit"> <template #label> - + <div style="line-height: 15px;"> <div>{{cn.MassProductionUnitAfterP8}}</div> <div>{{en.MassProductionUnitAfterP8}}</div> - + </div> </template> <el-input v-model="queryParams.p8PostProductionUnit" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`" @keyup.enter="handleQuery" style="width: 200px" /> @@ -141,47 +140,38 @@ </el-form-item> <el-form-item label="适用市场" prop="applicableMarket"> <template #label> - + <div style="line-height: 15px;"> <div>{{cn.ApplicableMarket}}</div> <div>{{en.ApplicableMarket}}</div> - + </div> </template> <el-input v-model="queryParams.applicableMarket" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`" + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`" @keyup.enter="handleQuery" style="width: 200px" /> </el-form-item> <el-form-item> <!-- æœç´¢--> - <el-button class="btn-A" icon="Search" @click="handleQuery"> - <div> - <div>{{cn.Search}}</div> - <div>{{en.Search}}</div> - </div> + <el-button class="btn-A" @click="handleQuery"> + {{cn.Search}}{{en.Search}} </el-button> <!-- é‡ç½®--> - <el-button class="btn-B" icon="Refresh" @click="resetQuery"> - <div> - <div>{{cn.Reset}}</div> - <div>{{en.Reset}}</div> - </div> + <el-button class="btn-B" @click="resetQuery"> + {{cn.Reset}}{{en.Reset}} </el-button> </el-form-item> </el-form> <el-row :gutter="46"> - <el-col :offset="21"> + <el-col :offset="20"> <!-- 导出模æ¿--> <el-button class="btn-C" @click="handleExport" > - <div> - <div>{{cn.ExportTemplate}}</div> - <div>{{en.ExportTemplate}}</div> - </div> + {{cn.ExportTemplate}}{{en.ExportTemplate}} </el-button> </el-col> </el-row> @@ -335,41 +325,38 @@ <el-drawer v-model="open" size="500px" direction="rtl" title="编辑零件"> <template #title> - <div> - <div>{{cn.EditPart}}</div> - <div>{{en.EditPart}}</div> - </div> + <div>{{cn.EditPart}}{{en.EditPart}}</div> </template> <template #default> - <el-form ref="detailRef" :model="form" :rules="rules" label-width="190" label-suffix=":"> + <el-form ref="detailRef" :model="form" :rules="rules" label-width="auto" label-suffix=":" > <el-form-item label="关键零部件åç§°" prop="criticalPartNameCn"> <template #label> - <div> + <div style="line-height: 15px;"> <div>{{cn.KeyComponentName}}</div> <div>{{en.KeyComponentName}}</div> </div> </template> - <el-input v-model="form.criticalPartNameCn" disabled/> + <el-input v-model="form.criticalPartNameCn" disabled /> </el-form-item> <el-form-item label="备注" prop="remark" v-show="isDefault === '1'"> <template #label> - <div> + <div style="line-height: 15px;"> <div>{{cn.Remarks}}</div> <div>{{en.Remarks}}</div> </div> </template> <el-input v-model="form.remark" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`"/> + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`"/> </el-form-item> <el-form-item label="é›¶éƒ¨ä»¶è®¤è¯æ ‡è®°è¦æ±‚" prop="standardRequirements" v-show="isDefault === '1'"> <template #label> - <div> + <div style="line-height: 15px; "> <div>{{cn.ComponentCertificationMarkingRequirements}}</div> <div>{{en.ComponentCertificationMarkingRequirements}}</div> </div> </template> <el-select v-model="form.partAuthenticationRequirements" - :placeholder="`${cn.PleaseSelect}/${en.PleaseSelect}`"> + :placeholder="`${cn.PleaseSelect}${en.PleaseSelect}`"> <el-option v-for="dict in part_authentication_requirements" :key="dict.value" @@ -380,13 +367,13 @@ </el-form-item> <el-form-item label="专业部门" prop="department" filterable> <template #label> - <div> + <div style="line-height: 15px;"> <div>{{cn.ProfessionalDepartment}}</div> <div>{{en.ProfessionalDepartment}}</div> </div> </template> <el-select v-model="form.department" - placeholder="请选择" + :placeholder="`${cn.PleaseSelect}${en.PleaseSelect}`" filterable allow-create> <el-option @@ -399,13 +386,13 @@ </el-form-item> <el-form-item label="p8åŽç«¯æ‰¹é‡ç”Ÿäº§å•ä½" prop="p8PostProductionUnit"> <template #label> - <div> + <div style="line-height: 15px; "> <div>{{cn.MassProductionUnitAfterP8}}</div> <div>{{en.MassProductionUnitAfterP8}}</div> </div> </template> <el-select v-model="form.p8PostProductionUnit" - :placeholder="`${cn.PleaseSelect}/${en.PleaseSelect}`"> + :placeholder="`${cn.PleaseSelect}${en.PleaseSelect}`"> <el-option v-for="dict in p8_post_production_unit" :key="dict.value" @@ -416,13 +403,13 @@ </el-form-item> <el-form-item label="排åº" prop="sort" v-show="isDefault === '1'"> <template #label> - <div> + <div style="line-height: 15px;"> <div>{{cn.SortOrder}}</div> <div>{{en.SortOrder}}</div> </div> </template> <el-input v-model="form.sort" type="number" - :placeholder="`${cn.PleaseEnter}/${en.PleaseEnter}`"/> + :placeholder="`${cn.PleaseEnter}${en.PleaseEnter}`"/> </el-form-item> </el-form> </template> @@ -430,17 +417,11 @@ <div style="flex: auto"> <!-- å–æ¶ˆ--> <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> @@ -631,4 +612,5 @@ getApplicableMarket(); .el-row { margin-bottom: 20px; } + </style> diff --git a/src/views/controlPlan/relationshipManagement/ControlInternationalMarketGroup/MarketGroupView.vue b/src/views/controlPlan/relationshipManagement/ControlInternationalMarketGroup/MarketGroupView.vue index f4f275f..34d5570 100644 --- a/src/views/controlPlan/relationshipManagement/ControlInternationalMarketGroup/MarketGroupView.vue +++ b/src/views/controlPlan/relationshipManagement/ControlInternationalMarketGroup/MarketGroupView.vue @@ -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> diff --git a/src/views/controlPlan/relationshipManagement/ControlInternationalMarketGroup/index.vue b/src/views/controlPlan/relationshipManagement/ControlInternationalMarketGroup/index.vue index 8192bc6..58edc25 100644 --- a/src/views/controlPlan/relationshipManagement/ControlInternationalMarketGroup/index.vue +++ b/src/views/controlPlan/relationshipManagement/ControlInternationalMarketGroup/index.vue @@ -1,26 +1,63 @@ <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(); -- 2.22.0