123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147 |
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml" data-ng-app="app">
- <head>
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
- <meta http-equiv="Pragma" content="no-cache"/>
- <meta http-equiv="Cache-Control" content="no-cache"/>
- <meta http-equiv="Expires" content="0"/>
- <title>重点工作表单</title>
- <link href="../../AFrontEnd/css/animate.css" rel="stylesheet"/>
- <link href="../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet"/>
- <link href="../../AFrontEnd/plugins/iview/iview.css" rel="stylesheet"/>
- <link href="../../AFrontEnd/css/special.css" rel="stylesheet"/>
- <link href="../../AFrontEnd/css/bootstrap.css" rel="stylesheet"/>
- <link rel="stylesheet" href="css/add.css">
- </head>
- <body>
- <div class="sp-bg-white" id="app">
- <div class="boxContent">
- <div class="headBox">
- <div>
- <i-menu mode="horizontal" :active-name="nowTab">
- <menu-item name="1">项目情况</menu-item>
- <menu-item name="2">项目进展</menu-item>
- <menu-item name="3">相关文件</menu-item>
- </i-menu>
- </div>
- <div class="buttonBox">
- <a class="sp-pull-left sp-btn-gray sp-btn-radius" @click="saveFormData('formData')"><i class="fa fa-save sp-mr-5"></i>保 存</a>
- <a class="sp-pull-left sp-btn-gray sp-btn-radius" @click="goBack()"><i class="fa fa-reply sp-mr-5"></i>返 回</a>
- </div>
- </div>
- <div class="contentBox">
- <div class="formBox">
- <div class="titleBox">项目情况</div>
- <i-form ref="formData" :label-width="150" :model="formData" :rules="ruleValidate" inline style="padding-bottom: 12px;">
- <form-item class="formItem" label="项目编号" prop="PROCODE">
- <i-input type="text" v-model="formData.PROCODE"></i-input>
- </form-item>
- <form-item class="formItem" label="项目名称" prop="PRONAME">
- <i-input type="text" v-model="formData.PRONAME"></i-input>
- </form-item>
- <form-item class="formItem" label="项目位置">
- <i-input type="text" v-model="formData.LOCATION"></i-input>
- </form-item>
- <form-item class="formItem" label="建设单位">
- <i-input type="text" v-model="formData.JSUNIT"></i-input>
- </form-item>
- <form-item class="formItem" label="总投资(万元)">
- <i-input type="number" v-model="formData.ZTZ"></i-input>
- </form-item>
- <form-item class="formItem" label="累计年度投资(万元)">
- <i-input type="number" readonly v-model="formData.NDTZ"></i-input>
- </form-item>
- <form-item class="formItem" label="责任领导">
- <i-input type="text" v-model="formData.ZRLEADER"></i-input>
- </form-item>
- <form-item class="formItem" label="责任人">
- <i-input type="text" v-model="formData.ZRMAN"></i-input>
- </form-item>
- <form-item class="formItemFull" label="内容描述">
- <i-input type="textarea" v-model="formData.REMARK" :autosize="{minRows: 2,maxRows: 5}"></i-input>
- </form-item>
- <form-item class="formItem" label="市绩效考核项目">
- <i-select placeholder="市绩效考核项目" v-model="formData.SJXKHXMCODE" :transfer=true >
- <i-option v-for="item in SJXKHXMList" :value="item.CODE" :key="item.CODE"
- v-html="item.CNAME" :transfer=true></i-option>
- </i-select>
- </form-item>
- <form-item class="formItem" label="考核时段">
- <i-select placeholder="考核时段" v-model="formData.KHDATECODE" :transfer=true >
- <i-option v-for="item in KHDATEList" :value="item.CODE" :key="item.CODE"
- v-html="item.CNAME"></i-option>
- </i-select>
- </form-item>
- <form-item class="formItem" label="开始时间" prop="STARTDATE">
- <date-picker type="date" :value="formData.STARTDATE" format="yyyy-MM-dd"
- @on-change="formData.STARTDATE=$event" :editable=false
- :transfer=true></date-picker>
- </form-item>
- <form-item class="formItem" label="结束时间" prop="ENDDATE">
- <date-picker type="date" :value="formData.ENDDATE" format="yyyy-MM-dd"
- @on-change="formData.ENDDATE=$event" :editable=false
- :transfer=true></date-picker>
- </form-item>
- </i-form>
- </div>
- <div class="formBox" v-show="editID!=0" style="display: none;">
- <div class="titleBox">年度投资 <span class="addChildBtn" @click="openAddYearModal('modalYearObj')">【新增】</span></div>
- <div class="tableContent">
- <i-table border :columns="yearColumns" size="small" :data="yearTableData"></i-table>
- </div>
- </div>
- <div class="formBox" v-show="editID!=0" style="display: none;">
- <div class="titleBox">任务分解 <span class="addChildBtn" @click="openAddTaskModal('modalTaskObj')">【新增】</span></div>
- <div class="tableContent">
- <i-table border :columns="taskColumns" size="small" :data="taskTableData"></i-table>
- </div>
- </div>
- </div>
- </div>
- <Modal v-model="modalYear" title="年度投资" @on-ok="okYearModal('modalYearObj')" :loading="loadingModalYear" @on-cancel="cancelYearModal('modalYearObj')" class-name="vertical-center-modal">
- <i-form ref="modalYearObj" :model="modalYearObj" :label-width="120" inline :rules="ruleValidateModalYear">
- <form-item class="modalItem" label="投资年份" prop="TZNF">
- <date-picker type="year" :value="modalYearObj.TZNF" format="yyyy"
- @on-change="modalYearObj.TZNF=$event" :editable=false
- :transfer=true></date-picker>
- </form-item>
- <form-item class="modalItem" label="投资金额(万元)" prop="NDTZ">
- <i-input type="number" v-model="modalYearObj.NDTZ"></i-input>
- </form-item>
- </i-form>
- </Modal>
- <Modal v-model="modalTask" title="任务分解" @on-ok="okTaskModal('modalTaskObj')" :loading="loadingModalTask" @on-cancel="cancelTaskModal('modalTaskObj')" class-name="vertical-center-modal">
- <i-form ref="modalTaskObj" :model="modalTaskObj" :label-width="100" inline :rules="ruleValidateModalTask">
- <form-item class="modalItem" label="责任单位" prop="ZRUNIT">
- <i-select placeholder="请选择责任单位" v-model="modalTaskObj.ZRUNIT" :transfer=true filterable @on-change="changeZRUNIT" >
- <i-option v-for="item in ZRUNITList" :value="item.USHOWNAME" :key="item.USHOWNAME" v-html="item.USHOWNAME"></i-option>
- </i-select>
- </form-item>
- <form-item class="modalItem" label="任务名称" prop="TASKNAME">
- <i-input type="text" v-model="modalTaskObj.TASKNAME"></i-input>
- </form-item>
- <form-item class="modalItem" label="工作内容" prop="TASKCONNECT">
- <i-input type="textarea" v-model="modalTaskObj.TASKCONNECT" :autosize="{minRows: 2,maxRows: 5}"></i-input>
- </form-item>
- </i-form>
- </Modal>
- </div>
- <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
- <script src="../../apiurljs.js"></script>
- <script src="../../AFrontEnd/js/vue/vue.min.js"></script>
- <script src="../../AFrontEnd/js/vue/axios.min.js"></script>
- <script src="../../AFrontEnd/plugins/iview/iview.min.js"></script>
- <script src="../../AFrontEnd/js/vue/util.js"></script>
- <script src="../../js/sm4.js"></script>
- <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
- <script>
- document.write('<scri' + 'pt src="js/add.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')
- </script>
- </body>
- </html>
|