|
|
@@ -12,6 +12,8 @@
|
|
|
<link rel="stylesheet" th:href="@{/common/bootstrap-table/bootstrap-table.min.css}" href="../../../../../common/bootstrap-table/bootstrap-table.min.css">
|
|
|
<link rel="stylesheet" th:href="@{/common/css/minto.layout.css}" href="../../../../../common/css/minto.layout.css">
|
|
|
<link rel="stylesheet" th:href="@{/common/css/minto.comp.css}" href="../../../../../common/css/minto.comp.css">
|
|
|
+ <link rel="stylesheet" type="text/css" th:href="@{/tc_ttp/element-ui/minto/element-mask.css}"/>
|
|
|
+ <link rel="stylesheet" type="text/css" th:href="@{/common/element-ui/theme-chalk/index.css}"/>
|
|
|
<style>
|
|
|
.table-th{
|
|
|
min-width: 100px;
|
|
|
@@ -22,48 +24,86 @@
|
|
|
html,body{
|
|
|
height: 100%;
|
|
|
}
|
|
|
+ .el-form-item__label{
|
|
|
+ margin-bottom: 0 !important;
|
|
|
+ padding-bottom: 0 !important;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
-
|
|
|
-<div id="main" class="mt-body mt-vertical" style="background-color: #fff;">
|
|
|
+<div id="main" class="mt-body mt-vertical" style="background-color: #fff;" >
|
|
|
<div style="padding: 20px;">
|
|
|
<div class="mt-table-region mt-horizontal">
|
|
|
<div id="right" class="mt-content-right" style="padding:20px 20px">
|
|
|
<div id="tableDiv" style="display: block;">
|
|
|
<table id="table" data-toggle="table">
|
|
|
<thead>
|
|
|
- <tr>
|
|
|
- <th width="46" style="min-width: 46px" align="center" >序号</th>
|
|
|
- <th class="table-th">任务标题</th>
|
|
|
- <th class="table-th">任务类型</th>
|
|
|
- <th class="table-th">责任单位</th>
|
|
|
- <!--<th class="table-th">协办单位</th>-->
|
|
|
- <th data-th-if="${auditType}==0" class="table-th">待审批单位</th>
|
|
|
- <th class="table-th">完成情况</th>
|
|
|
- <th class="table-th">完成时限</th>
|
|
|
- <!--<th class="table-th">任务阶段</th>-->
|
|
|
- </tr>
|
|
|
+ <tr>
|
|
|
+ <th width="46" style="min-width: 46px" align="center" >序号</th>
|
|
|
+ <th class="table-th">任务标题</th>
|
|
|
+ <th class="table-th">任务类型</th>
|
|
|
+ <th class="table-th">责任单位</th>
|
|
|
+ <!--<th class="table-th">协办单位</th>-->
|
|
|
+ <th data-th-if="${auditType}==0" class="table-th">待审批单位</th>
|
|
|
+ <th class="table-th">进展状态</th>
|
|
|
+ <th class="table-th">完成情况</th>
|
|
|
+ <th class="table-th">存在问题</th>
|
|
|
+ <th class="table-th">完成时限</th>
|
|
|
+ <th class="table-th" align="center">操作</th>
|
|
|
+ </tr>
|
|
|
</thead>
|
|
|
<tbody>
|
|
|
- <tr data-th-each="bean,stat:${beans}">
|
|
|
- <td data-th-text="${stat.count}">序号</td>
|
|
|
- <td>
|
|
|
- <a data-th-attr="task-id=${bean.taskId}" class="link-text task-title" data-th-text="${bean['taskTitle']}">任务标题</a>
|
|
|
- </td>
|
|
|
- <td data-th-text="${bean['taskTypeName']}">任务类型</td>
|
|
|
- <td data-th-text="${bean['manager']}">责任单位</td>
|
|
|
- <!--<td data-th-text="${bean['participantName']}">协办单位</td>-->
|
|
|
- <td data-th-if="${auditType}==0" data-th-text="${bean['pendingUnit']}"></td>
|
|
|
- <td data-th-text="${bean['processDetail']}"></td>
|
|
|
- <td data-th-text="${bean['endDate']}"></td>
|
|
|
- </tr>
|
|
|
+ <tr data-th-each="bean,stat:${beans}">
|
|
|
+ <td data-th-text="${stat.count}" >序号</td>
|
|
|
+ <td>
|
|
|
+ <a data-th-attr="task-id=${bean.taskId}" class="link-text task-title" data-th-text="${bean['taskTitle']}">任务标题</a>
|
|
|
+ </td>
|
|
|
+ <td data-th-text="${bean['taskTypeName']}">任务类型</td>
|
|
|
+ <td data-th-text="${bean['manager']}">责任单位</td>
|
|
|
+ <!--<td data-th-text="${bean['participantName']}">协办单位</td>-->
|
|
|
+ <td data-th-if="${auditType}==0" data-th-text="${bean['pendingUnit']}"></td>
|
|
|
+ <td data-th-text="${bean['processStatusDesc']}"></td>
|
|
|
+ <td data-th-text="${bean['processDetail']}"></td>
|
|
|
+ <td data-th-text="${bean['faq']}"></td>
|
|
|
+ <td data-th-text="${bean['endDate']}"></td>
|
|
|
+ <td data-th-if="${bean['colState']} == 1">
|
|
|
+ <button @click.stop="editThisMessage"
|
|
|
+ data-th-data-id="${bean.id}"
|
|
|
+ type="button"
|
|
|
+ class="btn btn-primary btn-sm task-edit"
|
|
|
+ >
|
|
|
+ 编辑
|
|
|
+ </button>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
+ <el-dialog title="提示" :visible.sync="dialogVisible" width="600px" :modal-append-to-body="true" v-cloak>
|
|
|
+ <el-form :model="form" label-position="top" :rules="rules" ref="ruleForm">
|
|
|
+ <el-form-item label="特殊资源">
|
|
|
+ <el-radio-group v-model="form.processStatus">
|
|
|
+ <el-radio :label="0">正常推进</el-radio>
|
|
|
+ <el-radio :label="1">进展较慢</el-radio>
|
|
|
+ <el-radio :label="3">已完成</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="完成情况" prop="processDetail">
|
|
|
+ <el-input v-model="form.processDetail"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="存在问题">
|
|
|
+ <el-input v-model="form.faq"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="closeDialog">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
@@ -74,34 +114,109 @@
|
|
|
<script type="text/javascript" th:src="@{/common/js/v5x.js}" src="../../../../../common/js/v5x.js" ></script>
|
|
|
<script type="text/javascript" th:src="@{/common/bootstrap-table/bootstrap-table.min.js}" src="../../../../../common/bootstrap-table/bootstrap-table.min.js"></script>
|
|
|
<script type="text/javascript" th:src="@{/common/bootstrap-table/locale/bootstrap-table-zh-CN.min.js}" src="../../../../../common/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
|
|
|
-<script type="text/javascript">
|
|
|
- $("#tableDiv").on("click",".task-title",function(){
|
|
|
- var id = $(this).attr("task-id");
|
|
|
- var taskType = $(this).attr("taskType");
|
|
|
- //审批状态
|
|
|
- var colState = $(this).attr("colState");
|
|
|
- //任务是否必须立项送审
|
|
|
- var needApproval = $(this).attr("needApproval");
|
|
|
- if(needApproval==1){
|
|
|
- //审批状态为完成，不能再对事项进行编辑
|
|
|
- if(colState==2){
|
|
|
- TC.ui.openResource({
|
|
|
- id: "/taskmt/?m=taskDetail",
|
|
|
- label: "查看事项",
|
|
|
- url: "/taskmt/?m=taskDetail&id="+id+"&listType=do&collaboration=true",
|
|
|
- icon: ""
|
|
|
+<script type="text/javascript" th:src="@{/common/vue/vue.min.js}" src="../../../../../common/vue/vue.min.js"></script>
|
|
|
+<script type="text/javascript" th:src="@{/common/element-ui/index.js}" src="../../../../../common/element-ui/index.js"></script>
|
|
|
+
|
|
|
+<script type="text/javascript" th:inline="javascript">
|
|
|
+ $(function(){
|
|
|
+ const beans = [[${beans}]];
|
|
|
+ new Vue({
|
|
|
+ el:'#main',
|
|
|
+ data(){
|
|
|
+ return {
|
|
|
+ dialogVisible:false,
|
|
|
+ form:{
|
|
|
+ processDetail:"",
|
|
|
+ faq:"",
|
|
|
+ processStatus:null,
|
|
|
+ reportId:""
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ processDetail: [
|
|
|
+ { required: true, message: '请输入完成情况', trigger: 'blur' },
|
|
|
+ ],
|
|
|
+ }
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ editThisMessage(e){
|
|
|
+ let id = e.target.dataset.id || ""
|
|
|
+ if(!id) return;
|
|
|
+ let item = beans.find(item=> item.id===id)
|
|
|
+ this.form = {
|
|
|
+ reportId:item.id,
|
|
|
+ processDetail:item.processDetail,
|
|
|
+ faq:item.faq,
|
|
|
+ processStatus:item.processStatus
|
|
|
+ }
|
|
|
+ this.dialogVisible = true;
|
|
|
+ },
|
|
|
+ submitForm() {
|
|
|
+ this.$refs.ruleForm.validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ $.ajax({
|
|
|
+ url: TC.config.baseUrl + "/task/updateTaskReport",
|
|
|
+ type: "post",
|
|
|
+ dataType: "json",
|
|
|
+ data: this.form,
|
|
|
+ traditional: true,
|
|
|
+ async: false,
|
|
|
+ success: (result)=> {
|
|
|
+ if (result.state == "success") {
|
|
|
+ this.dialogVisible = false;
|
|
|
+ $.ok("修改成功！", ()=> {
|
|
|
+ window.location.reload();
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ $.alert(result.message);
|
|
|
+ }
|
|
|
+ }, error: function () {
|
|
|
+ console.log("修改失败!")
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ console.log('error submit!!');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ closeDialog(){
|
|
|
+ this.dialogVisible = false
|
|
|
+ this.$refs.ruleForm.resetFields();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted(){
|
|
|
+ // 原本的事件不做修改
|
|
|
+ $("#main").on("click",".task-title",function(){
|
|
|
+ var id = $(this).attr("task-id");
|
|
|
+ var taskType = $(this).attr("taskType");
|
|
|
+ //审批状态
|
|
|
+ var colState = $(this).attr("colState");
|
|
|
+ //任务是否必须立项送审
|
|
|
+ var needApproval = $(this).attr("needApproval");
|
|
|
+ if(needApproval==1){
|
|
|
+ //审批状态为完成，不能再对事项进行编辑
|
|
|
+ if(colState==2){
|
|
|
+ TC.ui.openResource({
|
|
|
+ id: "/taskmt/?m=taskDetail",
|
|
|
+ label: "查看事项",
|
|
|
+ url: "/taskmt/?m=taskDetail&id="+id+"&listType=do&collaboration=true",
|
|
|
+ icon: ""
|
|
|
+ });
|
|
|
+ }else{
|
|
|
+ TC.ui.openTab("/taskByType/editDraft/?editType=1&isApprovalEdit=true&taskType="+taskType+"&id="+id,"事项编辑");
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ TC.ui.openResource({
|
|
|
+ id: "/taskmt/?m=taskDetail",
|
|
|
+ label: "查看事项",
|
|
|
+ url: "/taskmt/?m=taskDetail&id="+id+"&listType=do&collaboration=true",
|
|
|
+ icon: ""
|
|
|
+ });
|
|
|
+ }
|
|
|
});
|
|
|
- }else{
|
|
|
- TC.ui.openTab("/taskByType/editDraft/?editType=1&isApprovalEdit=true&taskType="+taskType+"&id="+id,"事项编辑");
|
|
|
}
|
|
|
- }else{
|
|
|
- TC.ui.openResource({
|
|
|
- id: "/taskmt/?m=taskDetail",
|
|
|
- label: "查看事项",
|
|
|
- url: "/taskmt/?m=taskDetail&id="+id+"&listType=do&collaboration=true",
|
|
|
- icon: ""
|
|
|
- });
|
|
|
- }
|
|
|
+ })
|
|
|
});
|
|
|
</script>
|
|
|
</body>
|
