123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162 |
- <!--
- firm 厂商
- -->
- <template>
- <el-dialog title="选择型号" :visible.sync="dialog.firm" width="600px">
- <div>
- <div id="firm">
- <div class="title-search" style="margin-bottom: 10px;">
- <el-input
- placeholder="输入厂家名称、品牌名、型号进行查找"
- v-model="search"
- size="small"
- style="width:400px;"
- clearable
- ></el-input>
- <el-button @click="searchKey" size="small">查找</el-button>
- </div>
- <el-radio-group v-model="radio" style="width:100%;">
- <el-table :data="tableData" style="width: 100%" height="300px">
- <el-table-column label="生产厂家">
- <template slot-scope="scope">
- <el-radio v-model="radio" :label="scope.row">{{scope.row.venderName || "--"}}</el-radio>
- </template>
- </el-table-column>
- <el-table-column prop="brand" label="品牌"></el-table-column>
- <el-table-column prop="name" label="型号"></el-table-column>
- <el-table-column label="技术参数">
- <template slot-scope="scope">
- <el-button type="text" @click="lookParam(scope.row)">技术参数</el-button>
- </template>
- </el-table-column>
- </el-table>
- </el-radio-group>
- <my-pagination :page="page" @change="changed" style="margin-top:10px;"></my-pagination>
- <p style="height:40px;line-height:40px;text-align:center;color:#9E9E9E;">
- 找不到想要的型号? 赶快去
- <i style="color:#46B0FF;cursor: pointer;">厂家库</i>维护吧
- </p>
- <div class="footer">
- <el-button
- type="primary"
- @click="getChange"
- style="display:block;margin: 10px auto 0;"
- >确 定</el-button>
- </div>
- </div>
- </div>
- <param-details :isLoad="isLoad" :data="data"></param-details>
- </el-dialog>
- </template>
- <script>
- import myPagination from "@/components/common/myPagination";
- import paramDetails from "@/components/business_space/dialogs/list/paramDetails"
- import { getSpecList } from "@/api/scan/request"
- export default {
- components: {
- myPagination,
- paramDetails
- },
- props: {
- dialog: {
- type: Object,
- default: function () {
- return {
- firm: false
- };
- }
- },
- mess: {
- type: [Object, String]
- }
- },
- data() {
- return {
- search: "", //搜索文案
- radio: "",
- tableData: [
- ],
- data: {},
- isLoad: {
- paramShow: false
- },
- page: {
- size: 10,
- sizes: [10, 30, 50, 100, 150, 200],
- total: 0,
- currentPage: 1
- },
- };
- },
- created() { },
- mounted() { },
- methods: {
- changed() {
- this.getData()
- },
- //查询技术参数
- lookParam(data) {
- this.data = data
- this.isLoad.paramShow = true
- },
- getChange() {
- if (!!this.radio) {
- this.$emit("changeFirm", this.radio)
- this.dialog.firm = false
- } else {
- this.$message("请选择型号")
- }
- },
- searchKey() {
- this.changePage()
- },
- changePage() {
- this.page = {
- size: 10,
- sizes: [10, 30, 50, 100, 150, 200],
- total: 0,
- currentPage: 1
- }
- this.getData()
- },
- getData() {
- getSpecList({
- limit: {
- skip: this.page.size * (this.page.currentPage - 1),
- count: this.page.size
- },
- eqFamily: this.mess.deviceId,
- name: this.search
- }, res => {
- this.page.total = res.totalCount
- this.tableData = res.content
- console.log(this.tableData)
- })
- }
- },
- watch: {
- dialog: {
- deep: true,
- handler: function () {
- if (this.dialog.firm) {
- console.log(this.mess)
- this.changePage()
- }
- }
- }
- }
- };
- </script>
- <style lang="less">
- #firm {
- .el-table thead {
- tr {
- th {
- background-color: #f5f7fa;
- }
- }
- }
- }
- </style>
|