ne1

zzzz

2024-04-07 69ff731fbacf2f2ae16f98a355506bfeb01dd567

 src/views/product/markettrading.vue

@@ -33,7 +33,6 @@
            </a-col>
          </a-row> -->
        <a-row :gutter="48">

          <a-col :md="12" :lg="6" :sm="24">
            <!--   <a-form-item>
                <span class="table-page-search-submitButtons">
@@ -48,11 +47,13 @@
              type="primary"
              icon="plus"
              style="margin-left: 8px"
              @click="addUserdialog = true, currentdetail = ''">
              添加盘前</a-button>
              @click=";(addUserdialog = true), (currentdetail = '')"
            >
              添加盘前</a-button
            >
          </a-col>
        </a-row>
        </a-form>
        <!-- </a-form> -->
      </div>
    </a-card>

@@ -63,9 +64,9 @@
        :pagination="pagination"
        :columns="columns"
        :data-source="datalist"
        rowKey="newlistId">

        <span slot="type" slot-scope="text,record">
        rowKey="newlistId"
      >
        <span slot="type" slot-scope="text, record">
          <template>
            <div>
              <a-tag>
@@ -75,7 +76,7 @@
          </template>
        </span>

        <template slot="action" slot-scope="text,record">
        <template slot="action" slot-scope="text, record">
          <a slot="action" href="javascript:;" @click="geteditStock(record)">{{ '修改盘前' }}</a>
          <a-divider type="vertical" />
          <a slot="action" href="javascript:;" @click="getdeleteStock(record)">{{ '删除盘前' }}</a>
@@ -89,21 +90,24 @@
      :visible="addUserdialog"
      :confirmLoading="addUserDialogloading"
      @ok="OkaddUserdialog"
      @cancel="CanceladdUserdialog">
      @cancel="CanceladdUserdialog"
    >
      <a-form :form="addUserform" ref="addUserform">
        <a-row :gutter="48">
          <a-col :md="12" :lg="12" :sm="12">
            <a-form-item label="股票code" :labelCol="labelCol" :wrapperCol="wrapperCol">
            <a-form-item label="股票代码" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-input
                placeholder="请输入股票code"
                v-decorator="['stockCode', { rules: [{ required: true, message: '请输入股票code', }] }]" />
                placeholder="请输入股票代码"
                v-decorator="['stockCode', { rules: [{ required: true, message: '请输入股票代码' }] }]"
              />
            </a-form-item>
          </a-col>
          <a-col :md="12" :lg="12" :sm="12">
            <a-form-item label="股票名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-input
                placeholder="请输入股票名称"
                v-decorator="['stockName', { rules: [{ required: true, message: '请输入股票名称', }] }]" />
                v-decorator="['stockName', { rules: [{ required: true, message: '请输入股票名称' }] }]"
              />
            </a-form-item>
          </a-col>
        </a-row>
@@ -112,17 +116,19 @@
            <a-form-item label="盘前价格" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-input
                placeholder="请输入盘前价格"
                v-decorator="['price', { rules: [{ required: true, message: '请输入盘前价格', }] }]" />
                v-decorator="['price', { rules: [{ required: true, message: '请输入盘前价格' }] }]"
              />
            </a-form-item>
          </a-col>
          <a-col :md="12" :lg="12" :sm="12">
            <a-form-item label="金额模式" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-select
                :value="typeValue"
                placeholder="请选择金额模式"
                v-decorator="['type', { rules: [{ required: true, message: '请选择金额模式', }] }]"
                v-decorator="['type', { rules: [{ required: true, message: '请选择金额模式' }] }]"
              >
                <a-select-option :value="0">价格</a-select-option>
                <a-select-option :value="1">百分比</a-select-option>
                <a-select-option value="0">价格</a-select-option>
                <a-select-option value="1">百分比</a-select-option>
              </a-select>
            </a-form-item>
          </a-col>
