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

src/assets/styles/btn.scss

@@ -13,7 +13,7 @@
   }
 }
 .btn-A{
-  width: 110px;
+  width: auto;
   height: 32px;
   background: #0154FB;
   color: #FFFFFF;

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",

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": "型号",

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",

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>

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">
+          <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

 <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();