manage-client 3.2.88 → 3.2.89-aode

package/src/components/SellReport/MeterInput.vue

@@ -1,250 +1,185 @@
   <template>
-    <div class="basic-main" style="height: 100%">
-      <criteria-paged :model="model" :pager='false' v-ref:paged>
-        <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:criteria>
+  <div id='app' >
+    <criteria-paged :model="model" :pager='false' v-ref:paged>
+      <criteria partial='criteria' @condition-changed='search' v-ref:criteria>
+        <div novalidate class="form-inline auto " partial >
           <p class="bg-info text-center" style="padding: 8px;">抄表员绩效统计表</p>
-          <div class="form-group" v-if="!$parent.$parent.data.f_files_path"></div>
-          <div novalidate class="form-horizontal select-overspread container-fluid auto" partial >
-            <div class="row">
-              <div class="col-sm-2 form-group" >
-                <label class="font_normal_body" for="startDate">开始日期:</label>
-                <datepicker id="startDate" placeholder="开始日期" style="width: 60%"
-                            v-model="model.startDate"
-                            :value.sync="model.startDate"
-                            :disabled-days-of-Week="[]"
-                            :format="'yyyy-MM-dd HH:mm:ss'"
-                            :show-reset-button="reset">
-                </datepicker>
-              </div>
-              <div class="col-sm-2 form-group" >
-                <label  class="font_normal_body" for="endDate">结束日期:</label>
-                <datepicker id="endDate" placeholder="结束日期" style="width: 60%"
-                            v-model="model.endDate"
-                            :value.sync="model.endDate"
-                            :disabled-days-of-Week="[]"
-                            :format="'yyyy-MM-dd HH:mm:ss'"
-                            :show-reset-button="reset">
-                </datepicker>
-              </div>
-              <div class="col-sm-2 form-group" >
-                <label class="font_normal_body">表类型:</label>
-                <v-select :value.sync="model.meterbrand"
-                          v-model='model.meterbrand' style="width: 60%"
-                          :options='$parent.$parent.meterbrand'
-                          placeholder='表类型'
-                          close-on-select v-el:cc></v-select>
-              </div>
-              <div class="col-sm-2 form-group" >
-                <label class="font_normal_body">用气性质:</label>
-                <v-select :value.sync="model.gasproperties" v-model='model.gasproperties'
-                          :options='$parent.$parent.gasproperties' placeholder='用气性质'
-                          close-on-select v-el:cc></v-select>
-              </div>
-              <res-select-group :initres="$parent.$parent.initres"  @re-res="$parent.$parent.getRes" v-ref:sel></res-select-group>
-              <div  style = "float:right;">
-                <button class="button_search" @click="$parent.$parent.searchData()">查询</button>
-                <report-print id='gasprice' top='3cm' left='0' width='100%' height='100%' :preview="true"></report-print>
-                <report-excel id='gasprice'></report-excel>
-              </div>
+          <div class="flex-row auto" style="justify-content: space-between">
+            <div class="form-group" v-if="!$parent.$parent.data.f_files_path">
+            <label for="startDate">开始日期:</label>
+            <datepicker id="startDate" placeholder="开始日期"
+              v-model="model.startDate"
+              :value.sync="model.startDate"
+              :disabled-days-of-Week="[]"
+              :format="'yyyy-MM-dd HH:mm:ss'"
+              :show-reset-button="reset">
+            </datepicker>
+            <label for="endDate">结束日期:</label>
+            <datepicker id="endDate" placeholder="结束日期"
+              v-model="model.endDate"
+              :value.sync="model.endDate"
+              :disabled-days-of-Week="[]"
+              :format="'yyyy-MM-dd HH:mm:ss'"
+              :show-reset-button="reset">
+            </datepicker>
+           <label for="f_inputtor">表类型:</label>
+           <v-select :value.sync="model.meterbrand" v-model='model.meterbrand'
+                       :options='$parent.$parent.meterbrand' placeholder='表类型'
+                       close-on-select v-el:cc></v-select>
+          <label for="f_inputtor">用气性质:</label>
+          <v-select :value.sync="model.gasproperties" v-model='model.gasproperties'
+                      :options='$parent.$parent.gasproperties' placeholder='用气性质'
+                      close-on-select v-el:cc></v-select>
+            <button class="btn btn-success width-100" @click="search()">查询</button>
+            <button class="btn btn-success width-100" @click="$parent.$parent.confirmReport()">保存报表</button>
+            </div>
+            <span></span>
+            <div class="form-group">
+              <report-print id='meterinputt' top='1cm' left='2cm' width='100%' height='100%'></report-print>
+              <report-excel id='meterinputt' ></report-excel>
             </div>
           </div>