@@ -132,14 +138,16 @@
            <a-form-item label="股票开始时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-input
                placeholder="请输入股票调价开始时间"
                v-decorator="['startTime', { rules: [{ required: true, message: '请输入股票调价开始时间', }] }]" />
                v-decorator="['startTime', { rules: [{ required: true, message: '请输入股票调价开始时间' }] }]"
              />
            </a-form-item>
          </a-col>
          <a-col :md="12" :lg="12" :sm="12">
            <a-form-item label="股票结束时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-input
                placeholder="请输入股票结束时间"
                v-decorator="['endTime', { rules: [{ required: true, message: '请输入股票结束时间', }] }]" />
                v-decorator="['endTime', { rules: [{ required: true, message: '请输入股票结束时间' }] }]"
              />
            </a-form-item>
          </a-col>
        </a-row>
@@ -148,270 +156,240 @@
  </page-header-wrapper>
</template>
<script>
  import {
    subscribelist,
    subscribeadd,
    subscribeupdate,
    subscribedel
  } from '@/api/newshares'
  import {
    paylist,
    payupdate,
    payadd,
    paydel,
    adminupload,
    queryAll,
    updatetime,
    SettingqueryAll,
    stockupdata,
    stockadd,
    stockdelete
  } from '@/api/allsetting'
  import moment from 'moment'
  import pick from 'lodash.pick'
  export default {
    name: 'Shares',
    data () {
      return {
        columns: [
          {
            title: '股票代码',
            dataIndex: 'stockCode',
            align: 'center'
import { SettingqueryAll, stockupdata, stockadd, stockdelete } from '@/api/allsetting'
import moment from 'moment'
import pick from 'lodash.pick'
export default {
  name: 'Shares',
  data() {
    return {
      columns: [
        {
          title: '股票代码',
          dataIndex: 'stockCode',
          align: 'center',
        },
        {
          title: '股票名称',
          dataIndex: 'stockName',
          align: 'center',
        },
        {
          title: '股票开始时间',
          dataIndex: 'startTime',
          align: 'center',
        },
        {
          title: '股票结束时间',
          dataIndex: 'endTime',
          align: 'center',
        },
        {
          title: '类型',
          dataIndex: 'type',
          align: 'center',
          scopedSlots: { customRender: 'type' },
        },
        {
          title: '金额/百分比',
          dataIndex: 'price',
          align: 'center',
        },

        {
          title: '操作',
          key: 'action',
          align: 'center',
          scopedSlots: {
            customRender: 'action',
          },
          {
            title: '股票名称',
            dataIndex: 'stockName',
            align: 'center'
          },
          {
            title: '股票开始时间',
            dataIndex: 'startTime',
            align: 'center'
          },
          {
            title: '股票结束时间',
            dataIndex: 'endTime',
            align: 'center'
          },
          {
            title: '类型',
            dataIndex: 'type',
            align: 'center',
            scopedSlots: { customRender: 'type' }
          },
          {
            title: '金额/百分比',
            dataIndex: 'price',
            align: 'center'
          },
        },
      ],
      disabledDate: true,
      // 表头
      pagination: {
        total: 0,
        current: 1,
        pageSize: 10, // 每页中显示10条数据
        showSizeChanger: true,
        pageSizeOptions: ['10', '20', '50', '100'], // 每页中显示的数据
        onShowSizeChange: (current, pageSize) => this.onSizeChange(current, pageSize), // 改变每页数量时更新显示
        onChange: (page, pageSize) => this.onPageChange(page, pageSize), // 点击页码事件
        showTotal: (total) => `共有 ${total} 条数据`, // 分页中显示总的数据
      },
      loading: false,
      typeValue: 0,
      queryParam: {
        pageNum: 1,
        pageSize: 10,
        code: '',
        name: '',
        zt: undefined,
        type: undefined,
      },
      datalist: [],
      labelCol: {
        xs: {
          span: 8,
        },
        sm: {
          span: 8,
        },
        md: {
          span: 8,
        },
      },
      wrapperCol: {
        xs: {
          span: 14,
        },
        sm: {
          span: 14,
        },
        md: {
          span: 14,
        },
      },
      addUserform: this.$form.createForm(this),
      addUserdialog: false,
      addUserDialogloading: false,

          {
            title: '操作',
            key: 'action',
            align: 'center',
            scopedSlots: {
              customRender: 'action'
      fields: ['stockCode', 'stockName', 'startTime', 'endTime', 'type', 'price'],
      currentdetail: '',
      subscribeTime: '',
      subscriptionTime: '',
    }
  },
  created() {
    this.getlist()
  },
  methods: {
    getdeleteStock(val) {
      var that = this
      this.$confirm({
        title: '提示',
        content: '确认删除该盘前吗？此操作不可恢复！',
        onOk() {
          var data = {
            id: val.id,
          }
          stockdelete(data).then((res) => {
            if (res.status == 0) {
              that.$message.success({
                content: res.msg,
                duration: 2,
              })
              that.getinit()
            } else {
              that.$message.error({
                content: res.msg,
              })
            }
          }
        ],
        disabledDate: true,
        // 表头
        pagination: {
          total: 0,
          current: 1,
          pageSize: 10, // 每页中显示10条数据
          showSizeChanger: true,
          pageSizeOptions: ['10', '20', '50', '100'], // 每页中显示的数据
          onShowSizeChange: (current, pageSize) => this.onSizeChange(current, pageSize), // 改变每页数量时更新显示
          onChange: (page, pageSize) => this.onPageChange(page, pageSize), // 点击页码事件
          showTotal: total => `共有 ${total} 条数据` // 分页中显示总的数据
          })
        },
        loading: false,
        queryParam: {
          pageNum: 1,
          pageSize: 10,
          code: '',
          name: '',
          zt: undefined,
          type: undefined
        onCancel() {
          console.log('Cancel')
        },
        datalist: [],
        labelCol: {
          xs: {
            span: 8
          },
          sm: {
            span: 8
          },
          md: {
            span: 8
          }
        },
        wrapperCol: {
          xs: {
            span: 14
          },
          sm: {
            span: 14
          },
          md: {
            span: 14
          }
        },
        addUserform: this.$form.createForm(this),
        addUserdialog: false,
        addUserDialogloading: false,
      })
    },
    getsubscribeTime(date, dateString) {
      this.subscribeTime = dateString
    },
    getsubscriptionTime(date, dateString) {
      this.subscriptionTime = dateString
    },
    geteditStock(val) {
      this.currentdetail = val
      this.addUserdialog = true
      var currentTime = new Date()
      this.fields.forEach((v) => this.addUserform.getFieldDecorator(v))
      this.addUserform.setFieldsValue(pick(val, this.fields))
      this.addUserform.setFieldsValue({
        subscriptionTime: moment(val.subscriptionTime ? val.subscriptionTime : currentTime).format(
          'YYYY-MM-DD HH:mm:ss'
        ),
      })
      this.addUserform.setFieldsValue({
        subscribeTime: moment(val.subscribeTime ? val.subscribeTime : currentTime).format('YYYY-MM-DD HH:mm:ss'),
      })
    },
    CanceladdUserdialog() {
      this.addUserdialog = false
      const form = this.$refs.addUserform.form
      form.resetFields()
    },
    OkaddUserdialog() {
      const form = this.$refs.addUserform.form

        fields: ['stockCode', 'stockName', 'startTime', 'endTime', 'type', 'price' ],
        currentdetail: '',
        subscribeTime: '',
        subscriptionTime: ''

      form.validateFields((errors, values) => {
        if (!errors) {
          if (this.currentdetail != '') {
            this.addUserDialogloading = true
            values.id = this.currentdetail.id
            // values.subscriptionTime = this.subscriptionTime
            // values.subscribeTime = this.subscribeTime
            stockupdata(values).then((res) => {
              if (res.status == 0) {
                this.addUserdialog = false
                this.$message.success(res.msg)
                form.resetFields()
                this.getlist()
              } else {
                this.$message.error(res.msg)
              }
              this.addUserDialogloading = false
            })
          } else {
            this.addUserDialogloading = true
            stockadd(values).then((res) => {
              if (res.status == 0) {
                this.addUserdialog = false
                this.$message.success(res.msg)
                form.resetFields()
                this.getinit()
              } else {
                this.$message.error(res.msg)
              }
              this.addUserDialogloading = false
            })
          }
        }
      })
    },
    getqueryParam() {
      this.queryParam = {
        pageNum: 1,
        pageSize: 10,
        code: '',
        name: '',
        zt: undefined,
        type: undefined,
      }
    },
    created () {
    getinit() {
      this.getqueryParam()
      this.pagination.current = 1
      this.getlist()
    },
    methods: {
      getdeleteStock (val) {
        var that = this
        this.$confirm({
          title: '提示',
          content: '确认删除该盘前吗？此操作不可恢复！',
          onOk () {
            var data = {
              id: val.id
            }
            stockdelete(data).then(res => {
              if (res.status == 0) {
                that.$message.success({
                  content: res.msg,
                  duration: 2
                })
                that.getinit()
              } else {
                that.$message.error({
                  content: res.msg
                })
              }
            })
          },
          onCancel () {
            console.log('Cancel')
          }
        })
      },
      getsubscribeTime (date, dateString) {
        this.subscribeTime = dateString
      },
      getsubscriptionTime (date, dateString) {
        this.subscriptionTime = dateString
      },
      geteditStock (val) {
        this.currentdetail = val
        this.addUserdialog = true
        var currentTime = new Date()
        this.fields.forEach(v => this.addUserform.getFieldDecorator(v))
        this.addUserform.setFieldsValue(pick(val, this.fields))
        this.addUserform.setFieldsValue({
          subscriptionTime: moment(val.subscriptionTime ? val.subscriptionTime : currentTime).format(
            'YYYY-MM-DD HH:mm:ss')
        })
        this.addUserform.setFieldsValue({
          subscribeTime: moment(val.subscribeTime ? val.subscribeTime : currentTime).format('YYYY-MM-DD HH:mm:ss')
        })
        // this.subscribeTime = moment(val.subscribeTime).format('YYYY-MM-DD HH:mm:ss')
        // this.subscriptionTime  = moment(val.subscriptionTime).format('YYYY-MM-DD HH:mm:ss')
      },
      CanceladdUserdialog () {
        this.addUserdialog = false
        const form = this.$refs.addUserform.form
        form.resetFields()
      },
      OkaddUserdialog () {
        const form = this.$refs.addUserform.form

        form.validateFields((errors, values) => {
          if (!errors) {
            if (this.currentdetail != '') {
              this.addUserDialogloading = true
              values.id = this.currentdetail.id
              // values.subscriptionTime = this.subscriptionTime
              // values.subscribeTime = this.subscribeTime
              stockupdata(values).then(res => {
                if (res.status == 0) {
                  this.addUserdialog = false
                  this.$message.success({
                    content: res.msg,
                    duration: 2
                  })
                  form.resetFields()
                  this.getlist()
                } else {
                  this.$message.error({
                    content: res.msg
                  })
                }
                this.addUserDialogloading = false
              })
            } else {
              this.addUserDialogloading = true
              stockadd(values).then(res => {
                if (res.status == 0) {
                  this.addUserdialog = false
                  this.$message.success({
                    content: res.msg,
                    duration: 2
                  })
                  form.resetFields()
                  this.getinit()
                } else {
                  this.$message.error({
                    content: res.msg
                  })
                }
                this.addUserDialogloading = false
              })
            }
          }
        })
      },
      getqueryParam () {
        this.queryParam = {
          pageNum: 1,
          pageSize: 10,
          code: '',
          name: '',
          zt: undefined,
          type: undefined
        }
      },
      getinit () {
        this.getqueryParam()
        this.pagination.current = 1
        this.getlist()
      },
      getlist () {
        this.loading = true
        SettingqueryAll(this.queryParam).then(res => {
          this.datalist = res.data
          this.pagination.total = res.data.total
          this.loading = false
        })
      },
      onPageChange (page, pageSize) {
        this.queryParam.pageNum = page
        this.pagination.current = page
        this.getlist()
      },
      onSizeChange (current, pageSize) {
        this.queryParam.pageNum = current
        this.pagination.current = page
        this.queryParam.pageSize = pageSize
        this.getlist()
      }
    }
  }
    getlist() {
      this.loading = true
      SettingqueryAll(this.queryParam).then((res) => {
        this.datalist = res.data
        this.pagination.total = res.data.total
        this.loading = false
      })
    },
    onPageChange(page, pageSize) {
      this.queryParam.pageNum = page
      this.pagination.current = page
      this.getlist()
    },
    onSizeChange(current, pageSize) {
      this.queryParam.pageNum = current
      this.pagination.current = page
      this.queryParam.pageSize = pageSize
      this.getlist()
    },
  },
}
</script>