Merge branch 'v_porcess' of http://gitlab.ldxinyong.com/enterpriseManagement/digitization-ui into v_porcess

src/views/kpi/assessment/performance/index.vue

@@ -2,149 +2,203 @@
 <template>
   <div class="performance">
     <SmallNav v-if="!isNoRouter" />
-    <div v-if="isNoRouter"
+    <div
+      v-if="isNoRouter"
       style="margin:20px 0;"
-         class="commonFont">我的绩效</div>
+      class="commonFont"
+    >我的绩效</div>
     <div class="performance-content boderAndRadius">
-      <div v-if="isNoRouter"
+      <div
-           class="isNoRouter commonFont">
+        v-if="isNoRouter"
-        <el-cascader style="width:210px;"
+        class="isNoRouter commonFont"
+      >
+        <el-cascader
+          style="width:210px;"
           v-if="isNoRouter"
           :key="key"
           v-model="startId"
           size="mini"
           :props="props"
           :options="timeOptions"
-                     @change="handleChange"></el-cascader>
+          @change="handleChange"
+        ></el-cascader>
       </div>
 
-      <div v-if="!isNoList"
+      <div
-           class="performance-content-title">
+        v-if="!isNoList"
+        class="performance-content-title"
+      >
         <InfoHeader :obj="{
                 src:obj.avatar || '',
                 name:obj.staffName,
                 departmentName:obj.departmentName
                 }" />
         <div class="performance-content-title-right">
-          <UseButton :obj='obj'
+          <UseButton
+            :obj='obj'
             :resultRecordId='resultRecordId'
             v-if="isShow && !tableInfo.result && !tableInfo.score && obj.recortModelDtos.length !==0"
             :formList='formList'
-                     :tableInfo.sync='tableInfo' />
+            :tableInfo.sync='tableInfo'
+          />
         </div>
       </div>
-      <div v-if="!isNoList"
+      <div
-           class="performance-content-center">
+        v-if="!isNoList"
-        <div class="performance-content-center-item commonFont"
+        class="performance-content-center"
+      >
+        <div
+          class="performance-content-center-item commonFont"
           :class="{
                   active:i.isActive,
                   right:true,
                   left:index !==0
                 }"
           v-for="(i,index) in formList.flowRecordList"
-             :key="index">
+          :key="index"
-          <el-tooltip v-if="i.flowName !== '执行中'"
+        >
+          <el-tooltip
+            v-if="i.flowName !== '执行中'"
             class="item"
             effect="dark"
             :content="(index >= (formList.flowRecordList.length-1))?i.flowName:i.flowName +' : '+i.staffName"
-                      placement="top">
+            placement="top"
+          >
             <div>
               {{index+1}}.{{i.flowName}} <span v-if="index !== (formList.flowRecordList.length-1)">:{{i.staffName}}
-                <i v-if="i.isGou && !i.isActive"
+                <i
+                  v-if="i.isGou && !i.isActive"
                   style="color:#3ba1ff;margin:0 0 0 4px;font-weight:800;"
-                   class="el-icon-check"></i></span>
+                  class="el-icon-check"
-              <i v-if="index !== formList.flowRecordList.length-1"
+                ></i></span>
+              <i
+                v-if="index !== formList.flowRecordList.length-1"
                 style="cursor: pointer;"
                 @click="handleRight(i)"
-                 class="el-icon-video-pause"></i>
+                class="el-icon-video-pause"
+              ></i>
             </div>
           </el-tooltip>
-          <el-tooltip v-if="i.flowName === '执行中'"
+          <el-tooltip
+            v-if="i.flowName === '执行中'"
             class="item"
             effect="dark"
-                      placement="top">
+            placement="top"
+          >
             <div slot="content">执行中”是员工在目标确认后，努力达成目标的一个过程，直到管理员发起评分。<br />管理员如何发起评分：返回上级页面&lt;考核详情&gt;，点击"开始评分"按钮发起。</div>
             <div>
-              {{index+1}}.{{i.flowName}}<i class="el-icon-warning-outline" />:{{i.staffName}} <i v-if="i.isGou && !i.isActive"
+              {{index+1}}.{{i.flowName}}<i class="el-icon-warning-outline" />:{{i.staffName}} <i
+                v-if="i.isGou && !i.isActive"
                 style="color:#3ba1ff;margin:0 0 0 4px;font-weight:800;"
