企标评价草稿

src/pages/details/otherBussStandardDetails/index.vue

@@ -22,6 +22,56 @@
                style="border-top:none;position: absolute;right: 36px;">
             <div class="modular-header" style="height: 50px;">
               <div class="modular-header-btn">
+                <el-button type="warning" icon="el-icon-edit" @click="businessCommentDialog = true">企标评价</el-button>
+                <el-dialog title="企业标准动态评价表" :visible.sync="businessCommentDialog" width="80%">
+                  <el-table ref="businessCommentTable" :data="businessCommentTable" border style="width: 100%; flex: auto;margin-bottom: 2%"
+                            class="drag-table"
+                            :header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
+                                   fontWeight: 'bold', height: '48px'}">
+                    <el-table-column
+                        type="index"
+                        label="序号"
+                        width="55"
+                        align="center"
+                    />
+                    <el-table-column property="commentTarget" label="评价指标" width="300">
+                    </el-table-column>
+                    <el-table-column prop="targetScore" label="指标分值" width="160">
+                      <template slot-scope="scope">
+                      <el-rate
+                          v-model="scope.row.targetScore"
+                          @change="targetScoreChange"
+                          allow-half>
+                      </el-rate>
+                      </template>
+                    </el-table-column>
+                    <el-table-column property="averageScore" label="动态评价分值">
+                      <template slot-scope="scope">
+                        <el-rate
+                            v-model="value"
+                            disabled
+                            show-score
+                            text-color="#ff9900"
+                            score-template="{value}">
+                        </el-rate>
+                        <el-input v-model="scope.row.averageScore" style="margin: 10px 0;" />
+                      </template>
+                    </el-table-column>
+                    <el-table-column property="address" label="简述理由"></el-table-column>
+                  </el-table>
+                  <el-form :model="businessCommentForm">
+                    <el-form-item label="对标准的意见和建议，是否需要修订">
+                      <template>
+                        <el-radio v-model="revise" label="1">是</el-radio>
+                        <el-radio v-model="revise" label="0">否</el-radio>
+                        <el-input v-show="revise === '1'"
+                                  placeholder="请填写修订理由"
+                                  type="textarea"
+                                  :rows="2"></el-input>
+                      </template>
+                    </el-form-item>
+                  </el-form>
+                </el-dialog>
                 <el-button v-if="sarStandardsInfoEO.collectId" @click="collectClick(sarStandardsInfoEO.collectId)" title="取消收藏" class="collection-btn" icon="el-icon-star-on" :loading="isSubmit"></el-button>
                 <el-button v-else @click="collectClick()" title="收藏" class="collection-btn" icon="el-icon-star-off" :loading="isSubmit"></el-button>
                 <el-button class="relation-btn" icon="icon-relation" @click="relateEvent()">更新记录</el-button>
@@ -987,6 +1037,19 @@ export default {
   },
   data () {
     return {
+      targetScore: '',
+      businessCommentDialog: false,
+      businessCommentForm: {},
+      revise: '',
+      businessCommentTable: [{
+        commentTarget: '企业标准内容完整、要求合理（指标、流程等。）',
+      }, {
+        commentTarget: '企业标准便于实施应用',
+      }, {
+        commentTarget: '标准编写规范，内容清晰易理解',
+      }, {
+        commentTarget: '标准对我的实际工作很有帮助',
+      }],
       activeNames: ['基础信息','过程稿件','实施日期'],
       activeState: true,
       visiblePlanCheck: false,
@@ -1194,6 +1257,9 @@ export default {
   watch: {
   },
   methods: {
+    targetScoreChange(row){
+      console.log('1234',row)
+    },
     child1Func(child1){
       const list = []
       if(child1 && child1.length > 1){