bug

project/hlj/app/AppRatingTask/components/Detail.vue

@@ -53,17 +53,22 @@
         @onConfirm="onConfirm">
         <el-form ref="form" class="ai-form" :model="form" label-width="110px" label-position="right">
           <el-form-item label="选择模板" style="width: 100%" prop="templateId" :rules="[{required: true, message: '请选择模板', trigger: 'change'}]">
+            <div style="display: flex; align-items: center;">
               <ai-select
                 v-model="form.templateId"
                 clearable
+                style="flex: 1;"
                 :selectList="list"
+                @change="onChange"
                 placeholder="请选择模板">
               </ai-select>
+              <!-- <el-button type="text" @click="toAddTemplate">新建模板</el-button> -->
+            </div>
           </el-form-item>
           <el-form-item label="表单名称" style="width: 100%" prop="templateName" :rules="[{required: true, message: '请输入表单名称', trigger: 'blur'}]">
             <el-input v-model="form.templateName" size="small" placeholder="请输入表单名称"></el-input>
           </el-form-item>
-          <el-form-item label="参评人员" style="width: 100%" prop="evaluatorsNames" :rules="[{required: true, message: '请选择参评人员', trigger: 'change'}]">
+          <el-form-item label="参评人员" v-if="form.templateId" style="width: 100%" prop="evaluatorsNames" :rules="[{required: true, message: '请选择参评人员', trigger: 'change'}]">
             <ai-user-selecter :instance="instance" v-model="form.evaluatorsList" @change="e => onUserChange(e, 'evaluatorsNames')">
               <div class="AppAnnounceDetail-select">
                 <el-input class="AppAnnounceDetail-select__input" size="small" placeholder="请选择..." v-model="form.evaluatorsNames"></el-input>
@@ -75,7 +80,7 @@
               </div>
             </ai-user-selecter>
           </el-form-item>
-          <el-form-item label="评分人员" style="width: 100%" prop="scorerNames" :rules="[{required: true, message: '请选择评分人员', trigger: 'change'}]">
+          <el-form-item label="评分人员" v-if="form.templateId" style="width: 100%" prop="scorerNames" :rules="[{required: true, message: '请选择评分人员', trigger: 'change'}]">
             <ai-user-selecter :instance="instance" v-model="form.scorerList" @change="e => onUserChange(e, 'scorerNames')">
               <div class="AppAnnounceDetail-select">
                 <el-input class="AppAnnounceDetail-select__input" size="small" placeholder="请选择..." v-model="form.scorerNames"></el-input>
@@ -87,7 +92,7 @@
               </div>
             </ai-user-selecter>
           </el-form-item>
-          <el-form-item label="开始结束时间" style="width: 100%" prop="date" :rules="[{required: true, message: '请选择开始结束时间', trigger: 'change'}]">
+          <el-form-item label="开始结束时间" v-if="form.templateId" style="width: 100%" prop="date" :rules="[{required: true, message: '请选择开始结束时间', trigger: 'change'}]">
             <el-date-picker
               v-model="form.date"
               type="datetimerange"
@@ -191,6 +196,14 @@
     },
 
     methods: {
+      onChange (e) {
+        this.form.templateName = this.list.filter(v => v.dictValue === e)[0].dictName
+      },
+
+      toAddTemplate () {
+        // this.$router.push({name: 'AppScoringTemplate'})
+      },
+
       getInfo () {
         this.instance.post(`/app/appassessmentscortask/queryDetailById?id=${this.params.id}`).then(res => {
           if (res.code === 0) {