第二次修改

cirs-ui/src/views/biz/component/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="90px">
-      <el-form-item label="元器件编号" prop="componentId" >
+      <el-form-item label="元器件编号" prop="id" >
 
         <el-select v-model="queryParams.id" filterable placeholder="请输入元器件编号">
           <el-option
@@ -10,20 +10,22 @@
           </el-option>
         </el-select>
       </el-form-item>
+
       <el-form-item label="元器件名称" prop="componentName" >
-<!--        <el-input-->
-<!--          v-model="queryParams.componentName"-->
-<!--          placeholder="请输入元器件名称"-->
-<!--          clearable-->
-<!--          @keyup.enter.native="handleQuery"-->
-<!--        />-->
-        <el-select v-model="queryParams.componentName" filterable placeholder="请输入元器件名称">
-          <el-option
-            v-for="item in componentInfo"
-            :value="item.componentName">
-          </el-option>
-        </el-select>
-      </el-form-item>
+        <el-input
+          v-model="queryParams.componentName"
+          placeholder="请输入元器件名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+        </el-form-item>
+<!--        <el-select v-model="queryParams.componentName" filterable placeholder="请输入元器件名称">-->
+<!--          <el-option-->
+<!--            v-for="item in componentInfo"-->
+<!--            :value="item.componentName">-->
+<!--          </el-option>-->
+<!--        </el-select>-->
+<!--      </el-form-item>-->
 <!--      <el-form-item label="生产厂家" prop="manufacturer">-->
 <!--        <el-input-->
 <!--          v-model="queryParams.manufacturer"-->
@@ -31,31 +33,24 @@
 <!--          clearable-->
 <!--          @keyup.enter.native="handleQuery"-->
 <!--        />-->
-<!--      </el-form-item>-->
-<!--      <el-form-item label="型号规格" prop="componentModel">-->
-<!--        <el-input-->
-<!--          v-model="queryParams.componentModel"-->
-<!--          placeholder="请输入型号规格"-->
-<!--          clearable-->
-<!--          @keyup.enter.native="handleQuery"-->
-<!--        />-->
-<!--      </el-form-item>-->
-<!--      <el-form-item label="型号规格" prop="componentModel">-->
-<!--        <el-input-->
-<!--          v-model="queryParams.componentModel"-->
-<!--          placeholder="请输入型号规格"-->
-<!--          clearable-->
-<!--          @keyup.enter.native="handleQuery"-->
-<!--        />-->
 <!--      </el-form-item>-->
       <el-form-item label="型号规格" prop="componentModel">
-        <el-select v-model="queryParams.componentModel" filterable placeholder="请输入型号规格">
-          <el-option
-            v-for="item in componentInfo"
-            :value="item.componentModel">
-          </el-option>
-        </el-select>
+        <el-input
+          v-model="queryParams.componentModel"
+          placeholder="请输入型号规格"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
       </el-form-item>
+
+<!--      <el-form-item label="型号规格" prop="componentModel">-->
+<!--        <el-select v-model="queryParams.componentModel" filterable placeholder="请输入型号规格">-->
+<!--          <el-option-->
+<!--            v-for="item in componentInfo"-->
+<!--            :value="item.componentModel">-->
+<!--          </el-option>-->
+<!--        </el-select>-->
+<!--      </el-form-item>-->
 <!--      <el-form-item label="国产替代型号" prop="replaceDomesticModel">-->
 <!--        <el-input-->
 <!--          v-model="queryParams.replaceDomesticModel"-->
@@ -694,6 +689,7 @@ export default {
     },
     /** 重置按钮操作 */
     resetQuery() {
+
       this.resetForm("queryForm");
       this.handleQuery();
     },

cirs-ui/src/views/biz/evaluation/index.vue

@@ -23,14 +23,14 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="使用场景" prop="usedBy">
-        <el-input
-          v-model="queryParams.usedBy"
-          placeholder="请输入使用场景"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
+<!--      <el-form-item label="使用场景" prop="usedBy">-->
+<!--        <el-input-->
+<!--          v-model="queryParams.usedBy"-->
+<!--          placeholder="请输入使用场景"-->
+<!--          clearable-->
+<!--          @keyup.enter.native="handleQuery"-->
+<!--        />-->
+<!--      </el-form-item>-->
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -136,34 +136,34 @@
     />
 
     <!-- 添加或修改评价对话框 -->
