更改工作安排，更改首页

src/views/jobTaskRecord/jobTask/index.vue

@@ -114,7 +114,12 @@
           }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="任务名称" align="center" prop="workName" width="200px"/>
+      <el-table-column
+        label="任务名称"
+        align="center"
+        prop="workName"
+        width="200px"
+      />
       <!-- <el-table-column label="任务编号" align="center" prop="workNum" /> -->
       <el-table-column label="任务类型" align="center" prop="workType">
       </el-table-column>
@@ -140,7 +145,12 @@
           <span>{{ parseTime(scope.row.workEndTime, "{y}-{m}-{d}") }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="任务优先级" align="center" prop="workPriority" width="100">
+      <el-table-column
+        label="任务优先级"
+        align="center"
+        prop="workPriority"
+        width="100"
+      >
         <template slot-scope="scope">
           <dict-tag
             :options="dict.type.work_priority"
@@ -413,6 +423,7 @@
             label="附件名称"
             v-model="moreTable.workAnnexName"
             style="width: 820px"
+            class="inputs"
           />
           <a
             :href="url + moreTable.workAnnex"
@@ -724,6 +735,7 @@ export default {
       this.form.publishUnit = Cookies.get("deptId");
       this.form.publishPeople = Cookies.get("nickName");
       this.form.userId = Cookies.get("userId");
+      this.wenJian=null;
       this.danWeis();
       this.getDay();
       this.open = true;
@@ -818,7 +830,319 @@ export default {
 ::v-deep .threeselects {
   width: 217px;
 }
-::v-deep .el-dialog{
+::v-deep .el-dialog {
+  background-color: #004d86 !important;
+}
+::v-deep .el-dialog__title {
+  color: #fff;
+}
+
+::v-deep .el-link.el-link--default {
+  color: #fff;
+}
+::v-deep .el-upload__tip {
+  color: #fff;
+}
+::v-deep .el-progress-bar__outer {
+  background-color: rgba(25, 98, 153, 1);
+}
+::v-deep .el-input__inner {
+  background-color: transparent;
+  width: 200px;
+}
+::v-deep .el-input.is-disabled .el-input__inner {
+  background-color: transparent;
+}
+::v-deep .vue-treeselect__control {
+  background: transparent;
+}
+::v-deep .vue-treeselect__single-value {
+  color: #fff;
+}
+
+::v-deep .el-input__inner {
+  height: 36px;
+  line-height: 36px;
+  color: #fff;
+  border: 1px solid white !important;
+}
+::v-deep .el-select-dropdown {
+  background-color: white;
+}
+::v-deep .el-dialog__wrapper .el-form-item__label {
+  color: white !important;
+}
+
+::v-deep .el-form-item__label {
+  width: 30%;
+}
+::v-deep .el-textarea {
+  width: 70%;
+}
+::v-deep .el-dialog__header {
+  border-bottom: 1px solid #718a9d;
+}
+::v-deep .el-textarea__inner {
+  width: 945px;
+  height: 104px;
+}
+/* 表宽度 */
+::v-deep .el-input {
+  width: 200px;
+}
+::v-deep .serialNumber {
+  border: 1px solid white;
+  border-radius: 5px;
+  width: 200px;
+  text-indent: 1em;
+  color: white;
+  line-height: 36px;
+}
+::v-deep .el-date-editor.el-input,
+.el-date-editor {
+  width: 200px;
+}
+/* 执行 */
+::v-deep #execute {
+  width: 500px;
+}
+::v-deep .el-input--suffix {
+  width: auto;
+}
+/* 计划附件 */
+::v-deep .el-upload__tip {
+  position: absolute;
+  top: -5px;
+  width: 500px;
+  left: 100px;
+  color: white;
+}
+/* 上传附件样式 */
+::v-deep .el-icon-document {
+  padding: 3px 5px;
+  color: white;
+}
+::v-deep .el-upload-list__item:hover {
+  background-color: #00365f;
+}
+/* 上传附件的删除按钮样式 */
+::v-deep .el-link--inner {
+  margin-left: 3px;
+}
+::v-deep .el-select-dropdown__item:hover {
+  color: #1890ff !important;
+}
+/* 下拉框的颜色 */
+::v-deep .el-scrollbar li {
+  background-color: white;
+  color: black;
+}
+::v-deep .el-scrollbar li:hover {
+  background-color: #00365f;
+  color: white;
+}
+::v-deep .el-select-dropdown__wrap .el-scrollbar__view {
+  background-color: white;
+}
+/* 修改计划类型样式 */
+::v-deep .el-input--small .el-input__inner {
+  height: 36px;
+  line-height: 36px;
+}
+::v-deep .el-input--medium .el-input__inner {
+  background-color: rgba(0, 0, 0, 0);
+}
+/* 修改编号样式 */
+::v-deep .ipt .el-input__inner {
+  background-color: #004d86 !important;
+}
+/* 进度查看 */
+::v-deep .el-button--btlook.is-active,
+.el-button--btlook:active {
+  background: #32a5d3;
+  border-color: #32a5d3;
+  color: #ffffff;
+}
+::v-deep .el-button--btlook:focus,
+.el-button--btlook:hover {
+  background: #32a5d3;
+  border-color: #32a5d3;
+  color: #ffffff;
+}
+::v-deep .el-button--btlook {
+  width: 70px !important;
+  border: 1px solid transparent;
+  padding: 3px 8px;
+  font-size: 14px;
+  line-height: 1.5;
+  border-radius: 3px;
+  color: #fff;
+  background-color: #32a5d3;
+}
+::v-deep .big .el-input__inner {
+  width: 940px;
+}
+/* 树形 */
+::v-deep .threeselects {
+  width: 200px;
+}
+::v-deep .threeselects .vue-treeselect__input {
+  background-color: #004d86;
+  /* color: white; */
+}
+::v-deep .el-form-item__content {
+  /* color: white; */
+  border-bottom: 1px solid #004d86;
+}
+::v-deep .vue-treeselect__control {
+  background-color: #004d86;
+  border-bottom: 1px solid white;
+  /* color: whi; */
+  /* color: white; */
+}
+::v-deep .vue-treeselect__placeholder {
+  color: white;
+}
+
+::v-deep .change_plan_type .el-input__inner {
+  width: 200px;
+}
+/* 表格样式 */
+::v-deep .el-table__empty-block {
+  background-color: #004d86;
+}
+::v-deep .el-table {
+  background-color: #004d86;
+}
+::v-deep .comtimer .el-input__inner {
+  width: 940px;
+}
+/* 备注 */
+::v-deep .thistext {
+  color: white;
+  width: 930px;
+  border: 1px solid #fff;
+  border-radius: 4px;
+  height: auto;
+  min-height: 35px;
+  text-indent: 1em;
+  line-height: 35px;
+  margin-bottom: 20px;
+  /* margin: auto; */
+}
+/* 完成进度 */
+::v-deep .complue .el-input__inner {
+  width: 940px;
+}
+::v-deep .complue {
+  width: 940px;
+}
+/* 进度 */
+::v-deep .jinduProgress {
+  width: 740px;
+  position: absolute;
+  left: 210px;
+  top: 5px;
+}
+/* 表格 */
+::v-deep .tabless .el-table__row {
+  background-color: #004d86;
+}
+
+::v-deep .has-gutter {
+  background-color: #004d86;
+}
+::v-deep .el-dialog__body .el-table tr:nth-child(odd) {
+  background-color: #004d86 !important;
+}
+::v-deep .el-dialog__body .el-table tr:nth-child(even) {
   background-color: #004d86 !important;
 }
+::v-deep .el-dialog__body table td {
+  border-bottom: 1px solid white !important;
+}
+.el-dialog__body .el-table th.is-leaf {
+  border: 1px solid white;
+}
+/* 下载按钮 */
+::v-deep .downloadfile {
+  border: 1px solid white;
+  display: inline-block;
+  width: 100px;
+  height: 33px;
+  border-radius: 5px;
+  line-height: 33px;
+  text-align: center;
+}
+::v-deep .el-table__row {
+  border-bottom: 1px solid white;
+}
+::v-deep .el-input-number__increase {
+  background-color: #004d86;
+}
+::v-deep .el-input-number__decrease {
+  background-color: #004d86;
+}
+/* 进度条百分比 */
+::v-deep .el-progress-bar__innerText {
+  color: #004d86;
+  /* font-weight: 200; */
+}
+::v-deep .el-progress-bar__outer {
+  background-color: rgba(25, 98, 153, 1);
+}
+/* 上下箭头 */
+::v-deep .el-icon-arrow-up,
+.el-icon-arrow-down {
+  color: white;
+}
+::v-deep .vue-treeselect__single-value {
+  color: white;
+}
+
+::v-deep .el-table__empty-block {
+  border-bottom: 1px solid white;
+}
+::v-deep .el-table__body-wrapper .el-table__empty-block {
+  border: none !important;
+}
+::v-deep .plantypes .el-form-item__label {
+  text-align: center;
+}
+::v-deep .el-form-item__content {
+  border-bottom: none !important;
+}
+::v-deep .jinduchakan .el-table__body-wrapper .el-table__empty-block {
+  border-bottom: 2px solid white !important;
+  border-left: 2px solid white !important;
+  border-right: 2px solid white !important;
+}
+/* 去除默认字体 */
+::v-deep .el-select-dropdown__item.selected {
+  color: #000;
+  font-weight: bold;
+}
+
+::v-deep .el-scrollbar li:hover {
+  color: black;
+}
+
+::v-deep .jinduchakans .el-table th.is-leaf {
+  border: 1px solid white !important;
+}
+
+::v-deep .el-pagination .el-input__inner {
+  width: 100px;
+  height: 28px;
+}
+::v-deep .el-pagination__jump .el-input__inner {
+  width: 46px;
+}
+::v-deep .el-pagination__editor.el-input {
+    width: 50px;
+}
+
+::v-deep .inputs .el-input__inner {
+  width: 820px;
+}
 </style>

src/views/pt.vue

@@ -1223,7 +1223,7 @@ export default {
     },
     dbsxfun() {
       this.$router
-        .push({ path: "/workingArrangements/jobTask" })
+        .push({ path: "/workingArrangements/workCalendar" })
         .catch(() => {});
     },
   },

src/views/workingArrangements/workCalendar/index.vue

@@ -49,6 +49,7 @@
         :data="worktaskplanList"
         :header-cell-style="{ background: '#2a6b9a', color: 'white' }"
         class="jindu"
+        :row-class-name="rowStyle"
       >
         <el-table-column label="序号" align="center" prop width="50">
           <template scope="scope">
@@ -61,7 +62,7 @@
             </span>
           </template>
         </el-table-column>
-        <el-table-column label="任务名称" prop="workName" />
+        <el-table-column label="任务名称" prop="workName" width="200" />
         <el-table-column label="任务类型" prop="workType" width="250" />
         <el-table-column
           label="任务描述"
@@ -229,6 +230,7 @@
             label="附件名称"
             v-model="moreTable.fileName"
             style="width: 820px"
+            class="inputs"
           />
           <a
             :href="url + moreTable.fileName"
@@ -409,6 +411,14 @@ export default {
     this.getList();
   },
   methods: {
+    rowStyle({ row, rowIndex }) {
+      if (row.workRate == 100) {
+        return "success_class";
+      } else {
+        return "error_class";
+      }
+      return "";
+    },
     cancelDao() {
       this.open5 = false;
     },
@@ -563,7 +573,11 @@ export default {
 </script>
 
   <style scoped>
-.box {
+::v-deep .el-dialog {
+  background-color: #004d86 !important;
+}
+::v-deep .el-dialog__title {
+  color: #fff;
 }
 .is-selected {
   color: #1989fa;
@@ -575,9 +589,9 @@ export default {
 ::v-deep .el-calendar-table .el-calendar-day {
   height: 100%;
 }
-::v-deep .el-dialog__body .el-table tr:nth-child(even) {
+/* ::v-deep .el-dialog__body .el-table tr:nth-child(even) {
   background-color: #2a6b9a !important;
-}
+} */
 
 ::v-deep .jindu .el-table__cell {
   border: none !important;
@@ -622,7 +636,302 @@ export default {
   top: 1%;
 }
 
-.jinduchakans  .el-table th.is-leaf{
+.jinduchakans .el-table th.is-leaf {
+  border: 1px solid white !important;
+}
+
+::v-deep .el-input__inner {
+  background-color: transparent;
+  width: 200px;
+}
+::v-deep .el-input.is-disabled .el-input__inner {
+  background-color: transparent;
+}
+::v-deep .vue-treeselect__control {
+  background: transparent;
+}
+::v-deep .vue-treeselect__single-value {
+  color: #fff;
+}
+
+::v-deep .el-input__inner {
+  height: 36px;
+  line-height: 36px;
+  color: #fff;
   border: 1px solid white !important;
 }
+::v-deep .el-select-dropdown {
+  background-color: white;
+}
+::v-deep .el-dialog__wrapper .el-form-item__label {
+  color: white !important;
+}
+
+::v-deep .el-form-item__label {
+  width: 30%;
+}
+::v-deep .el-textarea {
+  width: 70%;
+}
+::v-deep .el-dialog__header {
+  border-bottom: 1px solid #718a9d;
+}
+::v-deep .el-textarea__inner {
+  width: 945px;
+  height: 104px;
+}
+/* 表宽度 */
+::v-deep .el-input {
+  width: 200px;
+}
+::v-deep .serialNumber {
+  border: 1px solid white;
+  border-radius: 5px;
+  width: 200px;
+  text-indent: 1em;
+  color: white;
+  line-height: 36px;
+}
+::v-deep .el-date-editor.el-input,
+.el-date-editor {
+  width: 200px;
+}
+/* 执行 */
+::v-deep #execute {
+  width: 510px;
+}
+::v-deep .el-input--suffix {
+  width: auto;
+}
+/* 计划附件 */
+::v-deep .el-upload__tip {
+  position: absolute;
+  top: -5px;
+  width: 500px;
+  left: 100px;
+  color: white;
+}
+/* 上传附件样式 */
+::v-deep .el-icon-document {
+  padding: 3px 5px;
+  color: white;
+}
+::v-deep .el-upload-list__item:hover {
+  background-color: #00365f;
+}
+/* 上传附件的删除按钮样式 */
+::v-deep .el-link--inner {
+  margin-left: 3px;
+}
+::v-deep .el-select-dropdown__item:hover {
+  color: #1890ff !important;
+}
+/* 下拉框的颜色 */
+::v-deep .el-scrollbar li {
+  background-color: white;
+  color: black;
+}
+::v-deep .el-scrollbar li:hover {
+  background-color: #00365f;
+  color: white;
+}
+::v-deep .el-select-dropdown__wrap .el-scrollbar__view {
+  background-color: white;
+}
+/* 修改计划类型样式 */
+::v-deep .el-input--small .el-input__inner {
+  height: 36px;
+  line-height: 36px;
+}
+::v-deep .el-input--medium .el-input__inner {
+  background-color: rgba(0, 0, 0, 0);
+}
+/* 修改编号样式 */
+::v-deep .ipt .el-input__inner {
+  background-color: #004d86 !important;
+}
+/* 进度查看 */
+::v-deep .el-button--btlook.is-active,
+.el-button--btlook:active {
+  background: #32a5d3;
+  border-color: #32a5d3;
+  color: #ffffff;
+}
+::v-deep .el-button--btlook:focus,
+.el-button--btlook:hover {
+  background: #32a5d3;
+  border-color: #32a5d3;
+  color: #ffffff;
+}
+::v-deep .el-button--btlook {
+  width: 70px !important;
+  border: 1px solid transparent;
+  padding: 3px 8px;
+  font-size: 14px;
+  line-height: 1.5;
+  border-radius: 3px;
+  color: #fff;
+  background-color: #32a5d3;
+}
+::v-deep .big .el-input__inner {
+  width: 940px;
+}
+/* 树形 */
+::v-deep .threeselects {
+  width: 200px;
+}
+::v-deep .threeselects .vue-treeselect__input {
+  background-color: #004d86;
+  /* color: white; */
+}
+::v-deep .el-form-item__content {
+  /* color: white; */
+  border-bottom: 1px solid #004d86;
+}
+::v-deep .vue-treeselect__control {
+  background-color: #004d86;
+  border-bottom: 1px solid white;
+  /* color: whi; */
+  /* color: white; */
+}
+::v-deep .vue-treeselect__placeholder {
+  color: white;
+}
+
+::v-deep .change_plan_type .el-input__inner {
+  width: 200px;
+}
+/* 表格样式 */
+::v-deep .el-table__empty-block {
+  background-color: #004d86;
+}
+::v-deep .el-table {
+  background-color: #004d86;
+}
+::v-deep .comtimer .el-input__inner {
+  width: 940px;
+}
+/* 备注 */
+::v-deep .thistext {
+  color: white;
+  width: 930px;
+  border: 1px solid #fff;
+  border-radius: 4px;
+  height: auto;
+  min-height: 35px;
+  text-indent: 1em;
+  line-height: 35px;
+  margin-bottom: 20px;
+  /* margin: auto; */
+}
+/* 完成进度 */
+::v-deep .complue .el-input__inner {
+  width: 940px;
+}
+::v-deep .complue {
+  width: 940px;
+}
+/* 进度 */
+::v-deep .jinduProgress {
+  width: 740px;
+  position: absolute;
+  left: 210px;
+  top: 5px;
+}
+/* 表格 */
+::v-deep .tabless .el-table__row {
+  background-color: #004d86;
+}
+
+::v-deep .has-gutter {
+  background-color: #004d86;
+}
+::v-deep .el-dialog__body .el-table tr:nth-child(odd) {
+  background-color: #004d86 ;
+}
+::v-deep .el-dialog__body table td {
+  border-bottom: 1px solid white !important;
+}
+.el-dialog__body .el-table th.is-leaf {
+  border: 1px solid white;
+}
+/* 下载按钮 */
+::v-deep .downloadfile {
+  border: 1px solid white;
+  display: inline-block;
+  width: 100px;
+  height: 33px;
+  border-radius: 5px;
+  line-height: 33px;
+  text-align: center;
+}
+::v-deep .el-table__row {
+  border-bottom: 1px solid white;
+}
+::v-deep .el-input-number__increase {
+  background-color: #004d86;
+}
+::v-deep .el-input-number__decrease {
+  background-color: #004d86;
+}
+/* 进度条百分比 */
+::v-deep .el-progress-bar__innerText {
+  color: #004d86;
+  /* font-weight: 200; */
+}
+::v-deep .el-progress-bar__outer {
+  background-color: rgba(25, 98, 153, 1);
+}
+/* 上下箭头 */
+::v-deep .el-icon-arrow-up {
+  color: white;
+}
+::v-deep .el-icon-arrow-down {
+  color: #fff;
+}
+::v-deep .vue-treeselect__single-value {
+  color: white;
+}
+
+::v-deep .el-table__empty-block {
+  border-bottom: 1px solid white;
+}
+::v-deep .el-table__body-wrapper .el-table__empty-block {
+  border: none !important;
+}
+::v-deep .plantypes .el-form-item__label {
+  text-align: center;
+}
+::v-deep .el-form-item__content {
+  border-bottom: none !important;
+}
+::v-deep .jinduchakan .el-table__body-wrapper .el-table__empty-block {
+  border-bottom: 2px solid white !important;
+  border-left: 2px solid white !important;
+  border-right: 2px solid white !important;
+}
+/* 去除默认字体 */
+::v-deep .el-select-dropdown__item.selected {
+  color: #000;
+  font-weight: bold;
+}
+
+::v-deep .el-scrollbar li:hover {
+  color: black;
+}
+
+::v-deep .jinduchakans .el-table th.is-leaf {
+  border: 1px solid white !important;
+}
+::v-deep .inputs .el-input__inner {
+  width: 820px;
+}
+::v-deep .el-table .success_class {
+  background-color: green !important;
+}
+ 
+::v-deep .el-table .error_class {
+  background-color: #004d86 !important;
+}
+
 </style>

src/views/workingArrangements/worktaskplan/index.vue

@@ -47,7 +47,7 @@
           icon="el-icon-plus"
           size="mini"
           @click="handleAdd"
-          v-if="aaa==1"
+          v-if="aaa == 1"
           v-hasPermi="['workingArrangements:worktaskplan:add']"
           >新增</el-button
         >
@@ -1639,7 +1639,7 @@ export default {
   width: 800px;
 }
 ::v-deep .el-dialog__body .el-table tr:nth-child(odd) {
-  /* background-color: transparent !important; */
+  background-color: #004d86 !important;
 }
 ::v-deep .el-dialog__body .el-table tr:nth-child(even) {
   background-color: #2a6b9a !important;
@@ -1671,7 +1671,7 @@ export default {
   margin-bottom: 21px;
 }
 .ren_wu {
-  width: 540px !important;
+  width: 500px !important;
 }
 .ren_wu1 {
   width: 636px;
@@ -1798,9 +1798,36 @@ hr {
 }
 
 ::v-deep .el-dialog {
-  background-color: #004D86;
+  background-color: #004d86;
 }
-::v-deep .el-dialog__title{
+::v-deep .el-dialog__title {
   color: #fff;
 }
+
+::v-deep .el-link.el-link--default {
+  color: #fff;
+}
+::v-deep .el-upload__tip {
+  color: #fff;
+}
+::v-deep .vue-treeselect__control {
+  background: transparent;
+}
+::v-deep .vue-treeselect__single-value {
+  color: #fff;
+}
+::v-deep .el-progress-bar__outer {
+  background-color: rgba(25, 98, 153, 1);
+}
+::v-deep .el-date-editor.el-input,
+.el-date-editor {
+  width: 200px;
+}
+::v-deep .el-pagination .el-input__inner {
+  width: 100px;
+  height: 28px;
+}
+::v-deep .el-pagination__jump .el-input__inner {
+  width: 46px;
+}
 </style>