apply-clients 7.1.36-1 → 7.1.36-yuchuan-2

package/src/components/product/ApplyGuanXian/GuanXianCaiLiao.vue

@@ -0,0 +1,235 @@
+<template>
+  <div class="col-sm-12" style="margin: 20px 0px;">
+    <data-grid :model="model" v-ref:grid class="list_area table_sy" style="padding: 0px">
+      <template partial='head'>
+        <tr>
+          <th class="textNoLineBreak">序号</th>
+          <th class="textNoLineBreak">支干线</th>
+          <th class="textNoLineBreak">管径</th>
+          <th class="textNoLineBreak">管材</th>
+          <th class="textNoLineBreak">起点</th>
+          <th class="textNoLineBreak">终点</th>
+          <th class="textNoLineBreak">长度</th>
+          <th class="textNoLineBreak">
+            <button
+              type="button"
+              class="btn btn-info head-but"
+              @click="$parent.$parent.showGuanXianModal()"
+              :disabled="$parent.$parent.mark===1"
+            >新增线路</button>
+          </th>
+        </tr>
+      </template>
+      <template partial='body'>
+        <tr>
+          <td style="text-align: center;">
+            <nobr>{{$index+1}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{row.f_branch_trunk}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{row.f_pipe_diameter}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{row.f_pipe_material}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{row.f_starting_point}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{row.f_end_point}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{row.f_pipe_length}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>
+              <button
+                type="button"
+                name="button"
+                class="btn btn-link"
+                @click="$parent.$parent.showGuanXianModal(row)"
+                :disabled="$parent.$parent.mark===1"
+              >修改</button>
+
+              <button
+                type="button" name="button" class="btn btn-link"
+                @click="$parent.$parent.deleteXianLu(row)"
+                :disabled="$parent.$parent.mark===1"
+              >删除</button>
+
+            </nobr>
+          </td>
+        </tr>
+      </template>
+    </data-grid>
+
+    <validator name="v">
+      <modal v-if="showGuanXian" :show.sync="showGuanXian" v-ref:modal :large="true" :backdrop="false" title="管线明细">
+        <header slot="modal-header" class="modal-header">
+          <button type="button" class="close" @click="closeModal"><span>&times;</span></button>
+          <h4 class="modal-title">管线明细</h4>
+        </header>
+        <article slot="modal-body" class="modal-body clearfix">
+          <div class="form-group col-sm-6" :class="[$v.f_branch_trunk.required ? 'has-error' : '']">
+            <label class="col-sm-4 control-label">支干线：</label>
+            <div class="col-sm-8">
+              <input type="text" v-show="false" v-model="guanXian.f_branch_trunk" v-validate:f_payment_method = "['required']" >
+              <input-select
+                placeholder='请选择' width="100%"
+                v-model="guanXian.f_branch_trunk"
+                :value.sync="guanXian.f_branch_trunk"
+                :options='branchTrunks'
+                class="select select_list"
+                :value-single="true"
+                close-on-select ></input-select>
+            </div>
+          </div>
+          <div class="form-group col-sm-6" :class="[$v.f_pipe_diameter.required ? 'has-error' : '']">
+            <label class="col-sm-4 control-label">管径：</label>
+            <div class="col-sm-8">
+              <input type="text" v-show="false" v-model="guanXian.f_pipe_diameter" v-validate:f_payment_method = "['required']" >
+              <input-select
+                placeholder='请选择' width="100%"
+                v-model="guanXian.f_pipe_diameter"
+                :value.sync="guanXian.f_pipe_diameter"
+                :options='pipeDiameters'
+                class="select select_list"
+                :value-single="true"
+                close-on-select ></input-select>
+            </div>
+          </div>
+          <div class="form-group col-sm-6" :class="[$v.f_pipe_material.required ? 'has-error' : '']">
+            <label class="col-sm-4 control-label">管材：</label>
+            <div class="col-sm-8">
+              <input type="text" v-show="false" v-model="guanXian.f_pipe_material" v-validate:f_payment_method = "['required']" >
+              <input-select
+                placeholder='请选择' width="100%"
+                v-model="guanXian.f_pipe_material"
+                :value.sync="guanXian.f_pipe_material"
+                :options='pipeMaterial'
+                class="select select_list"
+                :value-single="true"
+                close-on-select ></input-select>
+            </div>
+          </div>
+          <div class="form-group col-sm-6">
+            <label class="col-sm-4 control-label">长度：</label>
+            <div class="col-sm-8">
+              <input type="text" class="form-control input_view" style="width: 100%; height: 90%"
+                     v-model="guanXian.f_pipe_length" />
+            </div>
+          </div>
+          <div class="form-group col-sm-6">
+            <label class="col-sm-4 control-label">起点：</label>
+            <div class="col-sm-8">
+              <input type="text" class="form-control input_view" style="width: 100%"
+                     v-model="guanXian.f_starting_point" />
+            </div>
+          </div>
+          <div class="form-group col-sm-6">
+            <label class="col-sm-4 control-label">终点：</label>
+            <div class="col-sm-8">
+              <input type="text" class="form-control input_view" style="width: 100%"
+                     v-model="guanXian.f_end_point" />
+            </div>
+          </div>
+        </article>
+        <footer slot="modal-footer" class="modal-footer">
+          <button type="button" class="btn btn-primary" :disabled='!$v.valid' @click="saveXianLu()">保存线路</button>
+        </footer>
+      </modal>
+    </validator>
+
+  </div>
+</template>
+
+<script>
+import {HttpResetClass} from "vue-client";
+
+export default {
+  title: '线路明细',
+  props: {
+    selectdata: {
+      type: Object
+    },
+    mark: {
+      type: Number,
+      default: 0
+    }
+  },
+  data () {
+    return {
+      showGuanXian: false,  // 展示支线明细
+      model: {
+        data: null
+      },       // 记录
+      branchTrunks: [{label: '支线', value: '支线'}, {label: '干线', value: '干线'}],
+      pipeDiameters: [...this.$appdata.getParam('管径')],
+      pipeMaterial: [...this.$appdata.getParam('管材')],
+      guanXian: {
+
+      }
+    }
+  },
+  ready () {
+    this.search()
+  },
+  methods: {
+    // 新增线路明细
+    async saveXianLu () {
+      let http = new HttpResetClass()
+      let data = {
+        f_process_id: this.selectdata.f_process_id,
+        user: this.$login.f,
+        guanXian: this.guanXian
+      }
+      let res = await http.load('POST', 'rs/logic/addApplyXianLu', {data:data}, {
+        resolveMsg: null,
+        rejectMsg: '新增线路失败！'
+      }).then((res) => {
+        this.guanXian = {}   
+
+        this.showGuanXian = false
+        this.$dispatch('breakControl', this.selectdata)
+      })
+    },
+    async deleteXianLu(row){
+      this.$resetdelete(`rs/entity/t_pipeline_material_apply`, {id: row.id}, {
+        resolveMsg: '删除成功',
+        rejectMsg: '删除失败'
+      }).then((res) => {
+        this.$dispatch("delResid", row.id)
+        this.$dispatch('breakControl', this.selectdata)
+      })
+    },
+    async search () {
+      let http = new HttpResetClass()
+      let data = {
+        f_process_id: this.selectdata.f_process_id
+      }
+      let res = await http.load('POST', 'rs/sql/getZhiXianMingXi', {data:data}, {
+        resolveMsg: null,
+        rejectMsg: '线路明细查询失败！！！'
+      })
+      this.model.data = res.data
+    },
+    showGuanXianModal(row){
+      this.guanXian = row
+      this.showGuanXian = !this.showGuanXian
+    },
+    closeModal() {
+      this.showGuanXian = false
+      this.guanXian = {}
+      this.search()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.form-control{
+  padding: 8px 12px;
+}
+</style>

package/src/components/product/ApplyGuanXian/GuanXianExplorationSelect.vue

@@ -0,0 +1,323 @@
+<template>
+  <div>
+    <criteria-paged :model="model" v-ref:cp>
+      <criteria partial='criteria' @condition-changed='$parent.searchCondition' v-ref:cri>
+        <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
+          <div class="row">
+            <div class="form-group col-sm-2">
+              <label class="font_normal_body">管线编号：</label>
+              <input type="text" style="width:60%" class="input_search" placeholder='管线编号' v-model="model.f_apply_num"
+                     v-on:keyup.enter="$parent.$parent.search()"
+                     condition="f_apply_num like '%{}%'">
+            </div>
+            <div class="form-group col-sm-2">
+              <label class="font_normal_body">工程名称：</label>
+              <input type="text" style="width:60%" class="input_search" v-model="model.f_user_name"
+                     v-on:keyup.enter="$parent.$parent.search()" condition="f_address_name like '%{}%'" placeholder='道路名'>
+            </div>
+            <div class="form-group col-sm-2">
+              <label class="font_normal_body">办理环节：</label>
+              <v-select
+                v-model="model.defname"
+                placeholder='办理环节'
+                condition="defname = '{}'"
+                :value.sync="model.defname"
+                :options='$parent.$parent.defnames'
+                class="select select_list"
+                :value-single="true"
+                close-on-select ></v-select>
+            </div>
+            <div class="form-group col-sm-3 button-range">
+              <button class="button_new button_spacing" style="width: max-content"
+                      v-if="$parent.$parent.projectStart"
+                      @click="$parent.$parent.showModal = !$parent.$parent.showModal">工程发起</button>
+              <button class="button_search button_spacing" @click="$parent.$parent.search()" v-el:cx>查询</button>
+              <button class="button_search button_spacing" @click="$parent.$parent.loadPage()">返回</button>
+              <button class="button_clear button_spacing"  @click="$parent.$parent.clear()">清空</button>
+            </div>
+          </div>
+        </div>
+      </criteria>
+      <data-grid v-if="$parent.showData" :model="model" partial='list' v-ref:grid class="list_area table_sy" style="height: 100%">
+        <template partial='head'>
+          <tr>
+            <th style="white-space: nowrap;">序号</th>
+            <th style="white-space: nowrap;">完成状态</th>
+            <th style="white-space: nowrap;">管线编号</th>
+            <th style="white-space: nowrap;">工程名称</th>
+            <th style="white-space: nowrap;">办理环节</th>
+            <th style="white-space: nowrap;">流程状态</th>
+            <th style="white-space: nowrap;">流程开始时间</th>
+          </tr>
+        </template>
+        <template partial='body'>
+          <tr >
+            <td @click="$parent.$parent.$parent.click(row)" :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]" style="text-align: center;">
+              <nobr><font>{{$index+1}}</font></nobr>
+            </td>
+            <td @click="$parent.$parent.$parent.click(row)" :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]" style="text-align: center;">
+              <nobr><font>{{row.f_sub_save_state}}</font></nobr>
+            </td>
+            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]" style="text-align: center;">
+              <nobr><font>{{row.f_apply_num}}</font></nobr>
+            </td>
+            <td @click="$parent.$parent.$parent.click(row)" :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]" style="text-align: center;">
+              <nobr><font>{{row.f_address_name}}</font></nobr>
+            </td>
+            <td @click="$parent.$parent.$parent.click(row)" :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]" style="text-align: center;">
+              <nobr><font>{{row.defname}}</font></nobr>
+            </td>
+            <td @click="$parent.$parent.$parent.click(row)" :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]" style="text-align: center;">
+              <nobr><font>{{row.f_sub_state}}</font></nobr>
+            </td>
+            <td @click="$parent.$parent.$parent.click(row)" :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]" style="text-align: center;">
+              <nobr><font>{{row.sendtime}}</font></nobr>
+            </td>
+<!--            <td @click="$parent.$parent.$parent.click(row)" :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  ]" style="text-align: center;">-->
+<!--              <dropdown>-->
+<!--                <button type="button" data-toggle="dropdown" style="border: 0px;background: none;">-->
+<!--                  <span class="glyphicon glyphicon-th-list" style="position: inherit;"></span>-->
+<!--                </button>-->
+<!--                <ul slot="dropdown-menu" class="dropdown-menu dropdown-menu-right">-->
+<!--                  <li>-->
+<!--                    <a href="#" @click="$parent.$parent.$parent.click(row)">{{row.defname}}</a>-->
+<!--                  </li>-->
+<!--                </ul>-->
+<!--              </dropdown>-->
+<!--            </td>-->
+          </tr>
+        </template>
+      </data-grid>
+    </criteria-paged>
+
+    <modal
+      v-if="showModal"
+      :show.sync="showModal"
+      backdrop="false"
+      title="工程类型"
+      cancel-text="取消"
+      ok-text="确认"
+      :callback="apply"
+    >
+      <div class="form-horizontal" slot="modal-body">
+        <div class="form-group" style="margin: 10px auto">
+          <label class="col-sm-3 control-label">报建类型：</label>
+          <div class="col-sm-9">
+            <v-select
+              v-model="applyType"
+              placeholder='请选择需要发起的工程类型'
+              :value.sync="applyType"
+              :options='apply_types'
+              :value-single="true"
+              class="select select_list"
+              :search="false"
+              close-on-select ></v-select>
+          </div>
+        </div>
+      </div>
+    </modal>
+  </div>
+</template>
+<script>
+import {HttpResetClass, PagedList} from 'vue-client'
+import {isEmpty} from '../../Util'
+
+export default {
+  title: '工程列表',
+  props: ['showData'],
+  data () {
+    return {
+      model: new PagedList('rs/sql/getGuanXianApply', 20, {
+        data: {
+          userid: this.$login.f.id,
+          f_filiale: this.$login.f.f_fengongsi
+        }
+      }),
+      showModal: false, // 控制发起类型选择
+      defnames: isEmpty(this.$appdata.getParam('管线建设环节')) ? [{label: '全部', value: ''}] : [{label: '全部', value: ''}, ...this.$appdata.getParam('管线建设环节')], // 流程节点
+      save_states: [{label: '全部', value: ''},{label: '已完成', value: '已完成'},{label: '已退回', value: '已退回'}], // 报建性质
+      apply_types: [{label: '管线建设', value: '管线建设'}],
+      designerPeoples:  this.getDesigner(),
+      criteriaShow: false,
+      getfield: {
+        'f_apply_num': ' 工 程 编 号 ',
+        'f_user_name': '  客 户 名 称  ',
+        'f_contact': ' 联 系 人 ',
+        'f_phone': '   电   话   ',
+        'f_user_type': '   用户类型   ',
+        'f_user_classification': ' 用户分类 ',
+        'f_address': '     地     址     ',
+        'f_apply_type': ' 报 建 类 型 ',
+        'f_apply_nature': ' 报 建 性 质 ',
+        'defname': ' 办 理 环 节 ',
+        'f_install_count': ' 安装户数 ',
+        'f_designer_people':' 设计人员 '
+      }
+    }
+  },
+  ready () {
+    // 调用查询
+    this.search()
+  },
+  methods: {
+    // 点击操作
+    click (val) {
+      this.$dispatch('apply', val)
+    },
+    // 获取流程id
+    async getProcessId(processname) {
+      let data = {
+        workname: processname
+      }
+      let http = new HttpResetClass()
+      let res = await http.load(
+        'POST',
+        'rs/logic/getProcessId',
+        {data: data},
+        {resolveMsg: null, rejectMsg: '流程标识获取失败！！！'}
+      )
+
+      return res.data
+    },
+    // 报装申请
+    async apply () {
+      if (this.applyType === '' || this.applyType === null) {
+        this.$showAlert('请选择需要发起的类型', 'warning', 3000)
+        return
+      }
+      let data = {
+        f_apply_type: this.applyType
+      }
+      if (this.applyType === '管线建设') {
+        data.processname = '管线建设流程'
+        data.defname = '管线建设登记'
+      }
+     // if (this.$login.f.rolesnames.includes('工程部派工')){
+     //    if (this.applyType === '管线建设') {
+     //        data.processname = '管线建设流程'
+     //        data.defname = '管线建设登记'
+     //      } else {
+     //      this.$showMessage('您没有权限办理此业务，或者暂无此类报装')
+     //      return
+     //    }
+     //  } else {
+     //    this.$showMessage('您没有权限办理此业务，或者暂无此类报装')
+     //    return
+     //  }
+
+      data.f_sub_state = "新增"
+      data.f_apply_source = "线下发起"
+      data.f_process_id = await this.getProcessId(data.processname)
+
+      // 调用ExplorationUser事件
+      this.$dispatch('apply', data)
+
+      this.applyType = null
+      this.showModal = false
+    },
+    loadPage () {
+      this.$dispatch('loadPage')
+    },
+    searchCondition (args) {
+
+      this.model.search(args.condition, args.model)
+
+      console.log("当前数据",this.model)
+    },
+    search () {
+      this.$dispatch('search')
+    },
+    async getDesigner() {
+      let data = {
+        source: 'this.getParentByType($organization$).getChildByName($设计人员$).getChildren()',
+        userid: this.$login.f.id
+      }
+
+      let res = await this.$resetpost(
+        'rs/search',
+        {data: data},
+        {resolveMsg: null, rejectMsg: '设计人员人员查询失败！！！'}
+      )
+      console.log("ces",res.data.map(item => {
+        return {
+          label: item.name,
+          value: item.name
+        }
+      }))
+      this.designerPeoples = res.data.map(item => {
+        return {
+          label: item.name,
+          value: item.name
+        }
+      })
+    },
+    clear () {
+      Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
+        this.$refs.cp.$refs.cri.model[key] = null
+      })
+    }
+  },
+  computed: {
+    projectStart () {
+      return this.$login.r.includes('报建发起')
+    },
+    getLoginDepartment(){
+      return this.$login.f.rolesnames.includes('市场部报装')
+    },
+    getCondition () {
+      return {
+        condition: this.$refs.cp.$refs.cri.condition,
+        data: {
+          userid: this.$login.f.id,
+          f_filiale: this.$login.f.f_fengongsi
+        }
+      }
+    }
+  },
+  watch: {
+    'model.rows': {
+      handler: function () {
+        let isover = []           // 过期(超时)数据
+        let isbeforeover = []     // 未过期 提前提醒
+        for (let i = 0; i < this.model.rows.length; i++) {
+          let item = this.model.rows[i]
+          if (item.isover === '过期') {
+            isover.push(i + 1)
+          }
+          if (item.isbeforeover === '预期提醒') {
+            isbeforeover.push(i + 1)
+          }
+        }
+        let msg = null
+        if (isover.length > 0) {
+          msg = `第${isover.toString()}条数据已过期`
+          this.$showAlert(msg, 'warning', 3000)
+        }
+
+        if (isbeforeover.length > 0) {
+          msg = `第${isbeforeover.toString()}条数据即将过期`
+          if (isover.length > 0) {
+            setTimeout(() => {
+              this.$showAlert(msg, 'warning', 3000)
+            }, 4000)
+          } else {
+            this.$showAlert(msg, 'warning', 3000)
+          }
+        }
+      }
+    }
+  },
+  events: {
+  }
+}
+</script>
+<style scoped>
+
+.p1 {
+  color: #dc0b12;
+  font-weight:bold
+}
+.p {
+  color: #ffaf4f;
+}
+</style>