-        </criteria>
-        <div  partial='list' v-el:handcollect id='gasprice' style="overflow-y: scroll">
-          <table class='tableprint' style="margin: 0px auto"  v-if="!$parent.data.f_files_path">
-            <thead>
+        </div>
+      </criteria>
+      <div  partial='list' v-el:handcollect id='meterinputt'>
+        <table class='tableprint' style="margin: 0px auto"  v-if="!$parent.data.f_files_path">
+          <thead>
             <tr>
-              <th colspan='{{$parent.spans}}' style="font-weight: bold; text-align: left;">
+              <th colspan='16' style="font-weight: normal; text-align: left;">
                 <h3 style="text-align: center">抄表员绩效统计表</h3>
               </th>
             </tr>
             <tr>
-              <th colspan='{{$parent.spans}}' style="font-weight: normal; text-align: center;">
+              <th colspan='16' style="font-weight: normal; text-align: center;">
                 开始时间：{{model.model.startDate}}&nbsp;&nbsp;&nbsp;
-                结束时间：{{ model.model.endDate }}&nbsp;&nbsp;
-              </th>
-            </tr>
-            <tr>
-              <th colspan='{{$parent.spans}}' style="font-weight: normal; text-align: center;">
-                打印时间：{{{$parent.printTime}}}
+                结束时间：{{ model.model.endDate }}&nbsp;&nbsp;&nbsp;
+                表类型：{{model.model.meterbrand}}&nbsp;&nbsp;&nbsp;
+                用气性质：{{model.model.gasproperties}}&nbsp;&nbsp;&nbsp;
               </th>
             </tr>
+          </thead>
             <tr>
-              <th colspan='{{$parent.spans}}' style="font-weight: normal; text-align: center;">
-                <div>
-                  <span v-show="$parent.orgname.trim()!=''">公司：{{$parent.orgname}}</span>
-                  <span v-show="$parent.depname.trim()!=''"> 部门：{{$parent.depname}}</span>
-                </div>
-              </th>
-            </tr>
-            </thead>
-            <tr>
-              <td  style="font-weight: normal;" id="test">
-                {{{ model.data.substring(26,model.data.length-8) }}}
+              <td colspan='16'>
+            {{{ model.data.substring(26,model.data.length-8) }}}
               </td>
-            </tr>
-            <tfoot>
+          </tr>
+          <tfoot>
             <tr style="text-align: left">
-              <th colspan='{{$parent.spans}}' style="font-weight: normal; text-align: left;">
-                收款人：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                审核人：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                经手人：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-              </th>
+              <th colspan='5'>财务审核：</th>
+              <th colspan='5'>收款审核：</th>
+              <th colspan='6'>收款员：</th>
             </tr>
-            </tfoot>
-          </table>
-          {{{ $parent.reportStr}}}
+          </tfoot>
+        </table>
+         {{{ $parent.reportStr }}}
+       </div>
+       <!-- <div partial='list' v-el:handcollect v-if="data.f_files_path">
+
+       </div> -->
+    </criteria-paged>
+
+    <modal :show.sync="show" v-ref:modal small backdrop="false">
+      <header slot="modal-header" class="modal-header">
+        <h4 class="modal-title">输入文件名称</h4>
+      </header>
+      <article slot="modal-body" class="modal-body">
+        <div class="form-group">
+          <input  type="text" class="form-control" v-model="filename" placeholder='保存的文件名'>
         </div>
-      </criteria-paged>
-      <modal :show.sync="show" v-ref:modal small backdrop="false">
-        <header slot="modal-header" class="modal-header">
-          <h4 class="modal-title">输入文件名称</h4>
-        </header>
-        <article slot="modal-body" class="modal-body">
-          <div class="form-group">
-            <input  type="text" class="form-control" v-model="filename" placeholder='保存的文件名'>
-          </div>
-        </article>
-        <footer slot="modal-footer" class="modal-footer">
-          <button v-show="show" type="button" class="btn btn-default" @click='close'>取消</button>
-          <button v-show="show" type="button" class="btn btn-success" @click='confirm(filename)'>确认</button>
-        </footer>
-      </modal>
-    </div>
-  </template>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button v-show="show" type="button" class="btn btn-default" @click='close'>取消</button>
+        <button v-show="show" type="button" class="btn btn-success" @click='confirm(filename)'>确认</button>
+      </footer>
+    </modal>
 
