修改新增模板展示

src/pages/main/performance/components/sheet.vue

@@ -2,17 +2,26 @@
  * @Author       : yuanrunwei
  * @Date         : 2021-12-04 14:23:58
  * @LastEditors  : yuanrunwei
- * @LastEditTime : 2021-12-04 16:00:20
+ * @LastEditTime : 2021-12-04 16:58:17
  * @FilePath     : \spfm-market-front\src\pages\main\performance\components\sheet.vue
 -->
 
 <template>
     <div class="sheet-container">
-        <el-upload action :on-change="handleChange" :show-file-list="false">
-            <el-button size="mini" type="success" class="margin-bottom-20"
-                >上传</el-button
+        <div class="flex-justify-align-end margin-bottom-20">
+            <el-upload
+                class="margin-right-10"
+                action
+                :on-change="handleChange"
+                :show-file-list="false"
             >
-        </el-upload>
+                <el-button type="primary">上传</el-button>
+            </el-upload>
+            <el-button type="primary">保存</el-button>
+            <el-button type="primary">导出</el-button>
+            <el-button type="primary">返回</el-button>
+            <el-button type="primary">全屏显示</el-button>
+        </div>
         <div id="luckysheet" class="sheet-container-block"></div>
     </div>
 </template>
@@ -67,13 +76,13 @@ export default {
 <style lang="scss" scope>
 .sheet-container {
     position: fixed;
-    width: 100%;
+    width: calc(100% - 40px);
     height: 100%;
     &-block {
         overflow: hidden;
         position: absolute;
-        width: calc(100% - 40px);
-        height: 80%;
+        width: 100%;
+        height: 75%;
     }
 }
 </style>

src/pages/main/performance/mould.vue

@@ -23,7 +23,6 @@
         </div>
         <simple-dialog
             title="查看模板"
-            width="1200px"
             @cancel="handleVisible('template')"
             @confirm="handleVisible('template')"
             :visible="template_visible"
@@ -68,13 +67,37 @@
             @confirm="handleVisible('add')"
             @cancel="handleVisible('add')"
         >
+            <el-form inline :model="form" label-width="100px">
+                <el-form-item label="绩效类型">
+                    <el-select v-model="form.type">
+                        <el-option label="部门绩效" value="部门绩效"></el-option
+                        ><el-option
+                            label="员工绩效"
+                            value="员工绩效"
+                        ></el-option> </el-select
+                ></el-form-item>
+                <el-form-item label="绩效分类">
+                    <el-select v-model="form.class">
+                        <el-option label="GS" value="GS"></el-option
+                        ><el-option
+                            label="KPI"
+                            value="KPI"
+                        ></el-option> </el-select
+                ></el-form-item>
+                <el-form-item label="">
+                    <el-button type="primary" @click="handleVisible('power')"
+                        >权限设置</el-button
+                    >
+                </el-form-item>
+            </el-form>
             <simple-sheet />
+            <template v-slot:footer><div></div></template>
         </simple-dialog>
         <simple-dialog
             title="权限设置"
             :visible="power_visible"
             :reload="reload"
-            width="1200px"
+            width="700px"
             @confirm="handleVisible('power')"
             @cancel="handleVisible('power')"
         >
@@ -92,12 +115,13 @@
                         ></el-option> </el-select
                 ></el-form-item>
                 <el-form-item label="负责人">
-                    <el-cascader-panel
-                        v-model="form.charge"
-                        :options="charge_options"
-                        clearable
-                        @change="handleCascader"
-                    ></el-cascader-panel
+                    <div>
+                        <el-cascader-panel
+                            v-model="form.charge"
+                            :options="charge_options"
+                            clearable
+                            @change="handleCascader"
+                        ></el-cascader-panel></div
                 ></el-form-item>
             </el-form>
         </simple-dialog>