界面细节功能调整

src/views/resumption/rule/dialog.edit.vue

@@ -22,16 +22,17 @@
               :maxlength="50"
               placeholder="请输入履职内容库名称"
               clearable
+              style="width: 280px"
             />
           </el-form-item>
 
           <el-form-item prop="type" label="履职类型:">
             <el-select
               label="履职类型"
-              style="width: 100%"
               v-model="formData.type"
               placeholder="请选择履职类型"
               clearable
+              style="width: 280px"
             >
               <el-option
                 v-for="item in ruleTypeOptions"
@@ -45,7 +46,7 @@
 
           <el-form-item prop="orgType" label="履职机构类型:">
             <el-select
-              style="width: 100%"
+              style="width: 280px"
               prop="orgType"
               label="履职机构类型"
               v-model="formData.orgType"
@@ -64,7 +65,7 @@
 
           <el-form-item prop="status" label="状态:">
             <el-select
-              style="width: 100%"
+              style="width: 280px"
               prop="status"
               label="状态"
               v-model="formData.status"
@@ -81,13 +82,13 @@
             </el-select>
           </el-form-item>
           <el-form-item prop="remark" label="备注">
-            <el-input v-model="formData.remark" :maxlength="255" clearable />
+            <el-input v-model="formData.remark" :maxlength="255" clearable  style="width:280px;" type="textarea" :rows="3"/>
           </el-form-item>
         </el-form>
       </div>
 
       <div slot="footer" class="dialog-footer">
-        <el-button @click="isShow=false">取消</el-button>
+        <el-button @click="isShow = false">取消</el-button>
         <el-button type="primary" @click="onSubmit">确定</el-button>
       </div>
     </DialogCom>
@@ -150,14 +151,14 @@ export default {
 
     // 事件
     onHide() {
-      this.formData=this.reset();
+      this.formData = this.reset();
       this.$refs.form.resetFields();
     },
     onSubmit() {
       this.$refs.form.validate(async (isValidate) => {
         if (!isValidate) return;
         await api.update(this.formData);
-        this.$message.info("保存成功")
+        this.$message.info("保存成功");
         this.$emit("success");
         this.isShow = false;
       });

src/views/safetycheck/rule/dialog.edit.vue

@@ -22,6 +22,7 @@
               :maxlength="50"
               placeholder="请输入检查内容库名称"
               clearable
+              style="width:280px;"
             />
           </el-form-item>
 
@@ -31,6 +32,7 @@
               v-model="formData.type"
               placeholder="请选择检查类型"
               clearable
+              style="width:280px;"
             >
               <el-option
                 v-for="item in ruleTypeOptions"
@@ -49,6 +51,7 @@
               v-model="formData.orgType"
               placeholder="请选择受检机构类型"
               clearable
+              style="width:280px;"
             >
               <el-option
                 v-for="item in orgTypeOptions"
@@ -67,6 +70,7 @@
               v-model="formData.status"
               placeholder="请选择状态"
               clearable
+              style="width:280px;"
             >
               <el-option
                 v-for="item in statusOptions"
@@ -78,7 +82,7 @@
             </el-select>
           </el-form-item>
           <el-form-item prop="remark" label="备注">
-            <el-input v-model="formData.remark" :maxlength="255" clearable />
+            <el-input type="textarea" v-model="formData.remark" :maxlength="255" clearable  style="width:280px;" :rows="3"/>
           </el-form-item>
         </el-form>
       </div>

src/views/safetycheck/taskManager/components/register.vue

@@ -200,7 +200,8 @@ export default {
   computed: {
     ...mapGetters(["orgId", "roleList", "userId"]),
     isRegister() {
-      return this.mode === "register";
+      let r = this.mode === "register";
+      return r;
     },
   },
   mounted() {
@@ -209,22 +210,22 @@ export default {
     if (!mode) {
       mode = "info";
     }
-    this.mode = mode;
 
     api.info(id).then((r) => {
-      if (this.mode != "register") {
+      this.mode = mode;
+      if (mode != "register") {
         this.info = r.data;
         return;
       }
 
       if (r.data.status == 3) {
-        this.mode == "info";
+        this.mode = "info";
         this.info = r.data;
         this.$message.info("任务已完成,将显示详情");
         return;
       }
 
-      let userRoleIds = this.roleList.map((r) => r.roleId+'');
+      let userRoleIds = this.roleList.map((r) => r.roleId + "");
       let taskRoleIds = r.data.checkRoles.map((r) => r.id);
 
       if (
@@ -234,9 +235,8 @@ export default {
       ) {
         this.info = r.data;
       } else {
-        debugger
         this.$message.warning("用户不能执行该任务");
-        this.mode='info'
+        this.mode = "info";
       }
     });
   },