-  <script>
-    import { DataModel } from 'vue-client'
-    import co from 'co'
-    let saveFile = function * (self) {
-      // 线验证文件是否重名
-      let count = yield self.$resetpost('rs/sql/manageSingleTable',
-        {data: {tablename: 't_report_record', condition: `f_files_name = '${self.filename}'`}},
-        {resolveMsg: null, rejectMsg: null})
-      if (count.data.length > 0) {
-        self.$showAlert('无法保存，文件名重名', 'warning', 3000)
-        return
-      }
-      let saveBack = yield self.$resetpost('rs/logic/saveReport', {f_files_content: self.$refs.paged.$els.handcollect.innerHTML,
-        f_files_name: self.filename, f_files_type: self.data.f_report_type, f_component_name: 'manage-bus-summary',
-        f_operator: this.$login.f.name, f_query_month: `${self.model.model.startDate}-${self.model.model.endDate}`,
-        f_outlets: this.$login.f.depname})
-      if (saveBack.data.status === 'succeed') {
-        self.show = false
-        self.filename = ''
-        // 后台保存完成，通知刷新
-        self.$dispatch('save-success', self.filename)
-      }
+  </div>
+</template>
+
+<script>
+import { DataModel } from 'vue-client'
+import * as Util from '../../Util'
+import AppData from '../../stores/AppData'
+import co from 'co'
+
+let saveFile = function * (self) {
+  // 线验证文件是否重名
+  let count = yield self.$resetpost('rs/sql/manageSingleTable',
+  {data: {tablename: 't_report_record', condition: `f_files_name = '${self.filename}'`}},
+  {resolveMsg: null, rejectMsg: null})
+  if (count.data.length > 0) {
+    self.$showAlert('无法保存，文件名重名', 'warning', 3000)
+    return
+  }
+  let saveBack = yield self.$resetpost('rs/logic/saveReport', {f_files_content: self.$refs.paged.$els.handcollect.innerHTML,
+    f_files_name: self.filename, f_files_type: self.data.f_report_name, f_component_name: 'meter-input',
+    f_operator: Util.f.name, f_query_month: `${self.model.model.startDate}-${self.model.model.endDate}`,
+    f_outlets: Util.f.f_parentname})
+
+    if (saveBack.data.status === 'succeed') {
+      self.show = false
+      self.filename = ''
+      // 后台保存完成，通知刷新
+      self.$dispatch('save-success', self.filename)
     }
-    export default {
-      title: '抄表员绩效统计表',
-      props: ['data'],
-      data () {
-        return {
-          printTime: this.$login.toStandardTimeString(),
-          depresid: [],
-          userresid: [],
-          initres: {
-            org:[this.$login.f.orgid],
-            dep:[],
-            user:[]
-          },
-          f_orgid: this.$login.f.orgid,
-          f_depid: this.$login.f.depids,
-          f_operatorid: this.$login.f.id,
-          meterbrand:this.$appdata.getParam('表类型')?[{label: '全部', value: ''}, ...this.$appdata.getParam('表类型')]:[],
-          gasproperties:this.$appdata.getParam('用气性质')? [{label: '全部', value: ''}, ...this.$appdata.getParam('用气性质')]:[],
-          operatorid: [],
-          depid: [],
-          orgname: '',
-          depname: '',
-          operatorname: '',
-          orgCondtionStr: '1=1',
-          model: new DataModel('rs/report/meter_input', {startDate: 'this.model.startDate', endDate: 'this.model.endDate',
-            f_orgid: 'this.model.f_orgid',meterbrand: 'this.model.meterbrand[0]',gasproperties: 'this.model.gasproperties[0]'}),
-          reportStr: null,
-          show: false,
-          spans: ''
-        }
-      },
-      ready () {
-        this.$refs.paged.$refs.criteria.model.startDate = this.$login.toStandardDateString() + ' 00:00:00'
-        this.$refs.paged.$refs.criteria.model.endDate = this.$login.toStandardDateString() + ' 23:59:59'
-        // this.$refs.paged.$refs.criteria.search()
-      },
-      methods: {
-        searchData () {
-          this.$refs.paged.$refs.criteria.search()
-        },
-        selfSearch (args) {
-          this.printTime = this.$login.toStandardTimeString()
-          let orgstr = this.orgCondtionStr
-          args.condition = `${args.condition} ` + orgstr
-          this.$refs.paged.$refs.criteria.model.f_orgid = orgstr
-          this.$refs.paged.search(args)
-        },
-        getRes (condition, obj) {
-          this.orgCondtionStr = condition
-          this.orgname = obj.orgnames[0]
-          this.depname = obj.depnames[0]
-        },
-        // getdep (obj, val) {
-        //   // this.depname = val[0]
-        //   this.userresid = obj
-        //   this.f_depid = obj
-        // },
-        // getuser ( obj, val) {
-        //   this.operatorname = val[0]
-        //   this.f_operatorid = obj
-        // },
+}
 
-        // 根据文件路径获取储存的报表内容
-        getFileContent (path) {
-          this.$resetpost('rs/logic/getReportFileContent', {f_files_path: path}, {resolveMsg: null, rejectMsg: null}).then((res) => {
-            this.reportStr = res.data.filecontent
-            this.model.state = '正确'
-          })
-        },
-        confirm () {
-          if (!this.filename || this.filename === '') {
-            this.$showAlert('无法保存，文件名不能为空', 'warning', 3000)
-          }
-          let saveGen = saveFile(this)
-          co(saveGen)
-        },
-        close () {
-          this.show = false
-        },
-        // 将报表保存成文件
-        confirmReport () {
-          this.show = true
-          this.filename = this.data.f_report_name + this.$login.toStandardDateString()
-        }
-      },
-      watch: {
-        'data' (val) {
-          if (val.f_files_path) {
-            this.getFileContent(val.f_files_path)
-          } else {
-            this.reportStr = null
-          }
-        },
-        'model.data' (val) {
-          let tab = document.getElementById('test').children[0]
-          var tds = tab.getElementsByTagName('td')
-          var num = 0
-          for (let td of tds) {
-            let span = td.getAttribute('colspan')
-            num = num + ((span ? span : 1) - 0)
-          }
-          this.spans = num
-        }
-      },
-      computed: {
+export default {
+  title: '抄表员绩效统计表',
+  props: ['data'],
+  data () {
+    return {
+      model: new DataModel('rs/report/meter_input', {startDate: 'this.model.startDate', endDate: 'this.model.endDate',
+      meterbrand: 'this.model.meterbrand[0]', gasproperties: 'this.model.gasproperties[0]', filiale: `'${Util.f.f_fengongsi}'`}),
+      reportStr: null,
+      show: false,
+      filename: ''
+    }
+  },
+  ready () {
+    if (this.data) {
+    }
+  },
+  methods: {
+    // 根据文件路径获取储存的报表内容
+    getFileContent(path) {
+      this.$resetpost('rs/logic/getReportFileContent', {f_files_path: path}, {resolveMsg: null, rejectMsg: null}).then((res) => {
+        this.reportStr = res.data.filecontent
+        this.model.state = '正确'
+      })
+    },
+    confirm () {
+      if (!this.filename || this.filename === '') {
+        this.$showAlert('无法保存，文件名不能为空', 'warning', 3000)
       }
+      let saveGen = saveFile(this)
+      co(saveGen)
+    },
+    close () {
+      this.show = false
+    },
+    // 将报表保存成文件
+    confirmReport () {
+      this.show = true
+      this.filename = this.data.f_report_name + Util.toStandardDateString()
     }
-  </script>
-  <style scoped>
-    .noborder{
-      border: none;
+  },
+  computed: {
+    meterbrand () {
+      return [{label: '全部', value: ''}, ...AppData.getParam('表类型')]
+    },
+    gasproperties () {
+      return [{label: '全部', value: ''}, ...AppData.getParam('用气性质')]
+    }
+  },
+  watch: {
+    'data' (val) {
+      if (val.f_files_path) {
+        this.getFileContent(val.f_files_path)
+      }else {
+        this.reportStr = null
+      }
     }
-  </style>
+  }
+}
+</script>