-                 class="el-icon-check"></i>
+                class="el-icon-check"
-              <i style="cursor: pointer;"
+              ></i>
+              <i
+                style="cursor: pointer;"
                 @click="handleRight(i)"
-                 class="el-icon-video-pause"></i>
+                class="el-icon-video-pause"
+              ></i>
             </div>
           </el-tooltip>
         </div>
       </div>
-      <div v-if="!isNoList"
+      <div
-           class="performance-content-bottom">
+        v-if="!isNoList"
-        <tables :resultRecordId='String(resultRecordId)'
+        class="performance-content-bottom"
+      >
+        <tables
+          :resultRecordId='String(resultRecordId)'
           :tableAuth='formList.auth'
           :tableInfo.sync='tableInfo'
           v-if="obj.recortModelDtos.length !==0"
-                :obj='obj' />
+          :obj='obj'
+        />
       </div>
       <div v-if="!isNoList">
-        <div v-if="formList.resultCommentList.length !== 0 "
+        <div
-             class="performance-content-jilu">
+          v-if="formList.resultCommentList.length !== 0 "
+          class="performance-content-jilu"
+        >
           <div class="performance-content-jilu-title commonFont">
             记录
           </div>
-          <div v-for="(i) in formList.resultCommentList"
+          <div
+            v-for="(i) in formList.resultCommentList"
             :key="i.id"
-               class="performance-content-jilu-item commonFont">
+            class="performance-content-jilu-item commonFont"
+          >
             <div class="performance-content-jilu-item-time">
               {{i.gmtCreate}}
             </div>
             <div class="performance-content-jilu-item-content">
               <div class="performance-content-jilu-item-content-img">
-                <InfoHeader :isShow='false'
+                <InfoHeader
-                            :obj='{src:i.avatar}' />
+                  :isShow='false'
+                  :obj='{src:i.avatar}'
+                />
               </div>
               <div>
                 <span>{{i.staffName}}</span><span class="mubiao">#{{i.optDesc}}#</span>
               </div>
             </div>
-            <div class="comment"
+            <div
-                 v-if="i.comment">
+              class="comment"
+              v-if="i.comment"
+            >
               <pre>{{i.isShow?i.comment:(i.comment.substring(0,12)+'...')}}</pre>
-              <div style="width:40px;flex-shrink:0; cursor: pointer;"
+              <div
-                   @click="handleShow(i)">{{!!i.isShow?'收起':'展开'}}</div>
+                style="width:40px;flex-shrink:0; cursor: pointer;"
+                @click="handleShow(i)"
+              >{{!!i.isShow?'收起':'展开'}}</div>
             </div>
           </div>
         </div>
       </div>
 
     </div>
-    <popup-right v-if="right.showRight"
+    <popup-right
+      v-if="right.showRight"
       @cancel='handleCancel'
       @submit="handleSubmit"
       :footer='false'
-                 :title="form.item.flowName">
+      :title="form.item.flowName"
-      <div slot="content"
+    >
-           class="chooseManage">
+      <div
-        <div class='chooseManage-item'
+        slot="content"
+        class="chooseManage"
+      >
+        <div
+          class='chooseManage-item'
           :key="index"
-             v-for="(i,index) in form.item.flowDetailRespList">
+          v-for="(i,index) in form.item.flowDetailRespList"
+        >
           <InfoHeader :obj="{
                 src:i.avatar,
                 name:i.staffName,
                 departmentName:i.departName
                 }" />
           <div class="chooseManage-item-center">
-            <el-tag v-if='i.status===0'
+            <el-tag
+              v-if='i.status===0'
               size="mini"
-                    type="warning">未确认</el-tag>
+              type="warning"
-            <el-tag v-if='i.status===4'
+            >未确认</el-tag>
-                    size="mini">已跳过</el-tag>
+            <el-tag
-            <el-tag v-if='i.status===1'
+              v-if='i.status===4'
               size="mini"
-                    type="success">已确认</el-tag>
+            >已跳过</el-tag>
+            <el-tag
+              v-if='i.status===1'
+              size="mini"
+              type="success"
+            >已确认</el-tag>
           </div>
           <div>
-            <UseButton :resultRecordId='resultRecordId'
+            <UseButton
+              :resultRecordId='resultRecordId'
               :info='i'
               :formList='formList'
-                       :tableInfo.sync='tableInfo' />
+              :tableInfo.sync='tableInfo'
+            />
           </div>
         </div>
       </div>