fl-web-component 0.1.0 → 1.0.0

package/packages/components/model/components/proof-project-user.vue

@@ -1,9 +1,7 @@
 <template>
   <div>
     <div class="trigger-button">
-      <el-button type="text" @click="triggerDialog"
-        ><i class="pre-img"></i>用户列表</el-button
-      >
+      <el-button type="text" @click="triggerDialog"><i class="pre-img"></i>用户列表</el-button>
     </div>
     <com-dialog
       v-if="dialogVisible"
@@ -21,44 +19,24 @@
             icon="el-icon-plus"
             size="small"
             @click="handleAdd"
-            v-hasPermi="[
-              `project:user:add:proj:${defaultParams.projectId}`,
-            ]"
+            v-hasPermi="[`project:user:add:proj:${defaultParams.projectId}`]"
             >新增</el-button
           >
         </el-col>
       </el-row>
 
-      <el-table
-        max-height="65vh"
-        v-loading="loading"
-        :data="tableData"
-      >
+      <el-table max-height="65vh" v-loading="loading" :data="tableData">
         <el-table-column label="序号" type="index" width="80" />
-        <el-table-column
-          label="项目用户"
-          prop="userName"
-          show-overflow-tooltip
-        />
-        <el-table-column
-          label="项目角色"
-          prop="roleName"
-          show-overflow-tooltip
-        />
-        <el-table-column
-          label="操作"
-          width="200"
-          class-name="small-padding fixed-width"
-        >
+        <el-table-column label="项目用户" prop="userName" show-overflow-tooltip />
+        <el-table-column label="项目角色" prop="roleName" show-overflow-tooltip />
+        <el-table-column label="操作" width="200" class-name="small-padding fixed-width">
           <template slot-scope="scope">
             <el-button
               size="mini"
               type="text"
               @click="handleEdit(scope.row)"
               v-if="!scope.row.projectManager"
-              v-hasPermi="[
-                `project:user:edit:proj:${defaultParams.projectId}`,
-              ]"
+              v-hasPermi="[`project:user:edit:proj:${defaultParams.projectId}`]"
               >修改</el-button
             >
             <el-button
@@ -66,9 +44,7 @@
               type="text"
               @click="handleDelete(scope.row)"
               v-if="!scope.row.projectManager"
-              v-hasPermi="[
-                `project:user:remove:proj:${defaultParams.projectId}`,
-              ]"
+              v-hasPermi="[`project:user:remove:proj:${defaultParams.projectId}`]"
               >移除</el-button
             >
           </template>
@@ -85,11 +61,7 @@
       @submitDialogData="submitDialogOperateData"
     >
       <el-form ref="formOperate" :model="dialogForm" :rules="formRules" label-width="100px">
-        <el-form-item
-          label="项目用户"
-          prop="userId"
-          v-if="dialogForm.operateType != 'edit'"
-        >
+        <el-form-item label="项目用户" prop="userId" v-if="dialogForm.operateType != 'edit'">
           <el-select v-model="dialogForm.userId" placeholder="请选择">
             <el-option
               v-for="item in unallocatedUserList"
@@ -102,12 +74,7 @@
         </el-form-item>
         <el-form-item label="项目角色" prop="roleId">
           <el-select v-model="dialogForm.roleId" placeholder="请选择">
-            <el-option
-              v-for="item in roleList"
-              :key="item.id"
-              :label="item.value"
-              :value="item.id"
-            >
+            <el-option v-for="item in roleList" :key="item.id" :label="item.value" :value="item.id">
             </el-option>
           </el-select>
         </el-form-item>
@@ -146,12 +113,8 @@ export default {
         operateType: '',
       },
       formRules: {
-        userId: [
-          { required: true, message: '请选择项目用户', trigger: 'change' },
-        ],
-        roleId: [
-          { required: true, message: '请选择项目角色', trigger: 'change' },
-        ],
+        userId: [{ required: true, message: '请选择项目用户', trigger: 'change' }],
+        roleId: [{ required: true, message: '请选择项目角色', trigger: 'change' }],
       },
       unallocatedUserList: [],
       roleList: [],
