审批流程

wwl

2024-11-13 bd2bc4939fd755c111607237408d7b3a2aad4ab5

审批流程

 src/views/pages/shenpiliucheng/item.vue

New file
@@ -0,0 +1,15 @@
<template>
  <div>
    item
  </div>
</template>

<script>
export default {

}
</script>

<style>

</style>

 src/views/pages/shenpiliucheng/items/item.vue

New file
@@ -0,0 +1,15 @@
<template>
  <div>
    item
  </div>
</template>

<script>
export default {

}
</script>

<style>

</style>

 src/views/pages/shenpiliucheng/myJob.vue

New file
@@ -0,0 +1,180 @@
<template>
    <div class="app-container">
      <el-form
        :model="queryParams"
        ref="queryForm"
        size="small"
        :inline="true"
        v-show="showSearch"
        label-width="100px"
      >
        <el-form-item label="搜索" prop="zjhm">
          <el-input
            v-model="queryParams.zjhm"
            placeholder="请输入搜索内容"
            clearable
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
        <el-form-item>
          <el-button
            type="primary"
            icon="el-icon-search"
            size="mini"
            @click="handleQuery"
            >查询</el-button
          >
          <el-button
            type="danger"
            size="mini"
            @click="addPlan"
            >删除</el-button
          >
          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
            >重置</el-button
          >
        </el-form-item>
      </el-form>
      <el-table v-loading="loading" :data="senHistoryList" border type="selection">
        <el-table-column
          label="工作名称"
          align="center"
          prop="jdsj"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          label="发起时间"
          align="center"
          prop="jdsj"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          label="节点名称"
          align="center"
          prop="jdsj"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          label="审批用户"
          align="center"
          prop="jdsj"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          label="已审批用户"
          align="center"
          prop="jdsj"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          label="超时时间"
          align="center"
          prop="jdsj"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          label="当前状态"
          align="center"
          prop="jdsj"
          :show-overflow-tooltip="true"
        />
      </el-table>
  
      <div class="pag">
        <div class="pag1">
          <pagination
            v-show="total > 0"
            :total="total"
            :page.sync="queryParams.pageNum"
            :limit.sync="queryParams.pageSize"
            @pagination="getList"
          />
        </div>
      </div>
    </div>
  </template>
  
  <script>
  export default {
    name: "Tags",

    data() {
      return {
        dialogFormVisible: false,
        senHistoryList: [],
        // 遮罩层
        loading: false,
        // 选中数组
        ids: [],
        // 非单个禁用
        single: true,
        // 非多个禁用
        multiple: true,
        // 显示搜索条件
        showSearch: true,
        // 总条数
        total: 0,
        // 弹出层标题
        title: "",
        // 是否显示弹出层
        open: false,
        // 查询参数
        queryParams: {
          pageNum: 1,
          pageSize: 10,
          name: "",
          phone: "",
        },
        // 表单参数
        form: {},
        // 表单校验
        rules: {},
      };
    },
    created() {
      this.getList();
    },
    methods: {
      addPlan() {
        this.dialogFormVisible = true;
      },
      /** 查询宣教对应标签列表 */
      getList() {
        this.loading = false;
      },
      handleAdd() {},
      // 取消按钮
      cancel() {
        this.open = false;
        this.reset();
      },
      // 表单重置
      reset() {
        this.form = {};
        this.resetForm("form");
      },
      /** 搜索按钮操作 */
      handleQuery() {
        this.queryParams.pageNum = 1;
        this.getList();
      },
      /** 重置按钮操作 */
      resetQuery() {
        this.resetForm("queryForm");
        this.handleQuery();
      },
    },
  };
  </script>
  <style scoped >
  .pag {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  
  .pag1 {
    width: 30%;
  }
  </style>
  

 src/views/pages/shenpiliucheng/newJob.vue

@@ -1,15 +1,97 @@
<template>
  <div>
    新建工作
  <div class="mainbox" :style="{ height: viewportHeight + 'px' }">
    <el-tabs
      type="border-card"
      :style="{ height: viewportHeight + 'px' }"
      tab-position="left"
    >
      <el-tab-pane label="新建工作">
        <div class="box">
          <div class="title">公文</div>
          <el-row :gutter="12">
            <el-col :span="8">
              <el-card shadow="hover">发文登记</el-card>
            </el-col>
            <el-col :span="8">
              <el-card shadow="hover">收文登记</el-card>
            </el-col>
          </el-row>
        </div>
        <div class="box">
          <div class="title">行政</div>
          <el-row :gutter="12">
            <el-col :span="8">
              <el-card shadow="hover">采购申请单</el-card>
            </el-col>
            <el-col :span="8">
              <el-card shadow="hover">费用报销单</el-card>
            </el-col>
            <el-col :span="8">
              <el-card shadow="hover">会议申请单</el-card>
            </el-col>
            <el-col :span="8">
              <el-card shadow="hover">办公用品申请单</el-card>
            </el-col>
          </el-row>
        </div>
        <div class="box">
          <div class="title">人事</div>
          <el-row :gutter="12">
            <el-col :span="8">
              <el-card shadow="hover">员工请假单</el-card>
            </el-col>
            <el-col :span="8">
              <el-card shadow="hover">离职申请单</el-card>
            </el-col>
          </el-row>
        </div>
        <div class="box">
          <div class="title">其他</div>
          <el-row :gutter="12">
            <el-col :span="8">
              <el-card shadow="hover">请假申请表</el-card>
            </el-col>
            <el-col :span="8">
              <el-card shadow="hover">工作日志</el-card>
            </el-col>
            <el-col :span="8">
              <el-card shadow="hover">资源申请单</el-card>
            </el-col>
            <el-col :span="8">
              <el-card shadow="hover">车辆申请单</el-card>
            </el-col>
          </el-row>
        </div>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {

}
  data() {
    return {
      viewportHeight: window.innerHeight,
    };
  },
  methods: {
    goToItemPage() {
      this.$router.push("/shenpiliucheng/item");
    },
  },
};
</script>

<style>

<style scoped >
.box {
  margin-bottom: 20px;
}
.box .title {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 700;
  }
.box /deep/ .el-col {
    margin-bottom: 20px;
    cursor: pointer;
  }
</style>

 src/views/pages/workManage/components/tanchukuang.vue

@@ -10,7 +10,7 @@
          <el-input autocomplete="off" class="input"></el-input>
        </el-form-item>
        <el-form-item label="上传附件" label-width="100px">
          <FileUpload></FileUpload>
          <FileUpload v-model="form.file"></FileUpload>
        </el-form-item>
      </el-form>
      <Tinymce class="setTinymce" :height="200" v-model="value"></Tinymce>
@@ -33,6 +33,7 @@
  data() {
    return {
      form: {},
      value: ''
    };
  },


 src/views/pages/workManage/myPlan.vue

@@ -103,7 +103,7 @@
  },
  data() {
    return {
      value: "",
      
      dialogFormVisible: false,
      senHistoryList: [],
      // 遮罩层