no message

src/components/popupMange/index.vue

@@ -0,0 +1,141 @@
+<template>
+  <popup-right
+    v-if="showChooseList"
+    @cancel="hundlePopupHide"
+    @submit="handleSubmitPopup"
+    :title="popupRightTitle"
+    :subumitText='subumitText'
+    class="popup commonFont"
+  >
+    <div slot="content">
+      <div class="popup-selection">
+        <div class="comonTitle row">变更参与考核人员（9人）</div>
+        <div class="row">
+          <el-button
+            type="text"
+            icon="el-icon-circle-plus-outline"
+            @click="handleAdd"
+            plain
+          >添加</el-button>
+          <el-button
+            type="text"
+            icon="el-icon-remove-outline"
+            @click="handleDelete"
+            plain
+          >删除</el-button>
+        </div>
+      </div>
+      <div class="popup-selection">
+        <div class="comonTitle row">部门主管是否可以调整被考核人员的目标：</div>
+        <div class="row">
+          <el-radio-group
+            v-model="permissionsRadio"
+            @change="handlePermissionsRadio"
+          >
+            <el-radio label="0">可以调整</el-radio>
+            <el-radio label="1">不可以调整</el-radio>
+          </el-radio-group>
+        </div>
+        <div class="row">{{permissionsPrompt}}</div>
+      </div>
+      <div class="popup-selection">
+        <div class="comonTitle row">评分信息是否公开：</div>
+        <div class="row">
+          <div>评分人的评分对被考核人可见：0人可见</div>
+          <el-button
+            type="text"
+            icon="el-icon-circle-plus-outline"
+            @click="handleAdd"
+            plain
+          >添加</el-button>
+        </div>
+        <div class="row">
+          <div>评分人的评分意见对被考核人可见：0人可见</div>
+          <el-button
+            type="text"
+            icon="el-icon-circle-plus-outline"
+            @click="handleAdd"
+            plain
+          >添加</el-button>
+        </div>
+      </div>
+      <div class="popup-selection">
+        <div class="comonTitle row">考核结果：</div>
+        <div class="row">
+          <div>评分人的评分对被考核人可见：0人可见</div>
+          <el-button
+            type="text"
+            icon="el-icon-circle-plus-outline"
+            @click="handleAdd"
+            plain
+          >添加</el-button>
+        </div>
+        <div class="row">
+          <div>评分人的评分意见对被考核人可见：0人可见</div>
+          <el-button
+            type="text"
+            icon="el-icon-circle-plus-outline"
+            @click="handleAdd"
+            plain
+          >添加</el-button>
+        </div>
+      </div>
+
+    </div>
+  </popup-right>
+</template>
+<script>
+import PopupRight from '@/components/PopupRight'
+export default {
+  props: {
+    showChooseList: {
+      type: Boolean,
+      default: false
+    },
+    subumitText: {
+      type: String,
+      default: '确认'
+    },
+    popupRightTitle: {
+      type: String,
+      default: '选择'
+    }
+  },
+  data () {
+    return {
+      permissionsRadio: '0', // 部门主管选项
+      permissionsPrompt: '被考核人的目标完成确认后，管理员和部门主管都可以调整目标'
+    }
+  },
+  components: {
+
+  },
+  watch: {
+
+  },
+  methods: {
+    hundlePopupHide () { },
+    handleSubmitPopup () {
+
+    },
+    handleAdd () { },
+    handleDelete () {
+
+    },
+    handlePermissionsRadio () {
+      this.permissionsPrompt = this.permissionsRadio === '0' ? '被考核人的目标完成确认后，管理员和部门主管都可以调整目标' : '被考核人的目标完成确认后，只有管理员可以调整目标'
+    }
+  }
+
+}
+</script>
+<style lang="less" scoped>
+.popup {
+  &-selection {
+    border-bottom: 1px solid @borderColor;
+    .row {
+      height: 50px;
+    }
+  }
+}
+</style>

src/utils/elementConfig.js

@@ -15,6 +15,7 @@ import {
   CheckboxGroup,
   Switch,
   TimePicker,
+  Row,
   Col,
   Checkbox,
   Radio,
@@ -63,6 +64,7 @@ Vue.use(TableColumn)
 Vue.use(CheckboxGroup)
 Vue.use(Switch)
 Vue.use(TimePicker)
+Vue.use(Row)
 Vue.use(Col)
 Vue.use(Checkbox)
 Vue.use(Radio)