项目详情页面增加

src/api/measure/template.js

@@ -0,0 +1,10 @@
+import request from '@/router/axios';
+//获取树模板列表
+export const queryBusinessUserOpinionList = (params) => {
+    return request({
+        url: '/api/blade-meter/tree/template/list',
+        method: 'get',
+        params
+    })
+}
+

src/views/manager/projectinfo/detail.vue

@@ -104,6 +104,23 @@
                       <el-radio :label="2">平行审批</el-radio>
                     </el-radio-group>
                   </el-form-item>
+                  <el-form-item
+                    label="系统计量单元"
+                    prop="projectGrade"
+                  >
+                    <el-select
+                      v-model="projectForm.meterTemplateId"
+                      placeholder="请选择"
+                      class="w-100p"
+                    >
+                      <el-option
+                        v-for="item in meterTemplateOption"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item.id"
+                      ></el-option>
+                    </el-select>
+                  </el-form-item>
                 </el-col>
                 <el-col :span="12">
                   <el-form-item
@@ -480,6 +497,7 @@ import { mapGetters } from "vuex";
 
 import treeTree from "@/components/tree-tree/main"
 import { findUserList } from "@/api/manager/contractinfo";
+import { queryBusinessUserOpinionList } from "@/api/measure/template.js";
 export default {
   components: {
     treeTree
@@ -552,6 +570,7 @@ export default {
       saveBtnNextDisabled: false,
       id: '',
       highwayGradeList: [],
+      meterTemplateOption:[],//计量单元列表
       radioType: '总里程',
 
       projectForm: {
@@ -696,6 +715,7 @@ export default {
     //#endregion
     init () {
       this.getHighwayGradeList();
+      this.getMeterTemplateOption()
       this.id = this.$route.query.id;
       if (this.id) {
         this.getProjectDeatil();
@@ -1047,6 +1067,11 @@ export default {
         this.highwayGradeList = res.data.data;
       })
     },
+    getMeterTemplateOption(){
+      queryBusinessUserOpinionList().then((res)=>{
+        this.meterTemplateOption=res.data.data
+      })
+    },
 
     getContractList () {
       if (this.contractList.length < 1) {