-<!--    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>-->
-<!--      <el-form ref="form" :model="form" :rules="rules" label-width="80px">-->
-<!--        <el-form-item label="查询条件" prop="searchCondition">-->
-<!--          <el-input v-model="form.searchCondition" type="textarea" placeholder="请输入内容" />-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="元器件编号" prop="componentId">-->
-<!--          <el-select v-model="form.componentId" filterable placeholder="请输入元器件编号">-->
-<!--          <el-option-->
-<!--            v-for="item in componentInfo"-->
-<!--            :value="item.id">-->
-<!--          </el-option>-->
-<!--          </el-select>-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="评分" prop="mark">-->
-<!--          <el-input v-model="form.mark" placeholder="请输入评分" />-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="使用场景" prop="usedBy">-->
-<!--          <el-input v-model="form.usedBy" placeholder="请输入使用场景" />-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="备注" prop="remark">-->
-<!--          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />-->
-<!--        </el-form-item>-->
-<!--      </el-form>-->
-<!--      <div slot="footer" class="dialog-footer">-->
-<!--        <el-button type="primary" @click="submitForm">确 定</el-button>-->
-<!--        <el-button @click="cancel">取 消</el-button>-->
-<!--      </div>-->
-<!--    </el-dialog>-->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="查询条件" prop="searchCondition">
+          <el-input v-model="form.searchCondition" type="textarea" placeholder="请输入内容" />
+        </el-form-item>
+        <el-form-item label="元器件编号" prop="componentId">
+          <el-select v-model="form.componentId" filterable placeholder="请输入元器件编号">
+          <el-option
+            v-for="item in componentInfo"
+            :value="item.id">
+          </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="评分" prop="mark">
+          <el-input v-model="form.mark" placeholder="请输入评分" />
+        </el-form-item>
+        <el-form-item label="使用场景" prop="usedBy">
+          <el-input v-model="form.usedBy" placeholder="请输入使用场景" />
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 

cirs-ui/src/views/biz/time/index.vue

@@ -1,13 +1,19 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="130px">
-      <el-form-item label="元器件名称" prop="componentId">
-        <el-input
-          v-model="queryParams.componentId"
-          placeholder="请输入元器件名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+      <el-form-item label="元器件编号" prop="componentId">
+        <!--        <el-input-->
+        <!--          v-model="queryParams.componentId"-->
+        <!--          placeholder="请输入元器件编号"-->
+        <!--          clearable-->
+        <!--          @keyup.enter.native="handleQuery"-->
+        <!--        />-->
+        <el-select v-model="queryParams.componentId" filterable placeholder="请输入元器件编号">
+          <el-option
+            v-for="item in componentInfo"
+            :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
       <el-form-item label="浏览时长（毫秒）" prop="viewTime">
         <el-input
@@ -17,14 +23,14 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="使用场景" prop="usedBy">
-        <el-input
-          v-model="queryParams.usedBy"
-          placeholder="请输入使用场景"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
+<!--      <el-form-item label="使用场景" prop="usedBy">-->
+<!--        <el-input-->
+<!--          v-model="queryParams.usedBy"-->
+<!--          placeholder="请输入使用场景"-->
+<!--          clearable-->
+<!--          @keyup.enter.native="handleQuery"-->
+<!--        />-->
+<!--      </el-form-item>-->
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -78,10 +84,10 @@
     </el-row>
 
     <el-table v-loading="loading" :data="timeList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="编号" align="center" prop="id" />
-      <el-table-column label="元器件名称" align="center" prop="componentId" />
-      <el-table-column label="浏览时长" align="center" prop="viewTime" />
+<!--      <el-table-column type="selection" width="55" align="center" />-->
+<!--      <el-table-column label="编号" align="center" prop="id" />-->
+      <el-table-column label="元器件编号" align="center" prop="componentId" />
+      <el-table-column label="浏览时长（毫秒）" align="center" prop="viewTime" />
       <el-table-column label="使用场景" align="center" prop="usedBy" />
       <el-table-column label="备注" align="center" prop="remark" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
@@ -115,10 +121,16 @@
     <!-- 添加或修改页面浏览时长对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
       <el-form  style="border:1px solid #C0C0C0;padding: 5px;margin: auto" ref="form" :model="form" :rules="rules" label-width="120px">
-        <el-form-item label="元器件名称" prop="componentId">
-          <el-input v-model="form.componentId" placeholder="请输入元器件名称" />
+        <el-form-item label="元器件编号" prop="componentId">
+          <!--          <el-input v-model="form.componentId" placeholder="请输入元器件编号" />-->
+          <el-select v-model="form.componentId" filterable placeholder="请输入元器件编号">
+            <el-option
+              v-for="item in componentInfo"
+              :value="item.id">
+            </el-option>
+          </el-select>
         </el-form-item>
-        <el-form-item label="浏览时长" prop="viewTime">
+        <el-form-item label="浏览时长（毫秒）" prop="viewTime">
           <el-input v-model="form.viewTime" placeholder="请输入浏览时长" />
         </el-form-item>
         <el-form-item label="使用场景" prop="usedBy">
@@ -138,11 +150,12 @@
 
 <script>
 import { listTime, getTime, delTime, addTime, updateTime } from "@/api/biz/time";
-
+import { getall } from "@/api/biz/component";
 export default {
   name: "Time",
   data() {
     return {
+      componentInfo:null,
       // 遮罩层
       loading: true,
       // 选中数组
@@ -176,7 +189,13 @@ export default {
       }
     };
   },
-  created() {
+  async created() {
+    try {
+      this.componentInfo = await getall();
+      console.log(this.componentInfo);
+    } catch (error) {
+      console.error("Error fetching component info:", error);
+    }
     this.getList();
   },
   methods: {