feat: [模板管理] 设置步骤库

src/api/business/public/public.js

@@ -99,3 +99,11 @@ export function public_gspList(query) {
     params: query
   })
 }
+// 模板的可选步骤列表
+export function public_templateStepList(query) {
+  return request({
+    url: '/system/business/public/templateStepList',
+    method: 'get',
+    params: query
+  })
+}

src/views/business/template/list.vue

@@ -105,7 +105,7 @@
               </el-select>
             </el-form-item>
           </el-col>
-           <el-col :span="24">
+          <el-col :span="24">
             <el-form-item label="产物：" prop="product">
               <el-select v-model="infoDialog.formData.product" :placeholder="$t('form.placeholderSelect')" style="width:100%">
                 <el-option label="试剂" :value="1" />
@@ -115,7 +115,7 @@
               </el-select>
             </el-form-item>
           </el-col>
-           <el-col :span="24">
+          <el-col :span="24">
             <el-form-item label="填报是否显示观察按钮：" prop="showGc">
               <el-select v-model="infoDialog.formData.showGc" :placeholder="$t('form.placeholderSelect')" style="width:100%">
                 <el-option label="否" :value="1" />
@@ -131,6 +131,14 @@
               </el-select>
             </el-form-item>
           </el-col> -->
+
+          <el-col :span="24">
+            <el-form-item label="步骤库：" prop="stepGroupIds">
+              <el-select multiple v-model="stepGroupIdArr" :placeholder="$t('form.placeholderSelect')" style="width:100%" @change="changeStepGroup">
+                <el-option v-for="item in stepGroupList" :key="item.id" :label="item.name" :value="item.id" />
+              </el-select>
+            </el-form-item>
+          </el-col>
           
         </el-row>
       </el-form>
@@ -148,6 +156,7 @@
 
 <script>
 import { template_list, template_info, template_save, template_delete } from "@/api/business/template/template";
+import { stepGroup_list } from "@/api/business/step/step";
 import SelectDept from '@/views/business/comps/select/SelectDept.vue';
 import TemplateTable from '@/views/business/comps/template/TemplateTable';
 const EmptyDialogData = {
@@ -158,6 +167,8 @@ const EmptyDialogData = {
   status:10,
   needPre: 10,
   type: 10,
+
+  stepGroupIds: '',
 }
 export default {
   name: "Template",
@@ -186,10 +197,14 @@ export default {
       total: 0,
       list: [],
 
+      stepGroupList:[],
+      
+      stepGroupIdArr:[],
       infoDialog: {
         title: '',
         visible: false,
-        formData: {},
+        formData: {
+        },
 
         rules: {
           showGc: [
@@ -227,8 +242,14 @@ export default {
   },
   created() {
     this.getList();
+    this.getGroupList()
   },
   methods: {
+    getGroupList(){
+      stepGroup_list({ pageNum: 1, pageSize:9999}).then(response => {
+        this.stepGroupList = response.rows;
+      });
+    },
     bdpz(row) {
       this.tableDialog.title = '表单配置'
       this.tableDialog.sn=row.sn
@@ -266,6 +287,7 @@ export default {
         this.$modal.loading()
         template_info({ id: row.id }).then(({ data }) => {
           this.infoDialog.formData = data
+          this.stepGroupIdArr = this.infoDialog.formData.stepGroupIds ? _.map(this.infoDialog.formData.stepGroupIds.split(','),(o)=>{return parseInt(o)}): []
         }).finally(() => {
           this.$modal.closeLoading()
         })
@@ -280,6 +302,9 @@ export default {
       //   this.$modal.closeLoading()
       // })
     },
+    changeStepGroup(val){
+      this.infoDialog.formData.stepGroupIds = val.join(',')
+    },
     save() {
       this.$refs['infoDialogForm'].validate(valid => {
         if (valid) {