Browse Source

样式修改

daiqisheng 3 years ago
parent
commit
1d0cc21dd0

+ 1 - 2
src/pages/main/performance/components/table.vue

@@ -2,7 +2,7 @@
  * @Author       : yuanrunwei
  * @Date         : 2021-11-01 18:02:58
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2022-01-06 11:43:18
+ * @LastEditTime: 2022-01-06 17:50:58
  * @FilePath     : \spfm-market-front\src\pages\main\performance\components\table.vue
 -->
 <template>
@@ -146,7 +146,6 @@ export default {
       return visible;
     },
     handleClick(props, row) {
-      console.log("aaaaaaaaa");
       this.$emit(props, row);
     },
     handleCancel() {

+ 87 - 4
src/pages/main/performance/department.vue

@@ -15,6 +15,7 @@
         @check="handleCheck"
         @edit="handleEdit"
         @delete="handleDelete"
+        @receiverName="handleReceiver"
       ></simple-table>
       <simple-pagination
         :page="page"
@@ -141,6 +142,7 @@
         :model="transfer_form"
         :rules="transfer_rules"
         ref="transfer_form"
+        label-width="80px"
       >
         <el-form-item label="转派人员" prop="personnel">
           <el-select
@@ -158,7 +160,13 @@
           </el-select>
         </el-form-item>
         <el-form-item label="可编辑行" prop="rows">
-          <el-select
+          <div class="form-select">
+            <span class="form-content">从</span>
+            <el-input v-model="transfer_form.col_start" />
+            <span class="form-content">到</span
+            ><el-input v-model="transfer_form.col_end" />
+          </div>
+          <!-- <el-select
             v-model="transfer_form.rows"
             placeholder="可编辑行"
             multiple
@@ -170,10 +178,43 @@
               :value="item.value"
             >
             </el-option>
-          </el-select>
+          </el-select> -->
+        </el-form-item>
+        <el-form-item label="可编辑列" prop="rows">
+          <div class="form-select">
+            <span class="form-content">从</span>
+            <el-input v-model="transfer_form.row_start" />
+            <span class="form-content">到</span>
+            <el-input v-model="transfer_form.row_end" />
+          </div>
+          <!-- <el-select
+            v-model="transfer_form.rows"
+            placeholder="可编辑行"
+            multiple
+          >
+            <el-option
+              v-for="(item, index) in transfer_rows"
+              :key="index"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select> -->
         </el-form-item>
       </el-form>
     </simple-dialog>
+    <simple-dialog
+      title="回复详情"
+      width="700px"
+      @cancel="handleCancel('principal_visible')"
+      @confirm="handleCancel('principal_visible')"
+      :visible="principal_visible"
+    >
+      <simple-table
+        :list="receiver_table_list"
+        :config="receiver_table_config"
+      ></simple-table>
+    </simple-dialog>
     <!-- <simple-dialog
       title="流程跟踪"
       :visible="track_visible"
@@ -235,9 +276,41 @@ export default {
       transfer_visible: false,
       visible: false,
       edit_visible: false,
+      // 审批
       approve_visible: false,
+      // 转派
       track_visible: false,
+      // 回复详情
+      principal_visible: false,
       edit_form: {},
+      // 回复详情
+      receiver_table_list: [
+        {
+          receiver: "接收人",
+          department: "科室",
+          date: "回复时间",
+          value: "2021.11.4 XXX 同意\n2021.11.4 XXX 同意",
+        },
+      ],
+      receiver_table_config: [
+        {
+          label: "接收人",
+          props: "receiver",
+        },
+        {
+          label: "科室",
+          props: "department",
+        },
+        {
+          label: "回复时间",
+          props: "date",
+        },
+        {
+          label: "审批记录",
+          props: "value",
+          type: "textarea",
+        },
+      ],
       transfer_list: [],
       transfer_rows: [],
       transfer_form: {
@@ -342,7 +415,7 @@ export default {
       table_config: [
         {
           label: "序号",
-          type:'number'
+          type: "number",
         },
         {
           label: "模板名称",
@@ -368,6 +441,7 @@ export default {
         {
           label: "接受人",
           props: "receiverName",
+          type: "click",
         },
         {
           label: "状态",
@@ -685,6 +759,11 @@ export default {
       });
       this.handleCancel("visible");
     },
+    handleReceiver({ id }) {
+      // 回复详情
+      console.log(id);
+      this.principal_visible = true;
+    },
     // 关闭方法
     handleCancel(data) {
       switch (data) {
@@ -701,6 +780,9 @@ export default {
         case "transfer_visible":
           this.transfer_visible = false;
           break;
+        case "principal_visible":
+          this.principal_visible = false;
+          break;
       }
     },
     // handleBack() {
@@ -767,4 +849,5 @@ export default {
 };
 </script>
 
-<style></style>
+<style c>
+</style>