@@ -273,7 +236,7 @@ export default {
       project.myProject({ pageNum: 1, pageSize: 10000 }).then((response) => {
         // this.projectList = response.rows;
         const currentProject = response.rows.find(
-          (item) => item.id == this.defaultParams.projectId
+          (item) => item.id == this.defaultParams.projectId,
         );
         getProofProjectUserList(params)
           .then((res) => {

package/packages/components/model/components/proof-publish.vue

@@ -1,130 +1,130 @@
-<template>
-  <div>
-    <div class="trigger-button">
-      <el-button
-        type="text"
-        @click="triggerDialog"
-        :disabled="disabledBtn"
-        v-hasPermi="[`project:version:publish:proj:${defaultParams.projectId}`]"
-        ><i class="pre-img"></i>发布</el-button
-      >
-    </div>
-    <com-dialog
-      v-if="dialogVisible"
-      dialog-title="发布校审版本"
-      :visible="dialogVisible"
-      :popup-width="'25%'"
-      @handleClose="handleClose"
-      @submitDialogData="submitDialogData"
-    >
-      <el-form ref="form" :model="dialogForm" :rules="formRules">
-        <el-form-item label="校审版本名称" prop="name">
-          <el-input v-model="dialogForm.name"></el-input>
-        </el-form-item>
-      </el-form>
-    </com-dialog>
-  </div>
-</template>
-
-<script>
-import * as modelApi from '../api/index';
-
-export default {
-  name: 'importModel',
-  data() {
-    return {
-      dialogVisible: false,
-      dialogForm: {
-        name: '',
-      },
-      formRules: {
-        name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
-      },
-      disabledBtn: true,
-    };
-  },
-  props: {
-    defaultParams: {
-      type: Object,
-      default() {
-        return {};
-      },
-    },
-  },
-  components: {
-    ComDialog: () => import('./com-dialogWrapper'),
-  },
-  methods: {
-    triggerDialog() {
-      this.dialogVisible = !this.dialogVisible;
-      console.log(this.dialogVisible);
-    },
-    /* 弹窗 修改是否让页面显示与隐藏的事件 */
-    updateVisible(val) {
-      this.dialogVisible = val;
-    },
-    /* 弹窗 确认 操作 */
-    submitDialogData() {
-      this.$refs.form.validate((vaild) => {
-        if (vaild) {
-          this.dialogForm.projectId = this.defaultParams.projectId;
-
-          modelApi
-            .publishProofVersion(this.dialogForm)
-            .then((res) => {
-              if (res.code === 200) {
-                this.dialogVisible = false;
-                this.$message({
-                  type: 'success',
-                  message: '当前校审版本已发布',
-                });
-                this.$emit('getVersionList');
-                this.resetForm();
-
-                setTimeout(() => {
-                  this.$emit('publishVersion', null);
-                }, 1000);
-              } else {
-                this.$message({ type: 'error', message: res.msg });
-              }
-            })
-            .catch((err) => {
-              console.log(err);
-              // this.$message({ type: 'error', message: err.msg })
-            });
-        } else {
-          console.log('error submit');
-        }
-      });
-    },
-    /* 弹窗 关闭 操作 */
-    handleClose() {
-      this.resetForm();
-      this.dialogVisible = false;
-    },
-    resetForm() {
-      this.$refs.form.resetFields();
-    },
-    ableBtn() {
-      this.disabledBtn = false;
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-::v-deep .trigger-button {
-  span {
-    display: flex;
-    align-items: center;
-    color: #2e3136;
-  }
-  .pre-img {
-    background-image: url('../../../assets/proof/publish@2x.png');
-    width: 30px;
-    height: 30px;
-    display: inline-block;
-    background-size: cover;
-  }
-}
-</style>
+<template>
+  <div>
+    <div class="trigger-button">
+      <el-button
+        type="text"
+        @click="triggerDialog"
+        :disabled="disabledBtn"
+        v-hasPermi="[`project:version:publish:proj:${defaultParams.projectId}`]"
+        ><i class="pre-img"></i>发布</el-button
+      >
+    </div>
+    <com-dialog
+      v-if="dialogVisible"
+      dialog-title="发布校审版本"
+      :visible="dialogVisible"
+      :popup-width="'25%'"
+      @handleClose="handleClose"
+      @submitDialogData="submitDialogData"
+    >
+      <el-form ref="form" :model="dialogForm" :rules="formRules">
+        <el-form-item label="校审版本名称" prop="name">
+          <el-input v-model="dialogForm.name"></el-input>
+        </el-form-item>
+      </el-form>
+    </com-dialog>
+  </div>
+</template>
+
+<script>
+import * as modelApi from '../api/index';
+
+export default {
+  name: 'importModel',
+  data() {
+    return {
+      dialogVisible: false,
+      dialogForm: {
+        name: '',
+      },
+      formRules: {
+        name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
+      },
+      disabledBtn: true,
+    };
+  },
+  props: {
+    defaultParams: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+  },
+  components: {
+    ComDialog: () => import('./com-dialogWrapper'),
+  },
+  methods: {
+    triggerDialog() {
+      this.dialogVisible = !this.dialogVisible;
+      console.log(this.dialogVisible);
+    },
+    /* 弹窗 修改是否让页面显示与隐藏的事件 */
+    updateVisible(val) {
+      this.dialogVisible = val;
+    },
+    /* 弹窗 确认 操作 */
+    submitDialogData() {
+      this.$refs.form.validate((vaild) => {
+        if (vaild) {
+          this.dialogForm.projectId = this.defaultParams.projectId;
+
+          modelApi
+            .publishProofVersion(this.dialogForm)
+            .then((res) => {
+              if (res.code === 200) {
+                this.dialogVisible = false;
+                this.$message({
+                  type: 'success',
+                  message: '当前校审版本已发布',
+                });
+                this.$emit('getVersionList');
+                this.resetForm();
+
+                setTimeout(() => {
+                  this.$emit('publishVersion', null);
+                }, 1000);
+              } else {
+                this.$message({ type: 'error', message: res.msg });
+              }
+            })
+            .catch((err) => {
+              console.log(err);
+              // this.$message({ type: 'error', message: err.msg })
+            });
+        } else {
+          console.log('error submit');
+        }
+      });
+    },
+    /* 弹窗 关闭 操作 */
+    handleClose() {
+      this.resetForm();
+      this.dialogVisible = false;
+    },
+    resetForm() {
+      this.$refs.form.resetFields();
+    },
+    ableBtn() {
+      this.disabledBtn = false;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .trigger-button {
+  span {
+    display: flex;
+    align-items: center;
+    color: #2e3136;
+  }
+  .pre-img {
+    background-image: url('../../../assets/proof/publish@2x.png');
+    width: 30px;
+    height: 30px;
+    display: inline-block;
+    background-size: cover;
+  }
+}
+</style>